「投稿記事の○件目」で条件分岐させるWordPress カスタマイズまとめ
投稿記事を○件目で条件分岐させる処理は個人的にもよく利用するため、 「投稿記事の1件目だけ記事本文を表示させて、2件目以降では記事本文を表示させない」 「記事を奇数件と偶数件でデザインを変更する」 「1件目と2件目の記事の間に広告を挟みこむ」 など、ブログや企業サイト問わず使えそうな事例を中心にまとめてみました。 （１）投稿記事の1件目だけ、デザインやレイアウトを変更する 1件目の記事と2件名以降の記事でデザインやレイアウトを変更する場合、1件目の記事にclassAを、2件目以降の記事にclassBを付与してあげれば、CSS側でデザイン制御が可能になります。 まず最初に functions.php に以下のコードを挿入します。 <?php function isFirst(){ global $wp_query; return ($wp_query->current_post === 0)
WordPressでのページの種類によって処理を分岐する方法 その１【ページタイトル編】｜【リコード】Re-Code by SeeVisions
小中規模のサイト構築だと、導入の比較的簡単なWordPressが非常に重宝してます。そんなWordPressですが、テンプレートタグや分岐条件タグなどが多数にあるため、記述する場面によってどのタグを使うのか迷ってしまうことが結構あります。そこで、「ページの種類によって処理を分岐する方法」と題して、分岐処理をしたい場所によってどんな記述をすればいいのかをまとめていきます。まず、第一弾として、ページタイトルをページごとに分岐する方法をまとめていきます。 ※第一弾なので、条件分岐の基本的なところから書いています。すでに分かっている方は、「下の判定ができたら、それぞれに必要なテンプレートタグを入力」まで飛ばしていただいて結構です。 ページの種類判定は、if文で まず基本として、現在表示しているページを判別しなければなりません。そこでifを使用して、現在のページを判定します。 以下が基本形。 <?p
アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]
まえがき 前回「アイキャッチ画像のURLを取得する」方法は書きましたが もっとシンプルな方法を発見しましたので、エントリーします。 合わせて「アイキャッチ画像の横幅と高さを取得する」方法も紹介しますにゃー。 アイキャッチ画像の「URL,横幅,高さ」の情報を取得するタグ「wp_get_attachment_image_src」 wp_get_attachment_image_srcというタグを使えば アイキャッチ画像の「URL,横幅,高さ」が配列で返ってきます。 アイキャッチのサイズ指定（thumbnail, medium, large, full）もできます。 記述例 $thumbnail_id = get_post_thumbnail_id($post->ID); //アタッチメントIDの取得 $image = wp_get_attachment_image_src( $thumbnai
![アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae275e8fa003aceaddee05ec058e47eee609dda6/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fplugins%2Fwp-ogp%2Fdefault.jpg)
Auto Post Thumbnail｜アイキャッチ自動設定プラグインの設定方法
1000近い記事のあるアメブロからWordpressへブログを移行したのですが、できればWordpressのアイキャッチ機能を使いたい。 1000近い記事にアイキャッチを1つずつ設定していくのは凄く気の遠い話になる訳で腰が上がらない…。 実現は不可能か？！と、見つけ出したのがアイキャッチ画像を記事内から自動で取得してくれるプラグイン”Auto Post Thumbnail”。 これはありがたいプラグインを見つけたものだと、今回記事にしてご紹介させていただきます。 ”Auto Post Thumbnail”プラグインの作者さんは、Aditya MooleyさんとTarique Saniさん。ありがとうございます。 スポンサーリンク WordPressのアイキャッチとは？ アイキャッチとは何か？を簡単に。 アイキャッチは、記事の内容を連想させるイメージ画像です。サムネイル画像と言えばわかりやす
MaWDW: WordPress、<?php the_excerpt(); ?>から<p>タグを削除する
Monday, March 11, 2013 WordPress、<?php the_excerpt(); ?>から<p>タグを削除する <?php the_excerpt(); ?>から<p>タグを削除してシンプルにするWordPressで抜粋をしてくれるチートコード<?php the_excerpt(); ?>から<p>タグを削除する方法についてです。 これは良くある質問で、今日もそうでございまして、せっかくなので書きます。 <p>を削除してシンプルにすることでmetaタグのdescriptionに抜粋を使用することができたり確実に技術面での幅が広がります。どんどん応用したいものです。 方法は、 functions.phpにコードを追記する方法 違うチートコードを使う方法 という2つがあります。 どちらも簡単です。順番に解説しますね。 functions.phpにコードを追
WordPress の記事抜粋（ the_excerpt() ) を <head> タグ内で使う場合の注意点
ページの上段に、文字列のゴミが出ちゃったりしている人はいませんか？普通に the_excerpt() を使うとゴミが出ちゃうことも・・・。 WordPress の記事抜粋は the_excerpt() で出力できますが、<head>タグ内で使いたい場合があります。 たとえば、META タグの <meta name=”description”> とか。OGP の<meta property=”og:description” ?>” />とか。 ただ、ページの説明として記事抜粋を使う事は理に叶っていると思いますが、普通に、WordPress のテンプレートタグ（ the_excerpt() ）を使って、 と、出力すると不具合が出る場合があります。 どんな場合に不具合が出るのか？ 記事抜粋内で <a> タグなどの HTML タグを使用している場合に不具合が出ます。例えば、 昨日に続いて MacB
WordPressの抜粋を表示させるthe_excerpt()の使い方やそのカスタマイズなど色々 – bl6.jp
WordPressのテンプレートタグにthe_excerpt()というのがあります。これを使用すればトップページに記事の抜粋を表示させることができます。the_content()でもmoreタグを本文中に入れるとそこまでの文字が出力できるのですが、毎回moreタグ入れるのがめんどくさい（たまに入れ忘れたり）という人はthe_excerpt()を使った方が作業が楽になるかと思います。 まずは抜粋を正しく動作させるために日本語版WordPressに最初から同梱されてあるプラグイン「WP Multibyte Patch」を有効化します。これを有効にすると、何も設定していなければ110文字までの抜粋文字が表示されます。これをトップページに表示させるにはindex.phpのループ内で使用します。 <?php the_excerpt(); ?> これで記事の先頭から110文字の抜粋が表示されます。 自
ISO 8601 日付 オフセットが+00:00になる
こんにちは、 microformat対応で以下のコードを試したのですが、 <span class="date published"> <abbr title="<?php the_time('c') ?>"><?php the_time(TIME_FORMAT) ?></abbr> </span> 結果は以下のようになります。 <span class="date published"> <abbr title="2010-11-09T12:06:58+00:00">11月 9, 2010</abbr> </span> 時間は、日本時間にあっているので <span class="date published"> <abbr title="2010-11-09T12:06:58+09:00">11月 9, 2010</abbr> </span> のようにしたいのですが、やり方が間違っているので
サイト実装時に調べたことまとめ : SimpleIsm
まだ固定ページとか全部終わってないけど、作っている時に調べたこと(サイト)のまとめ。主にWordPress、というかPHPについて。ノンプログラマがやるとこうやって回り道することもあるけれど、それらを調べてる時間も本当に楽しい。 WordPress Codex 日本語版 WordPressの公式オンラインマニュアル。大抵のことはここを見れば載っている。はず。詳しく知りたいときは原文を見に行く。でも、それを言い訳にはしたくないけど、ノンプログラマは原文見たって翻訳見たって分からないものは分からない。 WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方 | Webデザインレシピ テンプレートファイルの役割とか基本的なことを知るのに良いまとめ。自分は仕事で元々ある静的なサイトをCMS化したりとかしてたので、ある程度はテンプレートファイルの仕組みを理解していたの
WordPressで指定した固定ページを読み込む方法 – bl6.jp
WordPressで例えばトップページに自分の指定した固定ページを読み込みたい場合どうするのか気になったので調べてみました。固定ページなので使う頻度は少なめな感じですが覚えておいて損はないかと思いますので。 [ads_center] get_pageを使って必要な情報を得る get_page($page_id)で読み込みたい固定ページのIDを引数に渡します。するとそのページの色々な情報が返ってきます。 <?php $page_id = 指定するID; $post = get_page($page_id); echo $post->post_name; //スラッグ echo $post->post_title; //タイトル echo $post->post_date; //作成日 echo $post->guid; //URL echo $post->post_excerpt; //抜粋
WordPressのタグをurlエンコード | Base Views
公開 2010年4月10日（土） 更新日 2014年8月18日（月） スポンサーリンク WordPressで運用しているサイトからAddClipsを外し、手製のコードでSBMにポストするリンクをつけたらAnother HTML-lintの得点が激減した。 deliciousとtwitterにポストさせるときに、2バイト文字が含まれるのが原因だった。Another HTML-lintで必ず90点以上になるようにしていたので、エラーレベル9とかを見て頭がくらくらした。 こんなもんURLエンコードですぐだろと思ったので、URLとエントリタイトルをurlencode()で変換することに。 例えばdeliciousにポストさせるコードはこう。 <a href="http://delicious.com/post?url=http://example.com&title=タイトル"> deliciou
WordPress でカテゴリ一覧を取得する場合は get_terms() じゃなくて get_categories() を使った方がラクチン
先日、wp_list_categories() を使わずに get_terms() でカテゴリ一覧を表示するというエントリをしましたが、その後いろいろと見ていたら、カテゴリ一覧を取得するだけなら、get_terms() じゃなくて、get_categories() を使う方が簡単。 先日のエントリでは、カテゴリ一覧を取得するために、 <?php function get_all_category_all() { if ( ! $cat_all = wp_cache_get( ‘all_category_all’, ‘category’ ) ) { $cat_all = get_terms( ‘category’, ‘fields=all&get=all’ ); wp_cache_add( ‘all_category_all’, $cat_all, ‘category’ ); } retur
WordPressでカテゴリ一覧リストの様にタグ一覧リストを表示する方法 | ale cole
とある案件でカテゴリ一覧リストの様にタグ一覧リストを表示する必要があったので覚書。 WordPressではカテゴリ一覧を出す時には、 【wp_list_categories()】 という関数が用意されていて、問題無いのですが、タグ一覧を出す関数というのが無い模様。（探し切れていないだけかもしれませんが・・・） なので、直接データベースにアクセスして何とか設置。 そのタグが含まれる投稿件数付きです。 WordPressのカテゴリ、タグ情報はデータベースの ・wp_terms ・wp_term_taxonomy というテーブルに納められています。 （「wp_」の箇所はインストール時に指定した文字列になります。） この内「wp_terms」にはカテゴリやタグの名前、スラッグ、ID（他のテーブルとの関連付け等にも使用）等のデータが、 「wp_term_taxonomy」には「wp_terms」のI
WordPressで記事のツイート数だけを取得して表示する方法 | NANOKAMO BLOG
どうも@kuroji1987です。 先日設置しましたメニューバー下の新着記事サムネイルに、その記事のツイート数を表示してみました！ いろんなサイトを見て「いいなぁ」と思っていたのでけっこー感動。いいわぁｗ ということで、記事のツイート数を取得して表示する方法と、この斜め三角をどうやって作ったかを解説したいと思います！ ツイート数の取得方法 参考にしたのはRyuichi Nonaka Graffiti notebookさんのこちらの記事。ここで紹介されているコードをほとんどそのまま使わせて頂きました！ あざす！ ソーシャルボタン系のカウント数をPHPで取得して表示する ｜ Ryuichi Nonaka 今回はツイート数の表示だけしたかったのでそこだけ利用しましたが、Facebookのシェア数やはてブのカウント表示についても紹介されているので必見ですよ。 ということでまずは以下をfunct
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのカテゴリーリストからrel属性をカットする
How to Customize the Display of WordPress Archives in Your Sidebar