我很好奇这是否是将社交媒体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
这是一个好方法, 还是会导致任何问题?
#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/
评论前必须登录!
注册