如何在纯PHP社交网站的右侧侧边栏添加外部链接?
添加外部站点链接到侧边栏的方法
你可以直接在现有侧边栏项的位置,新增一个和现有结构一致的<li>元素,修改对应的链接属性即可,具体步骤和示例如下:
操作步骤
- 找到
sidebar.phtml文件中你提供的那段代码的位置,在现有<li>块的下方(或你希望放置的位置)插入新的<li>代码块 - 修改
<a>标签的href为你的外部站点URL(比如https://example.com) - 移除
data-ajax属性(外部链接不需要站内AJAX跳转逻辑) - 按需替换图标(可以保留原有SVG,或换成自己的图标文件)
- 修改链接显示文字为你想要的内容
示例代码
<li> <a href="https://example.com" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#8BC34A" d="M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z"></svg> <img src="<?php echo $wo['config']['theme_url'];?>/img/sidebar/external-link.svg"> 访问外部站点 </a> </li>
关键说明
target="_blank":可选属性,添加后会在新浏览器标签页打开外部链接,避免用户离开你的网站- 图标部分:如果不需要两个图标,可以删掉其中一个(比如
<img>标签),或者替换成你自己的图标路径 - 文字部分:直接写静态文字即可,如果你需要支持多语言,可以把文字添加到网站的语言文件中,再用
<?php echo $wo['lang']['external_site'];?>这种方式调用
内容的提问来源于stack exchange,提问作者anth
相关产品推荐
相关产品推荐

