Clik here to view.
BizVektor Grid Unitのカスタマイズ（4列・抜粋表示・画像サイズ変更）
BizVektorで記事をグリッド表示できる拡張プラグイン「BizVektor Grid Unit」をカスタマイズする例を紹介します。たとえば、3列構成を4列に変更したり、記事の抜粋を表示したり、画像サイズを変更する方法などです。 BizVektor Grid Unitのカスタマイズ例（4列表示・抜粋追加・画像サイズ変更） サンプルサイトはこちらです。 谷根千散歩.com まだBizVektor...
View ArticleClik here to view.
BizVektorの「連絡先」をウィジェットで変更可能にする
「BizVektorで画面右上の連絡先を画像に変更する」 BizVektorに親しんだ方にはおなじみのカスタマイズです。 BizVektorの画面右上の連絡先に画像を表示する ヘッダーの電話番号周りのカスタマイズ方法にあるコードを子テーマのfunctions.phpに入力すれば連絡先に好きな画像や文章を表示することができます。 それで良ければ話は終わりです。...
View ArticleClik here to view.
CSSの中央寄せ「margin: 0 auto;」がうまくいかないとき
WordPressに限りませんが次のようなdivブロックを中央寄せしたいこともあります。 <div class="center-block"> 個別指導のWordPress講座です。 銀座またはスカイプで受講できます。 </div> 一般的には左寄せで表示されます。 左寄せのブロック（中央寄せにしたい） このブロックを中央寄せするCSSとして「margin: 0...
View ArticleClik here to view.
WordPressバックアップに使えるプラグイン、おすすめはこの3つ
「WordPressのサイトをバックアップしたいです。 どのプラグインを使えば良いですか？」 よくいただく質問ですが答えは意外と難しいです。 なぜなら、 単純にWordPress全体をバックアップできれば良い 問題が起きたらすぐに復元できるようにしたい では、事情がまったく異なるからです。...
View ArticleClik here to view.
フローティングメニューにスムーズスクロールの「上に戻る」を追加する
BizVektorで作成するスマホサイトのフッターにフローティングメニューを作るときに、右端は「上に戻る」ボタンにしたい場合があります。 スマホのフローティングメニュー（右端が「上に戻る」） アイコンを使ったフローティングメニューの作り方は以下のページも参考にしてください。 フローティングメニューをフッターに表示する...
View ArticleClik here to view.
Stinger5のフッターにウィジェットを追加する
Stinger5に限りませんがフッターがシンプルなテーマを使っていると「フッターがウィジェット対応だったら」と思うことがあるかもしれません。 そこで、ここではStinger5を例に、フッターにウィジェットを追加する方法を紹介します。仕上がりのイメージは次のようになります。4列構成ですが3列などにもできます。 4列構成のフッターウィジェットの完成イメージ...
View ArticleClik here to view.
サムネイルをクリックするとメイン画像が切り替わるギャラリー
ホームページに追加できるギャラリーのパターンもさまざまですが、サムネイルをクリックするとメイン画像が切り替わるギャラリーはいかがでしょうか。 こんな感じです。下に並んだサムネイル画像をクリックするとメインの大きな画像が切り替わります。 以下のページのコードを使わせていただきました。ありがとうございます。 【jQuery】サムネイルをクリックするとメイン画像が切り替わるシンプルな写真ギャラリー...
View ArticleClik here to view.
カテゴリーごとに別の画像を表示できるCategories Images
カテゴリーページに別々の画像を表示したいこともあります。次のようなイメージです。 カテゴリーごとに違う画像を表示したい カテゴリーごとに異なるアイキャッチ画像を表示するでは、カスタムフィールドを使う方法を紹介しましたが、Categories Imagesプラグインを使うともう少し簡単にカテゴリーページに別々の画像を表示できるようになります。以下、手順を簡単に紹介します。 カテゴリー画像の登録...
View ArticleClik here to view.
開閉式のFAQを簡単に設置できるWP Canvas - Shortcodes
FAQ（よくある質問）に限りませんが、次のような開閉式のコンテンツ（いわゆるアコーディオン）を作りたいこともあります。 開閉式コンテンツ（アコーディオン）の例 jQueryやCSSを駆使して自作すれば勉強になりますが、WP Canvas - Shortcodesプラグインを使うと、簡単に開閉式のFAQを設置することができます。 以下、手順を簡単に紹介します。 開閉式（アコーディオン）コンテンツの作成...
View ArticleClik here to view.
現在のテンプレート名がわかるQuery Monitorプラグイン
WordPressでテンプレートのPHPファイルをカスタマイズしてページや投稿のレイアウトを変更したい場合、現在のページで使われているテンプレート名を知る必要があります。 投稿はsingle.phpで固定ページはpage.phpのように基本的なテンプレート構成を理解していても、それはあくまで一般的な話です。...
View ArticleClik here to view.
WordPressユーザーが守るべき「コピペの流儀」
WordPressのカスタマイズ方法をインターネットで調べていると「このコードをコピーしてお使いください」というサイトが多く見つかります。自力でゼロから作ると時間がかかる場合もあるので、コピペさせてもらえるのは非常に助かります。 複雑なコードはコピペさせてもらえると助かる コピペはコードをコピーして貼り付ける簡単な作業ですが、カスタマイズが一瞬で片付くお手軽な単純作業とは違います。...
View ArticleClik here to view.
固定ページや投稿の一覧を簡単にグリッドにレイアウトできる「WP Canvas」
好きな固定ページの一覧をグリッドレイアウトで表示したり、いくつかの画像や文章を2列、3列で表示したい場合、「WP Canvas - Shortcodes」プラグインが役立ちます。手作業で作ると面倒なグリッドレイアウトをショートコードで制御できるので、非常に便利です。 WP Canvasプラグインで作成できるグリッドレイアウト 以下、「WP Canvas -...
View ArticleClik here to view.
WordPressに口コミ機能を追加できるWP Customer Reviewsプラグイン
WordPressに限りませんがサイトに口コミ機能があると、商品やサービスの信頼性を示すのに役立ちます。WP Customer Reviewsプラグインを使うと、口コミ（カスタマーレビュー）を投稿したり表示できるようになります。 WP Customer Reviewsプラグインによる口コミ投稿フォーム 以下、WP Customer Reviewsプラグインの使い方を説明します。 WP...
View ArticleClik here to view.
WordPressでアンケートを実施できるWP-Pollsプラグイン
WP-Pollsプラグインを使うと、WordPressサイトで回答選択式のアンケートを実施することができます。 WP-Pollsで作成できるアンケート 以下、WP-Pollsプラグインを使ってアンケートを作成する方法を説明します。 WP-Pollsプラグインによるアンケートの作成 「プラグイン」‐「新規追加」メニューからWP-Pollsプラグインをインストール、有効化します。...
View ArticleClik here to view.
WordPressテンプレートについてよくある質問
WordPressのテンプレートに関する素朴な疑問をまとめました。WordPress個別サポートでよくいただく質問をベースに細かい質問ばかりですが、これからテンプレートのカスタマイズにチャレンジしたい方は参考にしてください。 「テーマ」と「テンプレート」の違いは？ 「テンプレート」はテーマを構成するファイルです。テーマはテンプレートを含めて主に3種類のファイルで構成されます。...
View ArticleClik here to view.
テンプレートから消すとトラブルが発生するwp_head・wp_footer・the_post
WordPressのテンプレートをカスタマイズするときは、既存の命令を削除することもあります。どの命令を消すかは自由ですが、削除するとトラブルが起きる命令もあります。 ここでは、テンプレートから消すとトラブルが起きる3つの命令wp_head・wp_footer・the_postを紹介します。うっかり消してしまったり、自作テーマで書き忘れることがあります。注意しましょう。...
View ArticleClik here to view.
bloginfo('URL')でサイト名が表示されてしまう仕組み
WordPressのテンプレートタグbloginfoは、サイト名やキャッチフレーズの表示など、あちこちのテンプレートでサイト情報を表示するときに使われています。 bloginfoの使用例（サイト名・キャッチフレーズの表示）...
View ArticleClik here to view.
「続きを読む」で文章やクイズの答えを開けるExpanderプラグイン
投稿や固定ページの本文に入力した文章の一部を隠しておきたいこともあります。本文が長い場合や、クイズ、ドラマや映画のあらすじを掲載する場合などです。そのようなコンテンツでは、途中の文章まで見せておき「続きを読む」をクリックして先を読んでもらう方法があります。 「続きを読む」をクリックして内容を見る...
View ArticleClik here to view.
幅広い業種で使えるおすすめのデザインスキン「BizVektor Attract」
BizVektorの拡張デザインスキン「BizVektor Attract」は画面幅いっぱいに広がるヘッダー画像が特徴的です。その他、フッターなどの色を細かく設定できたり、ページタイトルに背景画像を表示できるなど、無料版のBizVektorにはない機能が組み込まれています。 BizVektor Attractの画面イメージ...
View ArticleClik here to view.
カスタム投稿の関連記事が表示されないときの対策
WordPressで投稿の関連記事を表示するプラグイン（例：WordPress Related PostsやYet Another Related Posts Pluginなど）は初期設定ではカスタム投稿の関連記事が表示されません。たとえば、Yet Another Related Posts...
View Article