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

Мне было любопытно, будет ли это лучшей практикой для добавления значков 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

Это хороший подход или это вызовет какие-либо проблемы в будущем?


svg wordpress wordpress-theming custom-wordpress-pages social-media
person ChrisH    schedule 24.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это не вызовет проблем в будущем, но я рекомендую вам структурировать элемент обмена таким образом, чтобы его можно было повторно использовать и не требовалось массовое изменение шаблонов на нескольких страницах. Так что в основном сделайте из этого функцию и поместите ее в свой functions.php файл вашей темы. Кроме того, если вы используете какую-либо тему Wordpress по умолчанию, убедитесь, что вы скопировали оригинал и переименовали его или создали дочернюю тему.

Ссылка:

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

person Musk    schedule 24.10.2017
comment
Спасибо за быстрый ответ Маск. Я тоже использую дочернюю тему. Я пытался научиться создавать функции PHP в Wordpress. Я немного запутался в том, как $args работает внутри функций. Есть ли у вас какие-либо предложения по YouTube или учебникам? - person ChrisH; 24.10.2017
comment
Хорошо, функции — это ваши типичные функции PHP. add_action(), add_filters() и т. д. Это отдельная тема. Существует множество бесплатных и платных учебных пособий, поэтому я не вижу ничего плохого в том, чтобы просто погуглить их. И в StackOverflow уже есть много информации о проблеме, с которой вы можете столкнуться, но которая уже решена. Кроме того, вам нужно изучить платформу, и я надеюсь, что вы получите удовольствие, делая это. :) - person Musk; 24.10.2017