WordPress Двадцать семнадцать социальных сетей делятся иконками без необходимости в плагине.

Question

Мне было бы любопытно, будет ли лучше добавлять иконки SVG для социальных сетей на страницы и типы сообщений (без использования плагина)?

Я добавил три пользовательских поля на страницу WordPress и пост. Поля facebook, twitter и google plus Я добавил в WordPress SVG-теги для каждого сайта социальной сети. скриншот администратора WordPress страницы

вот код, который я добавил на мою главную страницу, где мне нужно добавить иконки социальных сетей

<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 по умолчанию, убедитесь, что вы скопировали оригинал и переименовали его или создали дочернюю тему.

Ref:

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