WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマEVERY:レシピ詳細ページにソーシャルボタンを表示させる方法

Q.カスタム投稿「レシピ」の詳細ページにもソーシャルボタンを表示させることは出来ますか。

テーマ仕様ではカスタム投稿「レシピ」詳細ページにはソーシャルボタンを表示する仕様となっておりません。この記事では、レシピ詳細ページのメインコンテンツの下に「ソーシャルボタン上部」を表示するカスタマイズをご案内いたします。

A.下記の方法でカスタマイズしてください。

編集するファイル: single-recipe.php
編集する箇所: 171行目付近

<?php }; ?>
   <?php
        // copy title&url button ---

 ↓

<?php }; ?>
<div class="single_share clearfix" id="single_share_top">
  <?php get_template_part('template-parts/sns-btn-top'); ?>
</div>
   <?php
        // copy title&url button ---

 
カスタムCSSを追加

#recipe_image_slider_wrap { margin: 0 0 48px 0; }
@media screen and (max-width: 650px) {
#recipe_image_slider_wrap { margin: 0 0 30px 0; }
}

TCDテーマ>サイト基本設定のカスタムCSSに入力してください。

EVERYデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。