記事出力

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

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

カテゴリー:
current

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

2016.08.24

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

thcontent_thumb

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

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.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タグ...

1 / 212

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

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