jQueryを使用してTwitter、Facebook、Google+、はてなブックマークのシェア数を非同期で取得する方法のまとめ

プラグインを使用せずにソーシャルネットワークからシェア数を取得する方法のサンプルです。WordPress にはさまざまなプラグインが用意されており、また公式ボタンを使用した方がより設置が簡単なのですが、jQuery の勉強も兼ねて自力で作成してみました。 サンプル サンプルをご用意しました。サンプルについて...

Blog Development WordPress

今日からコピペで使えるWordPressで人気記事や最新記事を取得する方法のまとめ

WordPress ではさまざまな方法で投稿を取得できます。今回は、その中でもよく使われる手法についてまとめました。なお、簡略化のため、説明は WP_Query に渡すパラメーターのみとし、特段の注意点がなければ前後の処理は省いています。大まかな処理の流れは以下の通りになりますので参考にしてください。 $r = new WP_Query(); if ( $r->have_posts() ) { while ( $r->have_posts() ) : the_post(); // do...

Blog Development WordPress

Twitter Bootstrap 3を用いてWordPressテーマを作成しよう③

Twitter Bootstrap 3を用いてWordPressテーマを作成しよう②は、Twitter Bootstrapの根幹となるグリッドシステムのご紹介から、メインコンテンツにアイキャッチ画像、タイトル、投稿の内容を表示させる、など盛りだくさんの内容でした また、その中で、the_XXXX() 関数とget_the_XXXXX()...

Blog Development WordPress

Twitter Bootstrap 3を用いてWordPressテーマを作成しよう②

Twitter Bootstrap 3 を用いて WordPress テーマを作成しよう ①までで、Initializrを使用したプロトタイプの作成から、ヘッダー、フッターの分割までを行いました。今回は、メインとなる投稿一覧の表示部分をカスタマイズしていきたいと思います。前回の記事をまだご覧になっていない方はそちらからご覧ください。 Twitter Bootstrap のグリッドシステム...

Blog Development WordPress

Twitter Bootstrap 3を用いてWordPressテーマを作成しよう①

Twitter Bootstrapを用いたWordPressテーマは数多く配信されています。その中からピックアップしてカスタマイズしても良いのですが、それでは面白味がありませんので、極力そういった類いのツールは借りず、自作に近い形でテーマを作成したいと思います。 簡単にレスポンシブに対応したデザインが作成できる「I...

Blog Development WordPress

Google Analyticsと連携してページビューの多い人気記事を表示する

WordPress の人気記事を取得する手段は数多くあれど、信頼性の高い数値はやはり Google Analytics。そこで、今回は公開されている API を利用して、Google Analytics からページビューを取得する方法をご紹介します。 Google Analytics と連携して PV を取得する 多少敷居が高いと感じるかもしれませんが、さほど難しい話ではありません。順を追って解説...

Blog Development Google WordPress

WordPressのテーマ開発、ブログの執筆作業を効率化する方法のまとめ

今回は、私が実践しているWordPressのテーマ開発、およびブログの執筆作業を効率化するために行っている施策をいくつかご紹介します。前半はテーマ開発について、後半はブログの執筆作業についてまとめてみましたのでぜひご参考にしてみてください。 Sublime Text 3の開発環境の共有によるテーマ開発の効率化 ブログの開発環...

Mac Development WordPress

MarsEditをより便利に高速に活用するためのスクリプト集

Macブロガー御用達のMarsEditをさらに快適に使用するためのスクリプトを用意しました。ぜひ使ってみてください。 Characters Count MarsEdit標準のスクリプトでも単語数、文字数は計測することはできますが、<pre>タグ等に含まれるソースコードなど不要な文字列もカウントされてしまい、本当に自分が...

Mac Apps WordPress

動作が軽快なシンタックスハイライター「highlight.js」

ソースコードのシンタックスハイライトについては、さまざまなプラグインが用意されています。しかし、必要以上の内容が詰め込まれていたり、カスタマイズ性に欠けていたりと、なかなか自分に「ピッタリ」なものを見つけるのは難しいです。そこで、今回は、「必要なものだけを自分で最適化できて」「動作が軽快な」プロダク...

Blog Development WordPress