デザイナーのタネあかし

前回の記事で、アイキャッチ画像が表示されるようになりました。 次は表示されるアイキャッチ画像をテンプレートタグ/the post thumbnail　を参照しながらカスタマイズしてみます。アイキャッチ画像の大きさ設定WordPress管理画面の設定>メディアで、....続きを読む

各投稿や個別ページ毎にアイキャッチ画像を設定することができます。 これを表示できるようにしておくことで、アイキャッチ画像を簡単に活用することができるようになります。 アイキャッチ画像の有効化 ご利用のテーマで、投稿・ページ編集画面にアイ....続きを読む

カスタムメニューの活用方法を紹介していますが、wp_nav_menu()のカスタマイズや、管理画面でclass追加などを用いても、BootstrapのドロップダウンNAVはとても困難です。そこでBootstrap3のドロップダウンを再現してくれるコードがGithubで公開されていま....続きを読む

前回、カスタムメニューを有効化させてナビゲーションメニューを表示する方法をご紹介しました。今回はカスタムメニューのHTMLをカスタマイズ方法をご紹介します。テンプレートタグwp_nav_menu() のパラメータで、idやclassの追加をはじめ、アイコンや矢....続きを読む

WordPressのカスタムメニュー機能をつかえば、ナビゲーションメニューの表示内容を管理画面で簡単に編集できるようになります。 この便利なカスタムメニューの活用方法をご紹介します。準備その１：カスタムメニューの有効化まずは使いたいテーマでカスタ....続きを読む

Bootstrap3なら簡単にアイコンフォントを使うことができますが、残念ながらIE７には正式には対応していません。そこでアイコン表示をIE７に対応させる方法をご紹介します。BootstrapアイコンフォントGlyphiconsの表示方法通常の使い方はこうです。アイコ....続きを読む

新着記事一覧をループで書き出した時、日付がしっかり表示されるよう設定しましょう。 ここで紹介するタグの出力フォーマットは、 (設定 > 一般 日付フォーマット) の設定がデフォルトとなっています。 the_dateタグループ内に設定して記事の投稿/更新....続きを読む

WordPressで新着記事を○件表示する方法を用いて、本文を含んだ新着情報をトップページに表示することができました。 続いて、その本文部分の文字数を調整したいと思います。the_excerpt()　を使うthe_excerpt()は、ループ内でのみ利用できる抜粋文を表示....続きを読む

トップページに設置することが多い『新着記事　○件』といった形式の記事一覧の設定方法を解説していきいます。テンプレートタグ　get posts　を使うトップページに新着記事を希望する件数（5件、10件など）表示する方法をご紹介します。具体的なソース例....続きを読む