Typecho Wiki
每一个作品都值得被记录

Typecho 修改网站 Logo 图标

Typecho维基君Typecho教程 • 4453次浏览 • 发布 2019-03-15 • 更新 2019-03-15
极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码
🛜自用大流量超低月租手机卡推荐榜单 #拒绝流量焦虑

Typecho默认的主题没有Logo,如果想给自己的网站添加一个Logo怎么操作呢?

首先准备logo素材:

Typecho 修改网站 Logo 图标

我将其放在typecho代码的主目录下。

修改Typecho主题代码

分析typecho目录结构,站点logo应在header.php文件中修改。文件目录如下:

/var/www/html/blog/usr/themes/default/header.php

使用IDE自带的插入图片功能,会自动生成代码。插入图片的代码如下:

<img src="../../../imgs/yixzm_title_logo.png" width="48" height="48" alt="">

图片插入位置在如下div中:

<div class="site-name col-mb-12 col-9"> 
    <img src="../../../imgs/yixzm_title_logo.png" width="48" height="48" alt="">
    <a id="logo" href="<?php $this->options->siteUrl(); ?>">
        <?php if ($this->options->logoUrl): ?>
        <img src="<?php $this->options->logoUrl() ?>" alt="<?php $this->options->title() ?>" />
        <?php endif; ?>
        <?php $this->options->title() ?>
    </a>
    <p class="description"><?php $this->options->description() ?></p>
</div>

最后效果如下:

Typecho 修改网站 Logo 图标

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
本文检索关键词:typecho
厂商投放

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »