跳转至

主题

主题

您可以在仪表板中配置如logo,图标,自定义CSS,自定义JS等主题选项。您还可以直接从管理仪表板配置横幅广告。

添加自定义CSS和js

您可以在Chevereto中简单方便地将自定义CSS和JS代码放入您的网站。要做到这一点,请遵循以下步骤:

  1. 转到仪表盘>主题

  2. 将代码放在“自定义CSS代码”和“自定义JS代码”框中

  3. 保存修改

注意:您也可以使用自定义挂钩添加自定义CSS和JS。

主题覆盖

如果你想定制一个或几个主题文件,最好的办法是使用主题覆盖。主题覆盖的工作原理是通过检测覆盖文件并使用它代替默认文件来工作。例如,要使用自定义图像查看器页面:

  1. 转到主题文件夹pp/themes/Peafowl/

  2. 把您的自定义文件放到overrides/views/image.php

  3. 替代app/themes/Peafowl/views/image.php

完成后,系统将加载覆盖原视图而不是使用默认视图,换句话说,加载的实际主题文件将是app/themes/Peafowl/overrides/views/image.php

通过这样做,您将能够以更简单的方式来随时间来改变主题。您仍然需要将更改从默认主题推送到您自己的覆盖,但它只会影响您实际编辑的文件而不是所有主题。

自定义挂钩

自定义挂钩允许在主题的指定区域或片段中添加或编辑代码。默认主题包括一个自定义挂钩文件夹,您可以在其中添加自己的东西,并填充大量的示例文件。例如,要自定义共享按钮,请遵循以下步骤:

  1. 转到主题自定义挂钩文件app/themes/Peafowl/custom_hooks/

  2. 制作副本share_links.sample.php (在此副本中进行所有编辑)

  3. 重命名你的工作副本为:share_links.php

chevereto将检测您的非示例文件(file.sample.ext),并将该文件加载到主题中。

克隆默认主题

如果您需要更多自定义,则应克隆默认的“Peafowl”主题并在此新主题中完成工作。要克隆默认主题:

  1. 复制app/themes/Peafowl/ 并粘贴到同一个目录中

  2. 把你的新主题命名为你想要的名字(不能带有空格)

跟踪默认主题变化的最佳方法是在计算机中创建一个本地git仓库。使用上一个Chevereto版本创建一个本地git仓库,并在每次要合并代码提交时,您都能够逐行查看所有更改。我们建议您使用完全免费的SourceTree