WordPressのループで表示の条件を指定する際には「query_posts()」を使うことが多いですが、これは非推奨とされていることを最近知ったので、代わりに「get_posts()」を使うようにします。 query_posts を使うことによって、ページ上のメインクエリーが置き…
レスポンシブWebデザインに対応したカルーセルスライダーを実現するjQueryプラグイン「slick」です。 配布元 kenwheeler.github.io 納品案件でも一度使いましたが、かなり使い勝手が良いです。 とくにブレイクポイントを指定して一度に表示するスライドの枚…
MagpieRSSで読み込んだフィードをシャッフル（ランダム表示）するにはshufful関数を使います。 WordPressでMagpieRSSを利用する場合を例にすると blog.showzine.co 上記で紹介しているコードに一行足します。 items); // シャッフル（ランダムのために必要）…
最近、あまりRSSがどうのということも言われなくなり（RSS Readerのサービス、アプリも閉鎖したりで縮小傾向にあるような）、そもそもFeedを積極的に購読している利用者も少なくなってきているかもしれませんが、私はグイグイ利用しているので一応メモしてお…
最近知ったんですが、外部サイトのfeedを取得するパーサーの「MagpieRSS：RSS for PHP」って、WordPressに同梱されてるんですって！全然知りませんでした。 ＊なので、これまでは別途用意して組み込んでました。 ということで、WordPressにすでに組み込まれ…
多言語（日本語、英語、ハングル、ベトナム語、繁体字、簡体字）対応のWordPressサイトを構築する際にあった不具合と、それを解消するTipsを残しておきます。 2バイト文字対策のプラグイン「WP Multibyte Patch」を有効化しているとハングルや中国語、ベトナ…
The other day, I bought electric clippers online. Since then, I decided to do my haircuts but I found out that it's too much trouble. So I changed my mind. With luck, I recently found a very reasonably priced barber near my office. For my …
WordPressにはインストール段階で「未分類」というカテゴリがあります。 カテゴリは投稿には必ずつけられるものなので、指定していない場合にはこのデフォルトの「未分類」となります。 「未分類」でもいいんですが、うっかり適切なカテゴリを指定せずに投稿…
WordPressではカテゴリーは複数選択できますが、逆にそのことで不具合が起きることもあります。（とくにクライアントさん側で運用していただく場合とか） そういう場合には、以下のコードを使用しているテーマのfunctions.phpに追加することで、カテゴリ選択…
Recently I enjoy Lang-8 much more than before. I think that many leaners have the an aggressive attitude on studying and I think want to cheer up them as a Japanese native speaker. Most of their expression in Japanese look almost perfect. …
投稿数を判別して投稿数の多いものから降順にカテゴリーの一覧を表示する例です。 <ul class="dropdown"> </ul>
カテゴリと件数を指定し、ランダムで表示するループの例です。 サブループを使っていますので、メインループが存在するテンプレートでも使えます。 have_posts() ) : $the_query->the_post(); ?> <div class="post"> <h2></h2></div>
固定ページの本文を入力するテキストエリアを削除する例です。 どんなときに必要かというと、たとえば定型の情報をカスタムフィールドなんかで用意していて、そこだけを使う場合はフリーテキスト用の本文入力エリアが不要だったりします。 納品後、クライア…
異なるカスタム投稿、カスタム分類を複数指定して同じループにまとめて出力する例です。 配列のpost_typeで投稿タイプを指定。（複数の場合にはカンマ区切りで） tax_queryでrelationはORを指定し、taxonomy、field、termsでカスタム分類を指定しています。 …
wp_list_categories関数を使う際の参考に、整理しました。 そのまま（オプションを指定せずに）使用する場合。 <ul class="list_categories"> </ul> 出力されるソースは以下になります。 <ul class="list_categories"> <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"></li></ul></li></ul>
WordPressのカテゴリで、投稿数の多い順にソートしてリスト表示する例です。 親カテゴリ、小カテゴリ、どちらも出力しています。HTMLの階層構造もそれに合わせて。 出力しているHTMLはこのように <h2>投稿数の多いカテゴリ上位5件</h2> <ul class="list_categories"> <li><a href="http://wp.showzine.co/category/news/">お知らせ</a> (3) <ul class='children'> <li></li></ul></li></ul>
WordPressでは、カテゴリは何かしら必須で割り当てられますが（デフォルトだと未分類が）、タグは任意です。 投稿によってはタグがある場合、ない場合もあるかもしれません。（必ずつけるという運用ルールでカバーするのもひとつですが） 以下のコードはタグ…
WordPressのカテゴリには説明文をつけることが出来ます。 テンプレートが「category.php」の場合に使えるコードは以前にこちらに投稿しています。 blog.showzine.co category.php以外のテンプレート以外でこれを実現したい場合には以下のコードを使います。 …
アイロンがけ、伸び代ありすぎで、くー！ ショウジンさん(@showjin)が投稿した写真 - 2016 5月 9 3:54午前 PDT I'm not good at ironing much but I like to do it. When I do it, I need to concentrate, so I can stay calm. But I feel that my skill of …
関数geg_the_category()を使って変数$categoryにカテゴリの値を代入します。 あとは変数$categoryを使って配列を指定してカテゴリIDやカテゴリ名、カテゴリスラッグを指定してその値を変数に代入。 これをechoして出力。 cat_ID; // カテゴリIDを変数$cat_id…
favicon（ファビコン）、これですね。 WordPressサイトを構築した場合、テーマにおいてファビコンを用意して表示するようにしていても、管理画面においてはそうはなりません。 気にしない方は気にしないのでしょうが、私の場合にはクライアントさんに納品後…
WordPressの固定ページの内容を別のページに表示したい場合がたまにあります。 その場合には、まずそのための固定ページを作成し、編集エリアに内容を入力します。 このとき、この固定ページのIDを控えておきます。 ページIDは編集画面を開いているときのブ…
WordPressのパーマリンク設定はいろいろな形式を選ぶことができます。 デフォルトでは WordPressサイトURL/?p=123 という「?」からはじまるIDになりますが、検索エンジンにより理解、評価してもらうには記事中のキーワードを含む等、意味をもたせたほうがい…
キャンペーン期間に表示するバナー画像なんかを前もって指定しておく、なんかに使えるかと思います。 指定日時までとそれ以降で表示を出し分ける キャンペーン等の「指定した日時」までと、それ以降で表示内容を分ける場合。 お申込みはこちら！</p>"; // 現在時…
デザイン上の縛りで高さを揃える必要があるとか、うっかりアイキャッチ画像を登録するのを忘れても大丈夫なように デフォルトの画像を登録する例です。 kachibito.net この設定をしたあとから有効になりますので注意してください。 （新規投稿画面でアイキャ…
以下のキャプチャ画像にあるように、赤ベタのブロックをWordPressのループの中に差し込みたい。 ループの中に単純にこの赤ベタのhtmlソースを入れるとループごと（一件ごと）に出力されてしまうので、それではダメ。 一度だけで、何番目かに差し込みたい。 …
たとえば、ホームで出力する記事一覧において。 各記事に対して異なるclass名を与えたい。（cssでレイアウト、デザインをコントロールするため） よくあるのは ・最初の記事 ・最後の記事 ・奇数番目の記事 ・偶数番目の記事 を判別して、それ用に用意したcl…
bodyやhtmlめいっぱいに背景を表示して（例：jQueryのBACK STRETCHとか）コンテンツ内でこの表示領域の高さ100%に表示したいものがあった場合。 例えば、背景の上にサイドバーなんかがあって、背景色が指定されていて、その内容量に関係なくこのボックスの高…
昨日からこのはてなブログで英語日記も投稿するようになりました。 その内容をLang-8という、言語を学習（学習者同志で相互に添削）するWebサイトにも投稿し、ネイティブスピーカーの方に添削していただきました。 lang-8.com このWebサイトは相互扶助の精神…
WordPressのアイキャッチ画像（the_post_thumbnail）を異なるサイズで複数設定する実装例です。 たとえば、同一のページ（ホームとかカテゴリ一覧とか）内において異なるサイズ指定（アイキャッチ画像）をする必要があるデザインの場合、それ用に各々特定の…
