プラグインのアドバイスを必要とせずに、wordpress twentyseventeenソーシャルメディア共有アイコン。

Question

ソーシャルメディアのSVGアイコンをページや投稿の種類に（プラグインを使用せずに）追加するのがベストプラクティスなのかどうか不思議でしたか？

WordPressのページと投稿に3つのカスタムフィールドを追加しました。 facebook、twitter、google plus fields私は、各ソーシャルメディアサイトに固有のSVGタグをWordPressに追加しました。ここ wordpress page admin screenshot

私は私はあなたがアイコンは、フロントページに表示されます見ることができるように

<header class="entry-header-hp"> 
        <div class="page-title-homepage"> 
        <?php the_title('<h2 class="entry-title">', '</h2>'); ?> 
        <nav class="social-naviation-news" role="navigation"> 
         <div> 
          <ul> 
           <li> 
            <a href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=<?php echo urlencode(get_permalink()); ?>" target="_blank"><?php echo the_field('facebook'); ?> 
            </a> 
           </li> 
           <li> 
            <a href="https://twitter.com/intent/tweet?text=<?php echo urlencode(get_the_title()); ?>+<?php echo get_permalink(); ?>" target="_blank"> 
            <?php echo the_field('twitter'); ?> 
            </a> 
           </li> 
           <li> 
            <a href="https://plus.google.com/share?url=<?php echo urlencode(get_permalink()); ?>" target="_blank"> 
            <?php echo the_field('Google'); ?> 
            </a> 
           </li> 
          </ul> 
         </div> 
        </nav> 
        </div> 
        <div class="entry-meta"> 
         <?php echo the_modified_date(); ?> 
        </div><!-- .entry-meta --> 
        <div class="edit-link"> 
        <?php twentyseventeen_edit_link(get_the_ID()); ?> 
        </div> 
       </header><!-- .entry-header --> 

を追加するソーシャル・シェアのアイコンを必要とする私のフロントページに追加したコードです。 https // staging.rockimages.com

これは良いアプローチですか、それとも問題が発生するのでしょうか？

Answer 1

これは問題を引き起こすことはありませんが、再利用可能な方法で共有要素を構成し、複数のページテンプレートで一括変更する必要はありません。だから基本的にそれから機能を作り、あなたのテーマのあなたのfunctions.phpファイルに置きます。また、デフォルトのWordpressのテーマを使用する場合は、元のものをコピーして名前を変更するか、子テーマを作成するようにしてください。

参考：迅速な対応のためのムスク

https://premium.wpmudev.org/blog/five-hacks-twenty-seventeen/#social https://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/