技術ブログ

WordPressでのアイキャッチ画像

投稿日：2015年11月10日更新日：2020年5月18日

このブログと並行して更新しているガチンコ塾のブログですが、アイキャッチをブログ内にいれました。

画像をいれると文章の見やすさもだいぶ変わってくると思うので、アイキャッチの入れ方についてここに書いておきます。

Contents

1 毎回投稿時自動的に入れる方法
2 タグでいれる方法

毎回投稿時自動的に入れる方法

常に記事の先頭にいれる方法ですが、普通にsingle.phpなど記事投稿を行っているテンプレートに

<?php the_post_thumbnail('full');?>

1	<?php the_post_thumbnail('full');?>

と入力してあげればアイキャッチ画像が自動的に入ります。

‘full’の部分を変えることによってサイズ変更ができます。

出力する位置ですがthe_content()の上あたりがベストかと思います。

参考リンク

codex テンプレートタグ/the post thumbnail

タグでいれる方法

これはアイキャッチを任意のタグで管理しておき、タグを記事内に入力して任意の場所で画像を出力できる方法です。

書こう・・と思ったんですが、ほぼ丸々コピペになるので、それであればリスペクトの意味もこめてリンクを貼ることにしました。このパターン多いな・・・(汗)

WordPress 記事内の任意の場所にアイキャッチ画像を表示する方法

-PHP
-WordPress

執筆者：matsumoto

comment コメントをキャンセル

関連記事

: PHPでのリフレクション

Javaなどでは結構やりましたが、PHPでも動的にインタンス生成→メソッド呼び出しということをやれるとやれることが一気にふえるため、ちょっとメモです。 Contents1 ソース2 参考リンクソース …

: eagar loading vs lazy loading

以前DBからのデータ取得問題でディフォルトだとlazy loadingが発生し、俗にいうN+1問題が発生するので、eagar loadingにすべきみたいな記事を書きました。 joinとeager l …

PHPで配列の同一性(集合のチェック)

AとBという配列があり、A⊂B つまりは集合のような関係を確かめたいときに下記のようなメソッドを使います。

<?php

$array1 = array( "green", "red", "blue");
$array2 = array( "green", "red");
//array_intersectは配列の共通部分を取得する関数です。
$result = array_intersect($array1, $array2);

var_dump( $result == $array2 );
//true
$array1 = array( "green", "yellow", "blue");
$array2 = array( "green", "red");

var_dump( $result == array2 );
//false

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<?php

$array1 = array( "green", "red", "blue");

$array2 = array( "green", "red");

//array_intersectは配列の共通部分を取得する関数です。

$result = array_intersect($array1, $array2);

var_dump( $result == $array2 );

//true

$array1 = array( "green", "yellow", "blue");

$array2 = array( "green", "red");

var_dump( $result == array2 );

//false

: ログライブラリについて

以前にも少し書いたログ設計に関する記事。ログの設計指針について上記でログの設計について書きましたが、今回はログのライブラリに関して欲しいと思う機能を。 Contents1 レベル分け2 チャネルわ …

: phing

今までphpunit,phpmd,phpcodesniffer,phpdocumentなどのツールをいろいろと試してきますが、個別に動かしていると大変面倒ですので、これを一気に行えるライブラリがありま …

PREV: bootstrapでのJavaScriptエラーチェック
NEXT: JavaScriptのタイマー

: 2024/04/11

Saml認証とSSO(シングルサインオン)について

: 2024/03/24

Azureの復習

: 2024/02/05

TLS通信の基礎など

: 2024/01/20

Kubernetesについて

: 2023/12/31

React×TypeScriptをさわって