站点的外观由其CSS主题决定。CSS代表层叠样式表,它本质上定义了页面上各种元素的规则和属性。作为站点管理员,您可以选择更改站点主题或根据您的目的对其进行修改。
选择一种颜色
标准模板的默认主题被相当有创意地称为标准主题。利用尖角和圆边的结合,主题是激烈的,但又是优雅的。考虑到它的通用性,它基本上可以与任何站点一起使用。
但是,您可能会发现默认颜色不适合您的个性。值得庆幸的是,标准主题有八种不同的五颜六色的口味:红色, 橙色, 黄色, 绿色, 蓝色, 紫色, 黑色,和白色。最棒的是,我们让您可以非常简单地选择您想要的颜色。
要更改站点的颜色,只需执行以下步骤:
- 访问站点管理器。
- 在仪表板中,点击“外观与表现”。
- 寻找第一个选项,称为“布景主题”。
- 完全加载后,点击标题为“您”的选项卡。
- 找到您要使用的颜色,然后点击“安装”。
- 在那之后,您就完成了!
自定义颜色
如果你不喜欢这八种颜色中的任何一种怎么办?幸运的是,您可以使用标准主题配色工具定义您自己的配色方案!该工具允许您定义特定的颜色,然后将为您提供制定新方案的代码。要应用它,请执行以下步骤:
- 访问站点管理器。
- 在仪表板中,点击“外观与表现”。
- 寻找第一个选项,称为“布景主题”。
- 完全加载后,点击标题为“自定义”的选项卡。
- 找到名为“我的颜色”的主题。
- 将该工具给您的代码粘贴到底部出现的文本框中。
-
- 注意:不要更改主题的名称!
-
- 单击“保存主题”。
- 转到顶部并点击标题为“您”的选项卡。
- 找到名为“自定义标准主题”的选项,然后点击“安装”。
- 在那之后,您就完成了!
编辑您的主题
有时,您可能希望在这里和那里调整您的主题。例如,如果您希望所有链接都加下划线,该怎么办?设置标准模板是为了使此过程非常简单和轻松。不过,要使其有用,您需要了解什么是CSS以及它是如何工作的。要了解更多信息,W3Schools有一些很好的教程。
私人站点的流程略有不同。如果您有私人站点,请阅读私人站点部分。
主题使用站点管理器和CSS页面之间的合作伙伴关系工作。如果您只想修改当前主题,则只需编辑一个称为全局CSS的特殊CSS页面。此页面与维基页面完全相同,不同之处在于只有管理员(默认情况下)才能对其进行修改。
要访问您的CSS页面,请转到主题管理页面。此页面将列出您已创建或可用的所有CSS页面。其中一个应该是标题为全局CSS。如果您点击它,它会将您带到全局CSS样式表。然后,您可以在那里编辑页面和编辑CSS。
从头开始的主题
可能是标准主题不适合您站点的需要。完全可以理解!事实上,我们鼓励您以任何您想要的方式定制您的站点!毕竟,Wikidot擅长站点定制。
因此,您可能希望创建一个全新的主题。为此,我们建议使用主题管理页面,因为这将允许您保留站点CSS更改的历史记录。
您应该做的第一件事是使用主题管理页面上提供的表单创建一个新的样式表页面。这将创建一个包含少量代码的新页面。将CSS放在提供的[[code]]标签之间。此页现在将显示在“主题管理”页面上,您可以随时对其进行编辑。默认情况下,只允许管理员编辑CSS页面。
在您有了CSS页面后,您现在必须使用站点管理器将其应用于站点。要执行此操作,请执行以下步骤:
- 访问站点管理器。
- 在仪表盘中,点击“外观与表现”。
- 寻找第一个选项,称为“布景主题”。
- 完全加载后,点击标题为“自定义”的选项卡。
- 找到上面写着“建立一个新主题”的地方,然后点击它。
- 您应该会看到各种选项。
- 在“要扩展的主题”上,将其更改为“Bootstrap Base”。
- 在“选择布局”上,将其更改为“标准布局”。
- 在大文本字段中,粘贴以下代码:
@import url('/css:THEME-NAME/code/1'); @import url('/local--theme/global-css/style.css');
请注意,THEME-NAME是您在主题管理页面上指定的主题名称,所有小写字母和空格都替换为连字符。
一旦您按下“保存主题”,这将在站点管理器中创建一个主题。现在您只需要应用它。
- 在最上方,单击标题为“您”的选项卡。
- 找到您的主题,点击“安装”。
- 在那之后,您就完成了!
私人站点
如果您要创建私人站点,则主题管理页面上的CSS页面将不起作用。相反,您应该通过站点管理器管理所有CSS。要调整站点的CSS或创建新主题,请执行以下步骤:
- 访问站点管理器。
- 在仪表盘中,点击“外观与表现”。
- 寻找第一个选项,称为“布景主题”。
- 完全加载后,点击标题为“自定义”的选项卡。
- 找到名为私人站点CSS的主题。
- 在底部的文本框中插入任意CSS。
- 点击“保存主题”。
- 每当需要应用更多调整时,请再次执行这些步骤。