WordPress Tips

2016.12.08

コメント機能をつけてみよう!

カテゴリー:,
BLOG_COMMENT

wordpressのデフォルトのテーマや、配布されているブログ用テーマにはデフォルトで実装されている「コメント機能」 wordpressはそもそも「ブログ構築用のCMS」なのでもともと用意されています。 なので0からテーマを構築する場合でも、そこまで面倒な事をせずにブログにコメント欄をつけることがで...

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.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ページ当たりの投稿の取得件数)が正常に動いていない。 ケースによってどちらかが原因となっていることが多く、非常に多くの人がこの現象に悩まされています。 コムデ社内においてもサイト構築の...

1 / 712345...Last »

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

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