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

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

VCCW(Vagrant+VirtualBox+Chef+WordPress)のメール送信テスト環境には、MailCatcherが最適!

ローカルの WordPress の開発環境を用意するのであれば、VCCW - A WordPress development environment.を使用しましょう。Vagrant と VirtualBox さえあれば、なんでもそろった無償の開発環境を迅速に構築できます。VCCW の構築方法については、gulp.js と Browser Sync で快適な WordPress 開発環境を手に入れるをご参照ください。 VCCW の開発環境でメー...

Mac WordPress Development

WordPressのショートコード入門

WordPress のショートコードとは、いわゆる「ショートカット」のように機能します。たとえば、代表的なショートコードとして[[gallery]]がありますが、これは記事中に[[gallery]]と記述することで、簡単にイメージファイルのサムネイルを呼び出すことができるものです。今回は、ショートコードの作り方から、...

Blog Development WordPress

MarsEditのプレビュー画面にWordPressのショートコードをリアルタイムに反映する

Mac で WordPress を使ってブログを書くなら使いたい「MarsEdit」、弊サイトでも、度々その使い方についてご紹介してきました。過去記事については、MarsEdit のプレビュー画面で、「highlight.js」のシンタックスハイライトをリアルタイムでプレビューする、WordPress のテーマ開発、ブログの執筆...

Mac WordPress Development MarsEdit

MarsEditのプレビュー画面で、「highlight.js」のシンタックスハイライトをリアルタイムでプレビューする

MarsEditは、macOSで動作するWordPressやMovableTypeなどの主要なCMSに対応しているエディターで、とくにリアルタイムプレビューやAppleScriptとの連携は非常に便利です。 弊サイトでも、過去にMarsEditをより便利に高速に活用するためのスクリプト集や、Alfre...

Mac Development MarsEdit WordPress

WordPress開発のためにAtomに導入しておきたい最低限のプラグイン8選

GitHub謹製のエディター「Atom」、バージョンアップによる機能追加、バグ修正を重ね、「Sublime Text」と並ぶくらいに多機能で使いやすいエディターです。どちらを使用するかは好みが分かれますが、「Atom」は「Sublime Text」と比較しGUIが充実しているなど、優れている点も多いです...

Mac Atom Development WordPress

WordPressの過去記事参照に!Alfredから記事を検索してMarsEditに貼り付けられる「Paste link for MarsEdit with Alfred」

MarsEditでブログを執筆している時に、過去の投稿のリンクを貼りたくなる時はありませんか?記事のタイトルを見ながら絞り込みのできる「Paste link for MarsEdit with Alfred」なら、そんなあなたのお悩みを一発で解消できます。 使い方 「Paste link for MarsEdit with Alfred」は、AlfredのWorkflow機能を使用...

Mac WordPress Alfred Apps

Webデザイナー必見!CSS3のブラウザの対応状況をコマンドラインで確認できる「caniuse-cmd」

Can I use... Support tables for HTML5, CSS3, etcといえば、CSS3やHTML5のブラウザの対応状況をブラウザで教えてくれる便利なツールですが、コマンドラインで確認できるツールが登場したのでご紹介します。 HTML5、CSS3のブラウザの対応状況をCUIで調査! インストールは、「npm」コマンドにより行います。 $ npm install -g caniuse-cmd 「npm...

Mac WordPress Development

Windows環境で超簡単にWordPressの開発環境を構築する方法

WindowsでWordPress環境を構築するのは簡単ではありません。たとえば、最低限、以下のような手順を踏む必要があるでしょう。 XAMPP Installers and Downloads for Apache FriendsからXAMPPをダウンロードする XAMPPをインストールする 必要に応じてXAMPPの環境をカスタマイズする WordPress › Blog Tool, Publishing Platform, and CMSからWordPr...

Windows WordPress Development

WordPressでプラグインを使わずに閲覧数の多い人気記事を取得し、管理画面に閲覧数を表示する

WordPress で閲覧数の多い人気記事を表示するプラグインは数多くありますが、今回はプラグインの力を借りずに自力で実装してみたいと思います。 そもそも、データベースを有する WordPress において、なぜ簡単に閲覧数の多い記事を表示することができないか。それは、WordPress のデータベースには、閲覧数を保持するカラムがないから...

Blog Development WordPress

今からでも遅くない!今日から始めるEmmet入門

Emmet Emmetとは、HTML、CSSを高速に記述、編集できるエディター系プラグインです。何だか敷居が高いな、と思われている方もいらっしゃるかもしれませんが、やってみれば意外と簡単、むしろ超便利!ということに気付きます。ぜひチャレンジしてみてましょう。 下準備 今回使用するエディターは、Sublime Tex...

Mac Development WordPress

jQueryのプラグイン「Sharrre」を使用してWordPressにソーシャルネットワークのシェア数を非同期で取得する

ソーシャルネットワークのシェア数をカウントする jQuery のプラグインはさまざまですが、今回はあの世界的に有名なMashableでも使用されているという噂の、Sharrre - A plugin for sharing buttonsを使用してみました。 前述の Mashable のように、記事毎のトータルのシェア数を表示し、シェア数にマウスカーソルを合わせると、各...

Blog Development WordPress

WordPressのサイト表示速度を高速化させるために行っている施策まとめ

あなたのサイトの表示速度を向上するためのTipsをいくつかご紹介します。すべて弊サイトで実際に行っている施策ばかりです。サイトの表示速度は、SEOにとっても重要な要素です。ぜひ挑戦してみてください。 WordPressアップロード前の下準備 画像ファイルの圧縮 WordPressに限らず、Webサイト表示...

Blog Development WordPress

本番環境と開発環境のWordPressを自動的に同期する方法

本番環境と開発環境のWordPressの環境を同期する方法をご紹介します。常に、本番環境と開発環境のWordPressの情報を同期化しておくことで、開発がスムーズになることが考えられます。初期設定が少々面倒ですが、是非試してみてください。 本番環境と開発環境のWordPressを同期する 順を追って、方...

Blog Development WordPress