デザイナーのタネあかし

WordPressでは既存テーマに独自のカスタマイズを施したい場合、そのテーマ（親テーマ）の子テーマを作成することが推奨されています。今回は子テーマ作成に必要な最低限のルールをご紹介します。 子テーマを利用するメリット 子テーマを作成するメリッ....続きを読む

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

アーカイブページや関連記事リンクなどへ本文の抜粋を掲載する時に、ショートコードが表示されてしまうことに気が付きました。今回は呼び出したコンテンツから、ショートコードタグを削除する方法をご紹介します。 ショートコード タグをすべて削....続きを読む

WordPress には、body タグにcss を自動的に追加するテンプレートタグ body_class() がありますが、例えば、ページ毎やカテゴリ毎に id を追加してくれるテンプレートタグがありません。 そこで今回は、body タグに独自 id を追加する方法をご紹介します....続きを読む

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

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

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

WordPressのテンプレートタグを利用することで、アイキャッチ画像（サムネイル）を簡単に表示することができますが、アイキャッチ画像に独自タグを設定したい場合など、アイキャッチ画像のURLだけを取得したい場合があります。今回はその設定方法をまと....続きを読む

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

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

投稿がまだない（０件）ユーザーのアーカイブページに、ブロフィール欄を設置する必要がありました。 そこで問題になったのがまだ投稿がのでget_post や get_the_author_meta からIDを取得することができないことでした。 今回は不特定多数のユーザー....続きを読む

WordpressのテーマではWordPress本体からjQueryを読みこんでいるものが多く、それと併せてjQueryプラグインや簡単なプログラムを追加して活用しようとする場合が多いかと思います。 でも、実際にjQueryを使ってみたもの動かない！となったことがありませ....続きを読む

Windowsで開発を行う際、ローカル環境にXAMPPを利用しています。複数のサイト制作を行う時に便利な、サブドメイン（ xxx.localhost ）をローカル環境で利用できるようにする方法をご紹介します。XAMPPのhttpd-vhosts.conf を編集XAMPPは C:\xampp にイン....続きを読む

投稿の閲覧数を計測してくれて、ウィジェットで簡単に人気記事ランキングを表示することができるプラグイン「WP-PostViews」をご紹介します。 ※表示される閲覧数はこのプラグインを導入した時点からの累計になります。ご注意ください。 WP-PostViews ....続きを読む

有名なカスタムフィールド用プラグイン「Custom Field Suite」を利用して、投稿ページに「関連記事」を表示させる方法をご紹介します。Custom Field Suite の設定Custom Field Suiteにはデフォルトで関連記事の項目があります。フィールドタイプを関連ポ....続きを読む

固定ページのページIDを、スラッグ名から取得する方法です。例えばトップページに特定の固定ページの内容を表示させたい時などに利用できます。get_page_by_path を使うget_page_by_path()では指定したスラッグ名ページのWP_Postを取得します。関数リファ....続きを読む

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

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