首页 小组 问答 话题 好文 素材 用户 唠叨 我的社区

[分享]TypeCho通过页面自定义字段给导航菜单加ICO

天启Lv.1普通用户
2024-08-18 13:44:57
0
50

在Typecho中,你可以通过以下步骤为导航菜单项添加ICO图标:
首先,在Typecho后台找到“独立页面”或者“自定义模板页面”编辑你想要添加ICO图标的页面。
在页面编辑器中,找到自定义字段区域,添加一个自定义字段,例如命名为“icon”,并在值中填入你想要使用的ICO图标的class样式,比如“fa fa-home”(这里使用Font Awesome图标库的样式)。
保存页面并发布。
接下来,你需要在主题的导航菜单代码中调用这个自定义字段。打开你的主题文件(一般是header.php),找到导航菜单输出的代码部分。
在输出导航菜单项的地方,添加对自定义字段的调用代码。可以使用以下代码获取自定义字段的值:

<?php $icon = get_post_meta($page->cid, 'icon', true); ?>


这行代码会获取当前页面的“icon”自定义字段的值。
然后,在输出导航菜单项的地方,将获取到的ICO图标样式应用到菜单项中,例如:


<li><a href="<?php $page->permalink(); ?>"><i class="<?php echo $icon; ?>"></i><?php $page->title(); ?></a></li>

这样就会在导航菜单项中显示对应的ICO图标了。
通过以上步骤,你可以在Typecho中通过页面自定义字段为导航菜单项添加ICO图标。
记得在添加图标样式时,最好使用已知的图标库样式,以确保图标能正常显示。

天启
天启

65 天前

签名 : 大运河向南是我家   50       0
评论
站长交流