ブログ画像に最適!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

Atomの設定、キーマップ、スニペット、パッケージを複数の端末間で同期する「sync-settings」

Sublime Text は、Dropbox 経由でパッケージを同期することで、複数の端末間で同一の環境を簡単に構築することができました。Atom についても、ホームディレクトリ配下の.atomディレクトリをオンラインストレージ経由で同期することで同一の環境を構築することも可能ですが、Atom には設定を同期するための専用のパ...

Mac Atom Development WordPress

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

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

Mac Atom Development WordPress

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

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

Mac Development WordPress

WordPressの本文にAmazonのURLを貼り付けるだけで、アフィリエイトリンクを生成できるようにする

こちらで、App Store の URL を WordPress の本文に貼り付けるだけで、アフィリエイトリンクを作成する方法をご紹介しましたが、今回は Amazon 版です。 Amazon の商品情報を取得するためには、Amazon Product Advertising API を使用します。この API の制約の 1 つに、「1 リクエスト/秒」という制限があります。この制約を超えて使用した場合、リクエストに制限を受...

Blog Development WordPress

WordPressの本文にApp StoreのURLを貼り付けるだけで、アフィリエイトリンクを生成できるようにする

WordPress を使用していて、App Store や Mac App Store に公開されている iPhone、iPad、Mac のアプリケーションを紹介する際に、アフィリエイトリンクを貼り付けている方は多数いらっしゃると思います。 アフィリエイトリンクを生成する方法は、アップルが公開しているiTunes Link Makerを使用したり、多数公開されているプ...

iPhone Development WordPress

VCCW(Vagrant+VirtualBox+Chef+WordPress)+WordMoveで、本番環境から開発環境にデータを簡単に同期する!

弊サイトでも推奨しまくりのVCCW - A WordPress development environment.ですが、構築方法についてはgulp.js と Browser Sync で快適な WordPress 開発環境を手に入れるをご覧いただくとして、今回は VCCW と XSERVER(エックスサーバー)上に構築した WordPress の環境を同期し、簡単に開発環境(VCCW)に本番環境のデータを適用する方法をご...

Mac WordPress Development