アーカイブページ|「WordPressカスタマイズ」のアーカイブ|WordPressでいこう

ヘッダ画像

「WordPressカスタマイズ」記事一覧

固定ページの親ページに子ページのリストを表示する

WordPressでは、固定ページに親子の関係を持たせることができます。この固定ページの親ページに子ページの一覧を表示する方法を紹介します。投稿におけるアーカイブやカテゴリページのようなイメージです。<?php if(!$post -> post_parent): ?><?php $child_getposts = get_pages(array('child_o...

お知らせ・新着情報を表示したい!指定期間を過ぎると非表示のものぐさ仕様

WordPressでお知らせを表示したい。What's NewなどはコーポレートサイトやECサイトのトップページでは必須です。ブログでも更新履歴や新着情報などを表示するケースはあります。ただし...「新年の挨拶が3月になっても表示されている」「もう秋なのに夏休みの案内」実際によく見かけるパターンですが、いただけませんよね。更新履歴を表示してもそれが数か月前であれば、頻繁にメンテナンスていないことを...

WordPressでファイルの有無を判定する!

WordPressでファイルの存在によって条件分岐はできるでしょうか?イエス!ファイルの有無はWordPressではなく、PHPのfile_exists()関数で判定できます。例えばこんな具合です。<?phpif (file_exists('sample.php’){ echo 'ファイルはあります';} else { echo 'ファイルはありま...

クッキーで新規かリピーターを判定してコンテンツを変える

ページの閲覧がはじめてか再訪問かでコンテンツを変えたい。このような場合はクッキーの有無で条件分岐することができます。まずは初回訪問時にクッキーを発行する必要があります。<?php//cookieの発行処理add_action('get_header', 'my_setcookie');function my_setcookie() { if (iss...

モバイルとPCのコンテンツを記事中で分ける

WordPressでは、wp_is_mobile()関数での条件分岐でモバイルとPCの内容を変えることができます。こういう具合です。<?php if (wp_is_mobile()) :?><img src="<?php echo get_template_directory_uri(); ?>/images/image_mobile.png" a...

CSS 親要素へのスタイル指定

「特定要素の親を指定する」 できると便利なのにな~というケースがありますよね。CSS4であらたに定義される擬似クラス:has()でこれが可能なのです。しかし、残念ながらCSS4に対応しているブラウザは現状ではありません。今回は代替えとして、jQueryを使い同様の結果を実現してみます。例えば、次のようなspan.show_offの親要素、つまり、2番目のliを指定したいとします。<ul>...

PHP条件分岐のif-else文 ワードプレス特化の用例集

if文は指定の条件に当てはまるケースとそれ以外で別の処理を行うための構文です。C言語やJavaScriptなど様々なプログラム言語で使用されますが、ここではWordPressのPHPに特化した形で解説します。基本の記述方法まずは基本の記述方法です。<?phpif(条件式) {当てはまる場合の処理} else {当てはまらない場合の処理}?>下は一度、判定時に一度PHPを抜けて処理をベタ...

WordPressでのjQuery取り扱いの基本

WordPressにはデフォルトでjQueryライブラリが用意されています。こちらを使わずにCDNなどから通常のライブラリを読み込むこともできますが、実際にはこれを制御するのはWordPress本体ではなく、テーマです。そして、ほとんどのテーマでこの同梱ライブラリを読み込むよう設計されています。このWordPress同梱のjQueryは普通のライブラリとはちょっとした違いがあります。他のライブラリ...

WordPressのログイン状態で条件分岐する

WordPressで管理者など、ログインユーザーとそれ以外でIF文による条件分岐を行いたいケースがあるのではないでしょうか。今回はスタンダードなPHPとちょい変わり種のJavaScriptの2種類で判定する方法を紹介します。PHPで判定ログインユーザーの判定には、PHPでWordPress関数is_user_logged_in()を使うのが定石です。<?php if ( is_user_lo...

Cocoonヘッダー画像モバイルでも切れぬ!

高機能で柔軟性の高い人気のWordPress無料テーマCocoon。Cocoonでのヘッダー画像表示は基本的に背景background-imageとして扱います。PCは横長、モバイルでは正方形に近くといった異なる高さ指定も可能で自動調整されます。画像の中央付近に要素を配置すれば、スマホでもなんとなくよい感じの表示になります。ただ、この挙動は求める表示によっては、問題点もあります。ウインドウの幅によ...

1 2 3 4