WPマガジン
WP-MAGAZINE  wordpress  wordpressのアイキャッチ関連の便利なコード一覧
2697 views

wordpressのアイキャッチ関連の便利なコード一覧

wordpressのテーマのカスタマイズや作成で使用するアイキャッチ関連のPHPコードをまとめました。自分用にコピペで使える形でメモしております。
wordpressのアイキャッチ関連の便利なコード一覧のイメージ

アイキャッチ関連でfunctions.phpに記述するコード

アイキャッチ画像の機能の設定

投稿(固定)の編集の右側に表示されるアイキャッチ画像の設定ボックス

使用しているテーマがそもそもアイキャッチ機能がない場合は、funcitons.phpに以下のコードを追記して使用可能に出来ます。

アイキャッチ画像機能を使うためのコード

サムネイルのサイズの設定

サムネイルの画像は、デフォルトで以下の3サイズあります

  • サムネイル:150 x 150px
  • 中サイズ:300 x 225px
  • フルサイズ:600 x 450px

このサイズ以外のサムネイルのサイズを設定したい場合は、以下のコードで設定することが出来ます。

サムネイルのサイズ指定

自動で挿入される余計なタグを外す

画像を挿入する時際に自動で挿入される属性(title、width、height、class)が邪魔な場合以下のコードで外す事が可能です。

自動で挿入される余計なタグを外すコード

テーマカスタマイズの際に設定するアイキャッチ画像関連のコード

このサイトで設定しているアイキャッチ関連のコード

アイキャッチ関連でテンプレートファイルで使用するコード

アイキャッチを表示するコード

以下のコードでアイキャッチが表示されます。アイキャッチが設定されてない場合は何も表示されません。

アイキャッチ表示

サムネイルのサイズを指定して表示させるコードは以下になります。

画像サイズの指定は ‘thumbnail’, ‘medium’, ‘large’で、追加で設定している場合は設定した名前で、 例えば、先述の設定内容では「thumbnailBig」になります。

サイズを指定してサムネイル表示

アイキャッチの有無のIF文

テンプレートファイル内で、記事のアイキャッチ画像が設定されている場合は、それを表示して アイキャッチ画像が設定されていない場合は、代わりの画像(今回は、テーマファイルのimgフォルダに格納されているno_image.png)を表示するコードになります。

imgタグでアイキャッチ画像を表示するIF文
アイキャッチのイメージ画像をURLで取得して表示するIF文
 

こちらの記事もよく読まれています

最新の記事

wordpress
wordpressのアイキャッチ関連の便利なコード一覧
wordpress
記事内・投稿・固定ページでテンプレートファイルを呼び出す方法
wordpress
wordpressの個別のテンプレートの設定
wordpress
wordpressのURLに入るcategoryの対処法
wordpress
カスタムフィールド系プラグインならAdvanced Custom Fields
wordpress
wordpressのセキュリティ
基礎知識
パンくずリストについて
wordpress
パンくずリストを表示するプラグイン Breadcrumb NavXT
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
基礎知識
Basic認証とは

人気の記事

WP-MAGAZINE
WP-MAGAZINE
7630views
1
wordpress
wordpressのURLに入るcategoryの対処法
6623views
2
wordpress
wordpressのアイキャッチ関連の便利なコード一覧
2697views
3
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
2290views
4
お問い合わせ
お問い合わせ
1368views
5