2017.01.24

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

カテゴリー:
BLOG_サムネイル画像_CSS

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

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.07.26

wordpress内でjQueryを読み込む

カテゴリー:
JQuery_logo

jsファイルの読み込み wordpressでjQueryを読み込む方法はいくつかありますが、ここではheadタグ内で数行書き加えるだけの方法を紹介します。 <?php wp_deregister_script(‘jquery’); ?>  このコードをheadタグ...

2015.11.16

WordPressで記事を表示させる為のループ処理

カテゴリー:
wp-tech_loop_code

wordpressでサイトを運用するうえでループ処理は頻繁に使われるので使い方をしっかり覚えておくのがベスト ここでは通常の投稿された記事と、カスタム投稿で投稿された記事の2種類のループ処理を紹介します。 ループ処理の基本的な記述 カスタム投稿ver

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

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