Advanced Custom Fieldsプラグインを使ったカスタムフィールド操作の練習メモ。フィールドの値を取得して表示させる方法を纏めてみました。

WordPressのAdvanced Custom Fieldsプラグインを使ってカスタムフィールドの練習をしているのですが、複数のフィールドグループを作ってカテゴリに割り当てた場合、「single.php」で表示処理を振り分けるのはどうやるのかな？と調べてみました。以下、備忘録。  

レスポンシブデザイン対応するにあたり、Bootstrapをとても便利に使わせて貰っているのですが、WordPressに組み込んでナビゲーション（navbar）にカテゴリを出力できないかと思い、調べて実装してみました。 今回のコードは、ほぼ下記参考サイトのものを使わせてもらっているのですが、忘れそうな部分も多いため備忘録代わりに記事にしてみます。 【参考サイト】 》WordPressフォーラム &# […]

本ブログで使用しているテーマ「alltuts」では、各エントリ本文下に 「Related Posts」があるのですが、それぞれの要素の高さが異なる場合、 ずれて表示される事が判明しまして。高さを揃えてやればよかろうと 言う事で、ブロックレベル要素の高さを揃えるjsライブラリ「heightLine.js」を 使って対応してみました。以下、備忘録。  

自BLOG右カラムにamazonや楽天のウィジェットを設置してみたのですが、 lightboxで表示させる画像にかぶさってしまってるのに気付きまして。 lightbox側では「z-index:9999」と指定されているので、とりあえず ウィジェットをdivでくくって「z-index:0」指定してみたのだがダメ。 で、調べてみたところ、amazonと楽天では対応が 違う様だったのでMEMO。 &nb […]

「AllTuts」というテーマをカスタマイズしてリニューアルして みたのですが、記事詳細ページに「前の記事」や「次の記事」への リンクが無いなぁ…と気付きまして。テンプレートタグ 「next_post_link」や「previous_post_link」を使って簡単に 表示させようかとも思ったのですが、せっかくアイキャッチとか 設定しているので、サムネイルも出せたらよいな…と考え、 調べて実装して […]

リニューアルがほぼ終わったので、ツラツラとココを眺めていたら、 記事一覧ページで抜粋されているエントリ本文の末尾に半角で”Check” と表示されてしまっているものを発見。どうも、moreを入れてるとこが 抜粋の長さの初期設定である110文字より少ないと出てるみたい。  

BLOGリニューアル作業の備忘録その２です。 以前のテーマでは、記事一覧はmoreまでを表示する 仕様だったのですが、AllTutsはアイキャッチ画像と 記事抜粋を表示する仕様のようなので、アイキャッチ画像が 指定されていればそれを、されていなければエントリの最初の 画像をアイキャッチとして使用するようにしてみました。  

MT→WP化の際には、デザインはMT時代と同じ感じになるように ザっと作ってしまいましたが、横幅900px程度の3カラムだとエントリ部分が ちょっとキツキツに感じてきたので、テーマカスタマイズの勉強がてら リニューアルしてみる事にしました。 当初は、Twenty Tenを元にしていじってみたのですが、 途中まで作ってみたら何か2カラムに変わっただけで 以前とあまり代わり映えしない気がしたので、「A […]

XCLの方でJQueryを使って色々やっているのを横で見ていた細君が、 WordPressでサイドメニューの開閉パネル（アコーディオン）で 嵌ってるところを持ってきたので、ちょっと調べてみました。 JQuery、僕も良く解ってないのだが…以下備忘録。