[ 解決済 ] アイキャッチ画像を、カスタム投稿ごとに違う画像に設定する方法

VWSとは フォーラム Lightning [ 解決済 ] アイキャッチ画像を、カスタム投稿ごとに違う画像に設定する方法

[ 解決済 ] アイキャッチ画像を、カスタム投稿ごとに違う画像に設定する方法

  • このトピックには4件の返信、2人の参加者があり、最後にsakai -matango65により1年前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #76543

    sakai -matango65
    参加者

    ■ WordPress のバージョン
    6.2.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.9.3

    ■ Pro Unit のバージョン
    0.24.1

    ■ スキンの種類
    プレーン

    ■ 期待する動作
    デフォルトの投稿、追加でつくったカスタム投稿タイプに入るアイキャッチ画像(デフォルトサムネイル)を違う画像にしたい。
    たとえば、デフォルト投稿に入るアイキャッチ画像は、画像A
     カスタム投稿タイプで設定作成したアイキャッチ画像は、画像B
    というように、投稿の目的にあわせてアイキャッチ画像を違うものにしたいです。

    ■ 自分で試した事
    いろいろメニューなどしらべましたが、
    ひつは、
    外観–カスタマイズ–ExUnit設定–デフォルトサムネイル設定にある画像設定。
    もう一つは、
    ExUnit–メイン設定–デフォルトサムネイル設定

    片方を設定すると、もう片方も同じ画像が反映されました。
    ゆえに、同じ設定であると。

    ■ 症状が発生するブラウザ
    chrome

    ■ 実際の症状
    現状、デフォルト投稿もカスタム投稿スタイルでつくった投稿も、同じアイキャッチ画像が表示される。

    ■ その他特記事項
    たとえば、デフォルト投稿をキャンペーン情報を載せていくばあい、アイキャッチ画像をキャンペーン画像にする。
    カスタム投稿スタイルでつくった投稿を、社員ブログのばあい、アイキャッチ画像を日記帳の画像にする、感じです。
    よろしくお願いします。

    #76559

    概要としては子テーマの functions.php などに下記のような感じを追記する形で実現できます。

    add_filter(
    	'post_thumbnail_html',
    	function( $html ) {
    		// 変更する対象の投稿タイプを指定
    		if ( get_post_type() === 'post' ) {
    			// サムネイル画像のURL
    			$image_url = 'http://localhost:8888/wp-content/uploads/2021/05/head-logo-bk.png';
    			$html      = '<img src="' . $image_url . '" alt="" class="vk_post_imgOuter_img wp-post-image" />';
    		}
    		return $html;
    	},
    	11
    );
    
    add_filter(
    	'vk_post_options',
    	function( $options ) {
    		// 変更する対象の投稿タイプを指定
    		if ( get_post_type() === 'post' ) {
    			// サムネイル画像のURL
    			$image_url                    = 'http://localhost:8888/wp-content/uploads/2021/05/head-logo-bk.png';
    			$options['image_default_url'] = $image_url;
    		}
    		return $options;
    	},
    	11,
    	1
    );

    ここから先は必要に応じて改変してください。

    投稿一覧の高度なカスタマイズ

    #76603

    子テーマについては下記参照ください。

    カスタマイズの準備 1 : Lightningの子テーマの準備

    PHPの基本的なルールなどは下記参照ください。

    PHP入門

    #76617

    sakai -matango65
    参加者

    回答ありがとうございます。
    ただいま検証中です。
    phpにてこずってます。
    うまくできたら報告しますので。
    また、質問あるときもよろしくお願いいたします。

    #76634

    sakai -matango65
    参加者

    無事に設定できました。
    ありがとうございます。
    とても勉強になりました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。