ワードプレスのプラグインの作り方 管理画面編

ブログアイキャッチ画像048

read more

前回作成したウィジェットに挨拶文を表示するプラグインに、管理画面でオプションを更新・保存できるように拡張します。

続きを読む»

WordPressのプラグインの作り方 基本編

ブログアイキャッチ画像047

read more

ワードプレスのプラグインの作り方を書き留めておきます。長くなりますので分けて書いていきます。今回は基本的な内容になります。

続きを読む»

アコーディオンスタイルのjQueryスライダーColcarouの使い方

ブログアイキャッチ画像046

read more

アコーディオン形式のjQueryスライダープラグインのColcarouの使い方をご紹介したいと思います。このjQueryプラグインは、水平に画像が切り替わる様になっています。
続きを読む»

ギャラリー用jQueryプラグインknack.jsの使い方

ブログアイキャッチ画像045

read more

軽量でレスポンシブ対応のギャラリー用プラグイン「knack.js」を紹介したいと思います。このjqueryプラグインはスライドショーとしても使用できますし、サムネイルを一覧表示することもできます。またフルスクリーンにも対応しています。
続きを読む»

wordpressでxmlサイトマップを作成する方法

ブログアイキャッチ画像044

read more

xmlサイトマップを作成するのにプラグインを使用していましたが、いつの間にか古いサイトマップが消えてしまったので、原因を調べるのもなんだし、自作することにしました。

続きを読む»

wordpressのカスタムヘッダーの画像をスライドショーにする方法

ブログアイキャッチ画像043

read more

カスタムヘッダーの画像を複数登録して、jQueryプラグインを使ってスライドショーを実装します。こうすることによりテーマのソースファイルを編集しないでスライドショーの画像を変更できます。

続きを読む»

wordpressでRSSフィードを取得して表示する方法

ブログアイキャッチ画像042

read more

wordpress本体に含まれているSimplePieを使って、RSSフィードを取得して表示するサンプルを書き留めます。これを拡張すれば簡単にアンテナサイトを作成できそうです。

続きを読む»

jqueryプラグイン コンテンツスライダー myContentSliderの使い方

ブログアイキャッチ画像041

read more

軽量でレスポンシブ対応のコンテンツスライダーmyContentSliderを紹介したいと思います。このjqueryプラグインは、画像をスライド表示させるのではなく、背景画像の上にテキストをスライドさせます。画像のスライドの後にテキストをスライドさせるプラグインもありますが、テキストだけというのも良いかなと思います。

続きを読む»

css tableで背景色を交互に変える方法

ブログアイキャッチ画像040

read more

cssの擬似クラスnth-childを使用して、テーブル(表)の行または列の背景色を交互に変えて視認性をアップさせます。行や列を追加・削除しても自動的に背景色を変えてくれるのでとても便利です。nth-childはIE8以下では未対応ですが、マイクロソフトはIE8のサポートを終了したので、これからは使用していこうと思います。

続きを読む»

背景画像のスライドショーjquery mb bgndGalleryの使い方

ブログアイキャッチ画像039

read more

この背景画像のスライドショーのjqueryプラグインは、ズームの画像切り替えエフェクトがかっこいいので気に入っています。古くからあるプラグインですが、最近バージョンアップされたので書き留めておきます。
続きを読む»