WordPressにMastodonのURLを貼り付けただけでトゥートを埋め込む方法

photo credit: James St. John Reconstruction of Mammut americanum (American mastodon) (Pleistocene; Shelton Mastodon site, Oakland County, Michigan, USA) via photopin (license) 巷で噂の分散型ソーシャルネットワークサービス「Mastodon」が急成長を見せています。「Mastodon」は、同様の短文投稿型SNSである「Twitter」と比較すると、「Twitter」のようにサーバが集約された集中型と異なり、オープンソースソフトウェ...

Blog Development WordPress

Docker ComposeでWordPress環境をもっと楽に管理しよう!

Docker For Macを使用すると、あらかじめ用意されたイメージ(テンプレート)を使用して、簡単にWordPress環境を構築できます。ローカルの開発環境の場合、インターネット接続環境であれば、ものの数分でWordPress環境を作成できます。また、イメージのダウンロードは初回のみで、次回以降は数秒でWordP...

Blog Development Docker WordPress

商用利用可能!ブログのアイキャッチ画像に使用できる著作権フリー(CC0 Public Domain)の画像を横断して検索できる「LibreStock」

WordPress のアイキャッチ画像(記事のトップに表示される画像)は、クリック率の上昇や記事の内容を読者に伝えるために、是非とも使用したい機能です。ただし、Web サイト等で公開されている画像には著作権が設定されており、通常、無断で使用することはできません。アイキャッチ画像を一から作成することもできますが、手間もか...

Blog Development

WordPressのテーマ、プラグイン開発者にオススメできる軽量なテキストエディター「Boostnote」

弊サイトでは度々WordPressテーマやプラグインを開発するための情報を発信していますが、WordPressテーマやプラグインを開発するにあたって手放せないのが、テキストエディターです。過去に、「Sublime Text」「Atom」の2種類のエディターをご紹介しました。「Sublime Text」は...

Mac Development WordPress

ブログを訪れたユーザーがどれだけGoogle AdSenseをブロックしているかを簡単に計測する方法

How to Track AdBlock Users to your Website with Google Analyticsで紹介されていた方法です。レンタルサーバー料金、独自ドメイン更新料など、ブログを運営していく上で欠かせないのが、その維持費です。維持費を捻出するためにGoogle AdSenseを導入されている方も多いのではないでしょうか。弊サイトでも、同様の目的でGoogle A...

Blog Development Google WordPress

ブログ画像に最適!Macの標準アプリを使用して、拡大鏡のような効果を演出する方法

ブログでアプリや機能の紹介をする際に、効果的な画像で演出したいですよね。以前、Macの標準アプリを使用して、スポットライト効果のような画像を作成する方法 – OTTAN.XYZでプレビュー.appを使用して、スポットライト効果(マスク)を演出する方法をご紹介しましたが、今回もプレビュー.appで簡単にで...

Mac WordPress Tips

WordPressをAMPに対応させる方法とそのカスタマイズ

2016年2月から導入されたGoogle検索結果に適用されるAMP(Accelerated Mobile Pages)プロジェクト。スマートフォンなどのモバイルデバイスにおける検索結果表示を高速化するためのプロジェクトです。しかし、このプロジェクト開始当初は柔軟なカスタマイズが不可能であり、逆にユーザビリティの低...

Blog WordPress Development

グリッドレイアウトで高さも横幅もバラバラの画像を綺麗に並べる方法

珍しくデザインに関するお話です。弊サイトでは、WordPressのテーマを独自作成し、テーマの構築にCSSフレームワークであるTwitter Bootstrapを使用しています。Bootstrapを使用することで、車輪の再発明を行うことなく、誰もが簡単にレスポンシブデザインに対応したテーマを作成できま...

Blog Development WordPress

Dockerで作る最強・最速のローカルWordPress環境

WordPress のローカルホストの開発環境といえば、Dockerが登場する以前は、Vagrant + VirtualBox による仮想環境や、MAMP を使用した構築が一般的でした。しかし、Dockerを使用することで、プラットフォームに応じた Docker の環境さえ用意すれば、Docker Hub に登録されているイメージを使用することで即座に環境を構築で...

Mac Development Docker WordPress

WordPressで記事を投稿した瞬間に外部にメールを送信する方法

WordPress で記事を投稿したことをメールでお知らせしたい場合があります。また、メールを送信することで、IFTTT などの外部サービスと連携し、即座にアクションを起こすことも可能となります。IFTTT との連携については別記事でご紹介しますが、今回は WordPress で記事を投稿した際に、特定のメールアドレスに対してメールを送信す...

Blog Development WordPress

ブログの記事が「はてな新着エントリー」に掲載されたらSlackに通知する

「はてなブックマーク」は、国内最大のソーシャルブックマークサービスであり、新着エントリー、人気エントリーに掲載された記事については、たちまちSNS上でも拡散され、アクセス数向上に貢献します。投稿したブログの記事が、はてなブックマークに掲載されたかどうか、気にしすぎるのもアレですが、ブログを運営してい...

Blog Development IFTTT Slack

WordPressに投稿したらIFTTTとBufferを使用して自動的にTwitter、Facebookページ、Google+に投稿する方法

WordPress に投稿したら自動的に SNS(Twitter、Facebook ページ、Google+)に連携するプラグインは数多くありますが、WordPress の負荷を考慮するならば、できる限り使用するプラグインは減らしたいものです。とはいえ、ブログ投稿のたびに SNS に手動で連携するのも幾分面倒です。自動投稿は機械的な...

Blog Development IFTTT WordPress

WordPressの本文に紹介したいサイトのURLを貼り付けるだけで、おしゃれなリンクを生成できるようにする

過去に、WordPressの本文にApp StoreのURLを貼り付けるだけで、アフィリエイトリンクを生成できるようにする – OTTAN.XYZという記事を書きました。横着したかっただけなのですが、意外とご好評いただいているようです。今回は、これを応用して、内部リンク、外部リンクのURLをWordPre...

Blog Development WordPress

Docker for Macで始めるお手軽WordPress環境のさまざまなカスタマイズ

詳細な解説付き!今から始める Docker for Mac!快適な WordPress 開発環境を手に入れよう! – OTTAN.XYZでご紹介した、Docker for Mac を使った WordPress の開発環境の構築。超高速に WordPress 環境を構築できる代わりに、デフォルトの状態では少し貧弱ですね。 そこで、以前ご紹介した本番環境の WordPress と MySQL の内容含めて丸ごと同期できる「WordM...

Mac Development Docker WordPress

詳細な解説付き!今から始めるDocker for Mac!快適なWordPress開発環境を手に入れよう!

弊サイトでは、WordPress のテーマ、プラグイン開発環境として、VCCW - A WordPress development environment.を推奨してきました。Vagrant + VirtualBox による多機能な開発環境である VCCW 推奨の方針は変わらないのですが、Docker for Macの登場により、より快適な環境を Mac に構築できるようになりました。もう、Va...

Mac Development Docker WordPress

WordPressのデフォルトカテゴリーである「未分類」を削除する

WordPressではお馴染みのカテゴリー「未分類」、使ってますか?使ってませんよね。「未分類」という名称だから使わないのかもしれません。「未分類」という名称を変更することもできます。これを、ブログ初期構築時に知っていたら私もそうしたと思うのですが…。記事が蓄積した今、いまさらカテゴリーを増やすこと...

Blog Development WordPress

WordPressの本文にGoogle Play StoreのURLを貼り付けるだけで、リンクを生成できるようにする

以前、ご紹介した App Store の URL を貼り付けるだけでリンクを生成できる、Google Play Store 版です。 Google Play Store から自動的にリンクを取得する Google Play Store から自動的にリンクを取得するための方法をご紹介します。ただし、この方法には注意点がありますので、後ほど説明します。 ライブラリ Google Play Store は、iTunes Store のように、検索のための API が...

Android Apps Development Google

WordPressのテーマやプラグイン開発のためにAtomに導入したパッケージ(2016年版)

Sublime Textはお気に入りのエディターですが、有償のソフトウェアです。無期限で試用することはできますが、永続的に使用するためにはライセンス料を支払う必要があります。高機能なエディターで非常に便利ですが、ライセンス料がやや高く、初心者にとっては敷居が高いかもしれません。 OTTAN.XYZ | WordPress開発のためにA...

Mac Atom Development WordPress

Sublime TextでWordPressのコーディング規約に遵守したコーディングを効率的に行おう!

Sublime Textはお気に入りのエディターです。プラグインを使用することで拡張することができ、さまざまな用途で使用することができるようになります。また、多数のテーマも開発されており、自分の好みにあった外観に仕上げることも可能です。今回は、このSublime Textを使用してWordPressのコーディング規...

Mac Development WordPress