CSS3 Flexboxを利用したナビゲーションメニューのサンプル

Bootstrap, 環境構築, 素材, ,

最新ブラウザで利用できるCSS3 flexbox を利用した、ナビゲーションメニューのサンプルを作成しました。 ・メニューは均等配置になります。 ・リンクテキストが複数行になっても、要素の縦方向センター揃えになるようになっています。 Flexbox ナビゲ....続きを読む

カテゴリー毎の日付別アーカイブを表示する方法

カスタマイズ, ,

WordPress には日付別アーカイブリストを表示してくれる便利なテンプレートタグ wp_get_archives() がありますが、カテゴリー毎の日付別アーカイブリストにするオプションがありません。 そこで、今回は jQuery を利用して、簡単にカテゴリー毎の日付別....続きを読む

WordPress のサイト内検索をプラグインなしでカスタマイズする方法

カスタマイズ,

サイト内検索を拡張してくれる有名プラグインもあるのですが、今回は functions.php に記述して検索条件をカスタマイズする方法をご紹介します。 プラグインを使うと本文の検索結果がでてこない? 実はこの方法を実践する前に、Search Everything と ....続きを読む

デバイス対応を強力にサポートしてくれるプラグイン『mobble』

WordPress プラグイン

WordPressのデフォルト関数だけでは対応できない、様々なモバイルデバイスやタブレットを検出する条件付き関数を提供してくれるプラグイン、『mobble』をご紹介します。レスポンシブデザインやデバイス毎にコードを切り替える時などに大変役立つプラグイ....続きを読む

Bootstrapを利用したレスポンシブHTML5フレームテンプレート

Bootstrap, 環境構築, 素材, ,

Bootstrapを利用した、レスポンシブHTML5テンプレートを用意しました。 まずは、ヘッダー、ナビ、フッターなど大枠のフレームのみのシンプルバージョンです。 随時アップデートしていきますので、ぜひご活用ください。 HTML5テンプレート(左右2カラ....続きを読む

WordPressのスターターテーマ紹介:UNDERSCORES ( _S )

WordPress テーマ, カスタマイズ, 環境構築, 素材,

新規サイトや既存サイトをWordPress化する時、オリジナルテーマを作成するためのベースになるスターターテーマが多数公開されています。今回は、よく利用されているUNDERSCORES ( _S )をご紹介します。 WordPressのオリジナルテーマを作成するためのス....続きを読む

「Events Manager」でイベントカレンダーと予約機能を追加する

WordPress プラグイン, カスタマイズ

WordPressで構築しているサイトでイベントの管理運用に役立つプラグイン「Events Manager」をご紹介します。このプラグインを使えばイベントカレンダーと予約機能を使うことができます。(有料のPRO版ならPayPalで決算まで行うことが可能になります。)プ....続きを読む

Advanced Custom Fieldを使ってGoogle マップを埋め込む方法

カスタマイズ,

Google マップを表示するのに便利なプラグインはいくつもありますが、有名なプラグイン「Advanced Custom Field」(アドバンスド カスタム フィールド:以降ACF)を利用すれば、使いやすい編集画面と地図(Google マップ)表示ができるようになります。 ....続きを読む