ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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に入力してください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事