如何在WordPress中实现友情链接的双列显示？_行业百科

要使WordPress友情链接双列显示，可以通过修改主题的CSS样式或使用插件实现。

在WordPress中实现友情链接的双列显示可以通过几种方法来实现，包括修改主题文件、使用小工具以及通过CSS调整样式，以下是详细的步骤和代码示例：

通过修改主题文件实现双列显示

1、编辑sidebar.php文件：

打开你的主题文件夹，找到sidebar.php文件。

在合适的位置插入如下代码：

如果只想让友情链接只在首页显示，可以添加一个判定函数：

2、修改style.css文件：

打开主题文件夹下的style.css文件。

在文件底部添加以下样式：

 #links li { background: transparent none repeat scroll 0 50%; float: left; paddingleft: 0; width: 50%; }

这段代码将每个列表项（

）设置为左浮动，并占据50%的宽度，从而实现双列显示。

通过小工具实现双列显示

1、启用链接管理功能：

如果你的主题不支持侧栏小工具，可以在functions.php文件中启用链接管理功能，用文本编辑器打开functions.php文件，在文件末尾添加如下代码：

 add_filter('pre_option_link_manager_enabled', '__return_true');

保存文件后，登录WordPress后台，你会发现左侧导航栏出现了一个“链接”选项卡。

2、将链接添加到小工具：

进入WordPress后台，点击“外观” > “小工具”。

找到“链接”小工具，将其拖动到侧边栏或其他支持小工具的区域。

在小工具设置中添加你的友情链接。

3、修改style.css文件：

打开主题文件夹下的style.css文件。

在文件底部添加以下样式：

 .blogroll { display: block; overflow: auto; zoom: 1; } .blogroll li { float: left; width: 48%; display: block; }

这段代码将友情链接容器设为块级元素，并将每个列表项（

）设置为左浮动，占据48%的宽度，从而实现双列显示。

通过CSS调整样式实现双列显示

1、找到主题的style.css文件：

打开主题文件夹下的style.css文件。

在文件底部添加以下样式：

 .blogroll { width: 250px; display: block; overflow: auto; zoom: 1; } .blogroll li { float: left; width: 120px; display: block; }

这段代码将友情链接容器设为块级元素，并将每个列表项（

）设置为左浮动，占据120px的宽度，从而实现双列显示。

常见问题解答（FAQs）

1、如何让友情链接只在首页显示？

你可以使用条件判断函数is_home()来控制友情链接只在首页显示，在sidebar.php文件中添加如下代码：

这样，友情链接将只在首页显示，其他页面不会显示。

2、如何让友情链接随机显示？

你可以使用wp_list_bookmarks函数的orderby参数来控制链接的排序方式，将orderby参数设置为rand即可实现随机显示，在sidebar.php文件中添加如下代码：

这段代码将调用16个随机的友情链接并显示在页面上。

功能	操作步骤	说明
准备工作	安装并激活表格插件	选择一个支持表格的WordPress插件，如“TablePress”或“WP Table Builder”。
创建表格	在插件中创建新表格	创建一个新表格，并设置适当的列数，例如2列，以适应双列显示。
设置表格样式	设置表格宽度、边框等样式	根据需要调整表格的宽度、边框、背景色等样式，使其与网站风格一致。
添加友情链接数据	在表格中输入友情链接信息	在表格的单元格中输入友情链接的网站名称、网址等信息。
显示表格	将表格嵌入到页面或侧边栏	使用短代码或自定义短代码将表格嵌入到相应的页面或侧边栏中。
代码示例	使用短代码显示表格	如果使用“TablePress”插件，可以使用短代码`[table id=“1” /]` 来显示表格。
调整布局	调整CSS样式以适应双列布局	如果需要进一步调整布局，可以添加自定义CSS样式来控制表格的显示方式，使其适应双列布局。