导语:有时候,我们的网站运营过程中会有自己的社交媒体账号,会在社交媒体上发布一些信息给自己的粉丝,所以对于一个网站来说,放置社交媒体的主页地址是极为寻常的事情。我们来看看codilight_lite汉化版是怎样放置这些按钮的。
可能有的主题会自己写一些代码,然后在自己的主题设置页上放置设置地址或其他信息的功能,现在,WordPressLeaf采用了另外的一种方式,那就是利用主题自有的菜单功能,这样的话,由WordPress本身的功能来帮你管理链接信息。
在WordPressLeaf主题适当的位置放置菜单的代码:
<?php wp_nav_menu( array('theme_location'=> 'social', 'container' => 'div', //最外层容器标签名 'container_class' => 'menu', //最外层容器class名 'container_id' => 'menu-social',//最外层容器id值 'menu_class' => 'menu-items', //ul标签class 'menu_id' => 'menu-social-items',//ul标签id 'link_before' => '<span class="screen-reader-text">',//显示在导航链接名之后 'link_after' => '</span>'//显示在导航链接名之前 )); ?>
然后,页面上就可以很方便的输出社交账号的地址。当然,想这样的图标按钮的CSS是要预先写好的。
如果,你想要和WordPressLeaf一样的社交关注图标,那么可以在这里下载我们的社交媒体关注源码。
我们的社交关注按钮采用了字体图标的方式,预设了国内外各种的主流社交网站,只要你在菜单中添加相应社交网站的地址,就能自动显示出它的字体图标来,设置起来非常方便。