2017.01.24

WordPressのURLやカテゴリーのスラッグを利用して動的にCSSや画像を変更する ①固定ページのスラッグを利用する

BLOG_サムネイル画像_CSS

カテゴリーごとに色を変えたい! このページの時はこの幅にしたい! など、Wordpressで構築する上で、こういった要望は尽きないと思います。 要素の出し分けなどには”is_page”や”is_home”などの条件分岐タグを使用する方法が思い浮かびますが、 固定ページ作成の際に設定するスラッグを利用...

2016.11.01

Advanced Custom Fields で関連記事(任意記事)を出力する

acf_thumb_related

WordPressで関連記事を実装するには、Yet Another Related Posts Plugin のように 投稿に対して自動で出力させる方法もありますが、今回は、Advanced Custom Fields の「関連」フィールドを使い、 関連記事(任意記事)の出力をしてみます。 今回はオ...

2016.10.17

固定ページやサイドバーにカテゴリ一覧を表示し、カスタマイズする

category-costum

カテゴリー一覧を好きなHTMLタグでカスタマイズする方法を紹介します カテゴリを出力する カテゴリーの一覧を表示させるにはテンプレートファイルの表示させたい場所に以下コードを記述します。 するとHTMLにはデフォルトで以下のように出力されます。 カスタマイズする 上記のような出力でサイドバーやヘッダ...

2016.09.01

WordPressでAjax検索を実装する

カテゴリー:
ajax_thumb

WordPressでカテゴリーやタクソノミー、カスタムフィールドの値でAjax検索を実装する方法をご紹介します。 おおまかな方法としては、 1.HTML/CSSの作成 2.functions.php に jsonデータを格納するための記述の追加 3.JS側で jsonデータを取得し、一覧表示 という...

2016.08.24

the_content(); のカスタマイズいろいろ

thcontent_thumb

WordPressで毎回、必ずと言ってよいほど使う the_content(); のテンプレートタグですが、 今回はちょっとかゆいところに手が届くかもしれないカスタマイズを3つご紹介します。 HTMLタグ除去 + 先頭◯文字だけ出力(ループ内) index.php や archive.php などの...

2016.05.27

WP_Queryの使い方

wp_query

WP_Queryとは 今回はWordPressのテンプレート作成のなかでも使用頻度の高いWP_Queryについて書いていきます。 まずWP_Queryについて、簡単に説明します。 通常、カテゴリーテンプレート(category.php)などの一覧ページや、記事テンプレート(single.php)にお...

2015.11.26

記事の一番最初の画像を取得してサムネイルにするコード

wp-icat02

WordPressの記事一覧を表示した時にページを華やかにしてくれるアイキャッチですが、毎回設定するのが面倒な時に使えるコードです。 functions.phpに記述をします。 アイキャッチの設定が面倒 基本的にアイキャッチに使用する画像は記事の最初に出てくる画像になるかと思います。 このコードをf...

2015.11.19

functions.phpによく書くコード ③自動出力タグの削除、無効化

wphead

functions.phpによく書いているコードを紹介します。今回の自動出力タグの削除、無効化編では、自動で出力されるソースをそれぞれ個別に削除するコードをご紹介します。 wp_headの出力タグ削除 wp_headを記述した際に自動的に出力されるソースを個別に削除します。 絵文字の無効化 自動で出...

2015.11.18

functions.phpによく書くコード ②記事文章編

wp-icat

functions.phpによく書いているコードを紹介します。 今回の記事文章編では、投稿の編集エリアで入力した際の出力形式の変更など、細かな点が主になります。 自動整形を停止 pタグやbrタグの整形処理を停止するコードです。   特殊文字を変換停止 「&#{番号};」といった特殊...

2015.11.17

functions.phpによく書くコード ①管理画面編

wp-ichat03

functions.phpによく書いているコードを紹介します。 管理画面の項目ではプラグインなどで設定できる場合もありますが、必要最低限の追加の場合は、functions.phpに直接書く方法も有効です。 管理画面にファビコンを表示 デフォルトでは管理画面にFaviconが表示されないので、下記のよ...

1 / 212

ご相談・ご依頼に関して、まずは

ください。お気軽にどうぞ