Web Log: Page Links页面模板 (template-page-links.php)

<?php
/**
* Template Name: Page Links
*
* @link https://developer.wordpress.org/themes/template-files-section/page-template-files/
*
* @package ThemeMiles
* @subpackage Web Log
*/
get_header();
?>
<link rel=”stylesheet” id=”style-css” href=”/wp-content/themes/web-log/assets/css/links-style.css” type=”text/css” media=”all”>
<link rel=”stylesheet” id=”style-css” href=”/wp-content/themes/web-log/assets/css/iconfont.css” type=”text/css” media=”all”>
<style type=”text/css”>
.page-links{overflow:hidden;margin:0 0 24px;padding:0;}
.page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.page-links ul{margin:0;padding:5px 0 0 0;}
.page-links ul li{float:left;width:250px;line-height:40px;margin:5px 5px 0;padding:0;list-style-type:none;}
.page-links ul li:hover{background:#f2f2f2;}
.page-links ul li img{width:36px;height:36px;margin:0 5px -2px 0;padding:0;border:none;float:left;}
</style>
<!–主题部分开始–>
<?php
//get_terms( ‘link_category’, ‘hide_empty=0’ );
//然后通过 get_bookmarks 获取某个分类下的所有链接。
//get_bookmarks(array(‘category’ => $link_category_item->term_id));
//我们先遍历分类，然后再获取分类下面的链接，最后遍历获取到的链接循环输出即可。
?><?php get_bookmarks(‘orderby=id&category_orderby=id’); ?>
<div style=”width:1230px; height: 30px; float: none;”></div>
<div class=”container” style=”width:1230px;”>
<div class=”page-container”>
<div class=”main-content flex-fill”>
<div id=”content” class=”content-site customize-site”>
<?php
//然后通过 get_bookmarks 获取某个分类下的所有链接。
$terms = get_terms( ‘link_category’, ‘orderby=id&hide_empty=0′ );

if ( !empty($terms) ) {
foreach ($terms as $term) { $category_id = $term->term_id ;
//$category_id = 165 ;
?>
<div class=”d-flex flex-fill “>
<h4 class=”text-gray text-lg mb-4″> <i class=”site-tag iconfont icon-tag icon-lg mr-1″ id=”term-5″></i> <?=$term->name?> </h4>
<div class=”flex-fill”></div>
</div>
<div class=”row “>
<?php
$default_ico = get_template_directory_uri().’/links_default.jpeg’; //默认 ico 图片位置
$bookmarks = get_bookmarks(‘title_li=&categorize=1&category=’.$category_id.’&orderby=id&category_orderby=name&limit=100′); //全部链接随机输出
//$bookmarks = get_bookmarks(‘title_li=bookmarks&categorize=0&category=5&orderby=rand’); //全部链接随机输出
//如果你要输出某个链接分类的链接，更改一下get_bookmarks参数即可
//如要输出链接分类ID为5的链接 title_li=bookmarks&categorize=0&category=5&orderby=rand
//wp_list_bookmarks(‘title_li=&categorize=0&show_images=&category=7&limit=30’)
if ( !empty($bookmarks) ) {
foreach ($bookmarks as $bookmark) {
//定义默认图片地址和手动设置图片地址都没有图片，就现实网站默认logo图片
if ( !empty($bookmark->link_image) ) { $link_image = $bookmark->link_image ;}else{ $link_image = $bookmark->link_url . ‘/favicon.ico’ ; }
//
echo ‘<div class=”url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a “>
<div class=”url-body default”> <a href=”‘ . $bookmark->link_url . ‘” target=”_blank” data-id=”85″ class=”card no-c is-views mb-4 site-85″ data-toggle=”tooltip” data-placement=”bottom” title=”” data-original-title=”‘ . $bookmark->link_description . ‘”>
<div class=”card-body”>
<div class=”url-content d-flex align-items-center”>
<div class=”url-img rounded-circle mr-2 d-flex align-items-center justify-content-center”><img class=”lazy loaded”
src=”‘ . $link_image . ‘” onerror=”javascript:this.src=\” . $default_ico . ‘\’;” data-was-processed=”true”></div>
<div class=”url-info flex-fill”>
<div class=”text-sm overflowClip_1″> <strong>’ . $bookmark->link_name . ‘</strong> </div>
<p class=”overflowClip_1 m-0 text-muted text-xs”>’ . $bookmark->link_description . ‘</p>
</div>
</div>
</div>
</a> </div>
</div>’;
}
}
?>

</div>
<?php
}
}
?>
</div>
</div><!– main-content end –>
</div><!– page-container end –>

</div>
<div class=”page-links”>
<h3></h3>
<ul>

</ul>
</div>
<?php
get_footer();
?>