WPマガジン
WP-MAGAZINE  wordpress  wordpressのアイキャッチ関連の便利なコード一覧
3620 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認証とは

人気の記事

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