カテゴリー編集の説明欄にインスタグラム埋め込みをしても上手く表示されません

VWSとは フォーラム Lightning カテゴリー編集の説明欄にインスタグラム埋め込みをしても上手く表示されません

カテゴリー編集の説明欄にインスタグラム埋め込みをしても上手く表示されません

  • このトピックには17件の返信、3人の参加者があり、最後にzzzにより5年、 2ヶ月前に更新されました。
3件の投稿を表示中 - 16 - 18件目 (全18件中)
  • 投稿者
    投稿
  • #20009

    zzz
    閲覧者

    RICK様

    お世話になります。

    画像添付がエラーをおこしましたので再送いたします。

    Attachments:
    You must be logged in to view attached files.
    #20015

    DRILL LANCER
    モデレーター

    少々使い方の説明が足りなかったのか混乱させてしまったのかはわかりませんが、
    関数の使い方を誤解しているようです。

    どれでもOKというのが混乱につながったと思われるので今回は is_category()の中身をIDに統一させていただきます。

    function zzz_instagram_category() {
    	if ( is_category( '1' ) ) {
    		?>
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '2' ) ) {
    		?>
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '3' ) ) {
    		?>
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 終了 -->
    		<?php
    	} else {
    		?>
    		<!-- 上記のどれにも当てはまらないときの埋め込みコード 開始 -->
    
    		<!-- 上記のどれにも当てはまらないときの埋め込みコード 終了 -->
    		<?php
    	}
    }
    add_action( 'lightning_loop_before', 'zzz_instagram_category' );

    この状態のときにカテゴリの ID が 4 のときの埋め込みコードを追加する場合は

    function zzz_instagram_category() {
    	if ( is_category( '1' ) ) {
    		?>
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '2' ) ) {
    		?>
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '3' ) ) {
    		?>
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '4' ) ) {
    		?>
    		<!-- カテゴリの ID が 4 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 4 のときの埋め込みコード 終了 -->
    		<?php
    	} else {
    		?>
    		<!-- 上記のどれにも当てはまらないときの埋め込みコード 開始 -->
    
    		<!-- 上記のどれにも当てはまらないときの埋め込みコード 終了 -->
    		<?php
    	}
    }
    add_action( 'lightning_loop_before', 'zzz_instagram_category' );

    となります。デフォルト設定が必要ない場合は

    function zzz_instagram_category() {
    	if ( is_category( '1' ) ) {
    		?>
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '2' ) ) {
    		?>
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '3' ) ) {
    		?>
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 終了 -->
    		<?php
    	}
    }
    add_action( 'lightning_loop_before', 'zzz_instagram_category' );

    とか

    function zzz_instagram_category() {
    	if ( is_category( '1' ) ) {
    		?>
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 1 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '2' ) ) {
    		?>
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 2 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '3' ) ) {
    		?>
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 3 のときの埋め込みコード 終了 -->
    		<?php
    	} elseif ( is_category( '4' ) ) {
    		?>
    		<!-- カテゴリの ID が 4 のときの埋め込みコード 開始 -->
    
    		<!-- カテゴリの ID が 4 のときの埋め込みコード 終了 -->
    		<?php
    	}
    }
    add_action( 'lightning_loop_before', 'zzz_instagram_category' );

    のようになります。

    P.S.
    というか、普通にカテゴリの説明欄に記述して上手く表示されるならコードは不要かもしれませんね。
    案外ブラウザキャッシュやプラグインのキャッシュの影響だとか、
    画像の非同期読み込みや画像の遅延読み込み等影響が強いかもしれません。
    もし、JavaScript を結合ないしは圧縮している場合はその設定を解除してみると良いかもしれません。

    P.P.S.
    IDは記事・添付ファイル・画像・カテゴリ等が追加されるたびに 1 増えていきます。
    なので、カテゴリのIDが連番になることはほぼないです。
    連番にしたのはわかりやすくするためなので ID は適宜変更してください。

    P.P.P.S.
    Lightning の構造上表示される順番は下記のようになります。

    1. カテゴリページのタイトル
    2. カテゴリの説明欄
    3. 今回add_action( 'lightning_loop_before', 'zzz_instagram_category' );で追記したコード

    カテゴリの説明欄のみで用を足せる場合はそちらを利用し、
    そうでない場合はカテゴリの説明欄は空欄にしておき、
    今回のコードの埋め込みコードを記述する部分にカテゴリの説明文のHTMLコードを合わせて記述してください。

    #20019

    zzz
    閲覧者

    RICK様

    勉強不足でご迷惑をおかけしております。

    RICK様のご説明で理解することができました。
    ありがとうございます!

    普通にカテゴリの説明欄に記述して上手く表示されるならコードは不要かもしれませんね。

    普通にカテゴリの説明欄に記述するとtwitterやinstagram等のSNSは上手く表示されませんでした。。。

    RICK様のコード追加するとキレイに表示されましたが、そうなると説明欄と説明欄の下に表示される感じです。

    説明欄のみでtwitterやinstagram等を表示させるのは難しそうでね。。。

    IDは記事・添付ファイル・画像・カテゴリ等が追加されるたびに 1 増えていきます。
    なので、カテゴリのIDが連番になることはほぼないです。
    連番にしたのはわかりやすくするためなので ID は適宜変更してください。

    承知しました。
    ID は適宜変更していきます。

    カテゴリの説明欄のみで用を足せる場合はそちらを利用し、
    そうでない場合はカテゴリの説明欄は空欄にしておき、
    今回のコードの埋め込みコードを記述する部分にカテゴリの説明文のHTMLコードを合わせて記述してください。

    カテゴリーページにもインスタグラムを絡めた記事を記載していきたいので、この方法で使うのが一番使いやすそうです!

    長い間ご対応していただき感謝いたします。

    ありがとうございました!

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