鹿泽笔记 - 记录互联网技术知识,工作与生活点滴的个人博客

Typecho默认自带模板增加宽度的方法

用Typecho程序搭建的网站,可能有时候宽度我们想调整一下,无奈自己不太会,就去找资料,终于找到一个可用的了。

要给Typecho默认自带的模板增加宽度,需要编辑模板文件,通常这些文件位于Typecho的usr/themes目录下。以下是一个简单的步骤说明和示例代码:

找到正在使用的模板目录。

打开模板目录下的index.php、archive.php或其它相关的模板文件。

在适当的位置(通常是标签)增加CSS样式来设置宽度。

示例代码:

<!-- 假设正在编辑 archive.php 文件 -->
<?php while ($this->next()): ?>
    <!-- 其它代码保持不变 -->
    <body>
        <!-- 在这里增加宽度设置 -->
        <style>
            .container {
                width: 80%; /* 设置为80%的宽度 */
                margin: 0 auto; /* 水平居中 */
            }
        </style>
        <!-- 容器开始 -->
        <div class="container">
            <!-- 内容 -->
        </div>
        <!-- 容器结束 -->
        <!-- 其他代码保持不变 -->
    </body>
<?php endwhile; ?>

确保编辑的模板文件是当前使用的模板。如果想全局设置宽度,可以考虑在header.php或footer.php中添加公共的样式文件。

不过自己没需要的话,可以不要更改,这个功能是个外观的设置,因人而异。

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享