导游

如何在Tumblr上使用HTML编辑主题

Tumblr 支持您选择的任何免费主题的完全自定义,以及您的 Tumblr 博客的完全自定义主题。 Tumblr上的主题是由许多不同的开发人员制作的,其中许多是Tumblr用户。因此,代码的设计和布局因主题而异,只有关键元素是相同的。虽然试验是了解系统来龙去脉的有效方法,但最好在编辑您的主题之前对主题有一定的了解。 Tumblr 提供了关于自定义主题和变量的整页文档。

1

在Tumblr.com/customize中打开您的Tumblr定制页面;您还可以单击Tumblr仪表板顶部的用户名,然后单击侧栏上的“自定义外观”。

2

点击“主题”按钮。默认屏幕是主题选择屏幕。如果尚未选择主题,请选择一个主题,使其感到舒适。选择后,单击“主题”菜单底部的“使用自定义 HTML”。

3

浏览代码,以了解开发人员最初如何构建主题。主题使用混合代码,包括 HTML、CSS 和 Javascript。 Tumblr 主题使用一组标准块来定义适用于博客不同帖子和部分的代码区域。例如,定义音频帖子的部分将以“{block:Audio}”开头并以“{/block:audio}”结尾,而引用帖子的部分将从{block:Quote}开始并以“{/block:Quote”结尾}”,可以轻松找到各个帖子类型和部分。如果您要搜索特定元素,浏览器的“查找”功能应该能够在主题 HTML 中查找单词。

4

插入您想要的任何自定义 HTML。如果要为主题创建新的样式表,则可以将其插入到文档标题的开始和结束标记之间。样式表的格式为

您可以根据需要在样式表中包含尽可能多的元素。任何元素都可以使用 CSS 进行修改。例如,如果您想将使用 H2 标记修改的任何内容设置为 22 像素高和深灰色,样式表将包含以下块:

h2 {font-size:22px;颜色:#A8A8A8;}

5

使用“style”标签向单个 HTML 元素添加任何样式。例如,如果您想将页面上的引号更改为浅灰色文本阴影,则可以找到修改引号的HTML,并将其添加到HTML标记的括号内。除了页面的样式表之外,以这种方式添加的任何CSS都可以使用。

6

单击“更新预览”以在预览中查看对Tumblr博客的更改,而不保存任何更改。当您最终对 Tumblr 博客进行了所需的更改并准备提交时,请单击“保存”。

$config[zx-auto] not found$config[zx-overlay] not found