WordPress Tips

2016.09.02

訪問中のページのナビにCSSクラスを付与する。(current)

カテゴリー:
current

今表示されているページが何のページかを分かりやすくするために便利なテクニックです。 例として以下のようなヘッダーナビがあったとします。 ヘッダーナビにクラスをつける テンプレートファイルにあるリンンクタグのクラスに以下を入れ込みます。 is_page の()内にページのスラッグ名、もしくはページID...

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

記事にNEWアイコンを表示させる方法

カテゴリー:
new_ico_i2

WordPressの投稿日時の新しい記事にNEWアイコンを表示させることがあると思います。 今回はカスタムフィールドを使用し日数を設定する方法をご紹介します。 とっても簡単です! ①NEWアイコンを表示させる為の記述を理解する。 まずはテンプレート側の記述をみていきましょう。 下記はテンプレート側で...

2016.08.18

カスタム投稿アーカイブページの最大表示件数を is_main_queryを使ってページごとに設定する。

カテゴリー:,
blogimg_functions

例. 新着情報一覧(カスタム投稿) ー 最大表示件数=15件 ブログ記事一覧(カスタム投稿) ー 最大表示件数=20件 のようにそれぞれで最大表示件数を設定したい場合は、query_postsを使えば簡単です。 しかし、上記の記述方法はあまり推奨されていません。 ループ部分の記述で一度データベースに...

2016.08.17

WordPressの画像の扱い方①メディアアップローダーの特性を利用したカスタマイズ

カテゴリー:,
BLOG_Wordpress_image

wordpressの標準機能として搭載されている【メディアアップローダー】には画像を管理画面上から扱える事以外にも様々な特性があります。 これらを上手く扱う事によりwordpressを用いた構築作業が効率化できます。 ここではその一部を紹介したいと思います。 メディアアップローダーからアップされた画...

2016.08.03

WP Page Naviが正常に動かない時の原因と対策

wp_page_navi

原因 ページ送りが動かない原因は大別すると下記の2つです pagedが効いていない posts_per_page(1ページ当たりの投稿の取得件数)が正常に動いていない。 ケースによってどちらかが原因となっていることが多く、非常に多くの人がこの現象に悩まされています。 コムデ社内においてもサイト構築の...

2016.07.29

All in One SEO Packでmeta descriptionの値が空の場合の条件分岐

カテゴリー:
all_in_seo

①All in One SEO Packで設定した値を取得 All in One SEO Packで設定した値を取得する記述です。 下記を利用すれば用途に合わせて条件分岐が可能です。 ②All in One SEO Packのmeta descriptionが空の場合の条件分岐 今回はAll in ...

2016.07.28

Advanced Custom Fields オプションページの使い方

カテゴリー:
acf_option_thumb

オプションページの作成 管理画面の設定ページを作成するために、functions.phpに下記の記述を追加します。 PRO版の場合は、複数のオプションページを設置したり、サブページを作成することが可能です。 カスタムフィールドの作成 オプションページで設定するカスタムフィールドを作成します。 今回は...

2016.07.26

wordpress内でjQueryを読み込む

カテゴリー:
JQuery_logo

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

2 / 812345...Last »

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

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