5分钟生成10篇英文软文article forge软件试用

画布设计黑客

google广告开户

这是一个常见的故事。

您创建了一个您引以为豪的网站,并在其中填充了精彩的内容,但您脑海中的设计愿景与屏幕上的内容不符。 您使用免费主题启动了该网站,并决定需要一个高级主题并在人群中脱颖而出。 您安装了这样的主题,并且有一段时间您很开心。

但是几周过去了,您开始注意到其他网站当然也在使用完全相同的主题。 这不是你想要的——你想成为真正的 独特. 所以你去寻找一个新的高级主题。 您很高兴,直到您再次开始使用该主题查找网站并且循环重复。

画布选项然后你会发现 Canvas,一切都变了。

Canvas 是我们的旗舰高级主题,但更重要的是,它可以从默认设计看起来完全无法识别,而不会失去任何功能。 您可以使用内置主题选项进行大量设计更改,但是通过简单的 CSS hack 和添加到您的武器库中的 functions.php 文件,您可以制作这个主题 真的 独特。

话虽如此,让我们来看看您可以在 Canvas 中使用的一些最佳自定义技巧!

简单但有效的 CSS 技巧

自定义 Canvas 最简单的方法是将 CSS 代码添加到 custom.css 区域。 这使您几乎可以操纵网站设计的各个方面,并大大有助于创建您想要的独特主题。

为了进行这些更改,只需复制下面的代码并将其添加到画布主题选项中的自定义 CSS 区域。

1.移动顶部导航

如果将顶部导航保留在默认状态,则很容易错过顶部导航,因为它将该菜单定位在站点徽标上方。 为了使其更明显,您可以将其移至右侧。

WordPress divi主题

2.更改每页的标题图像

这个 CSS hack 可以让你更改单个页面的标题图像——例如,如果你有一个产品页面需要它自己的特殊标题,或者如果你想给每个页面自己的标题图像,你可以使用这个代码。

要使用代码,您需要将 .xxxx 替换为您要更改的页面的特定 ID 号。

3. 将标题徽标居中

默认情况下,您的徽标位于标题的左侧。 这对大多数人来说都很好,但如果你想将它移动到页面的中心,这样做是小菜一碟。

4. 将导航菜单居中

如果您选择将徽标移动到标题的中心,您可能还需要移动导航菜单以匹配该样式。

如果您发现这会在您的页面上引入横向滚动,请改用此 css:

这不是一刀切的方法,因为取决于菜单中的项目数量和所需的空间,您应该相应地调整 87%。

5.完全删除标题

完全删除标题将是一个不寻常的设计选择,但它是您的网站,您可以做任何您想做的事情。 如果您只想要页面主体之后的导航菜单,Canvas 可以轻松地使用这行简单的代码。

6.从所有页面中删除标题

在您网站的每个页面的最顶部的大标题标签中,您会看到页面的名称。 当您正在寻找从标题到正文的平滑过渡时,这可能是不必要的干扰。 所以让我们删除它们。

7.从特定页面中删除标题

您可能不想从网站上的每个页面中删除标题。 如果您只需要从特定页面中删除标题,请使用以下代码。

将 xxxx 替换为页面 ID 号。 您可以通过在每次使用时更改页面 ID 号来多次使用此代码。

fiverr建站WordPress程序员

8.删除“评论已关闭”文本

评论是与读者互动并帮助建立社区的好方法,但并非每个页面或帖子都需要启用它们。 当您关闭帖子上的评论时,会显示“评论已关闭”文本。 这会引起人们注意您已禁用它们的事实,这可能不是您想要的。 让我们删除它。

9.将用户头像图像更改为正方形

Canvas 主题将作者个人资料图像和评论图像更改为圆形头像。 在我看来,这看起来很棒,但并不适合所有人。 值得庆幸的是,将它们转换回标准方形图像很简单。

10.删除图像边框

当我们在 Canvas 中查看图像时,您会注意到插入到帖子中的每个图像都有一个精细的灰色边框。 有些人喜欢这样,有些人不喜欢。 如果您是后者之一,请使用此代码将其删除。

使用functions.php的中级黑客

通过以上 10 个简单的 CSS hack,您可以使网站看起来与其默认设计完全不同。 但是,如果您想更深入地挖掘并进一步自定义主题,则需要开始使用 functions.php 文件。 通过在此处添加代码,您可以对 Canvas 的结构和功能进行根本性更改。

如果您打算将代码添加到 functions.php 文件中,那么您应该创建一个子主题。 子主题允许您在不编辑原始 Canvas 文件的情况下进行所有这些更改。 它还确保对框架的更新不会覆盖您所有的辛勤工作。 您可以使用 WooThemes 教程来帮助您创建子主题。

独立站选品工具

11. 小部件化标题

Canvas 中的标题有一个可以使用的广告部分,但如果您想对该区域进行更多控制,您应该对其进行小部件化。 这将使您几乎可以将任何内容添加到标题的右侧,从而为您提供更大的灵活性。 您可以通过将以下代码添加到 functions.php 来实现:

然后您需要将以下代码添加到自定义 CSS 区域(您还需要调整宽度和边距以适合您自己的设计选择)。

12.删除主要或顶部导航

Canvas 默认带有两个导航栏。 您的标题上方有顶部导航,标题下方有主导航。 不是每个人都需要(或想要)同时使用两者。

您可以将一个空的自定义菜单添加到该导航槽中,但这仍然会在菜单应有的位置留下一块空间。 与其在设计中留下明显的空间,不如让我们完全移除导航栏。

您可以使用以下代码删除主导航:

高质量外链购买

您可以使用以下代码删除顶部导航:

13. 为帖子添加带有缩略图的相关帖子区域

有一些插件允许您在每个帖子之后创建一个区域,其中包含您网站上的相关帖子。 如果您需要一个简单的解决方案,Canvas 包括一个基本的“相关帖子”功能。 要创建此区域,请将此代码添加到 functions.php:

然后将此代码添加到自定义 CSS 区域:

14.在主导航栏中创建一个搜索框

您可以轻松地将搜索框添加到 Canvas 的侧边栏,但这样做会占用宝贵的空间。 相反,让我们利用导航栏右侧的空白区域。

在添加任何代码以进行此更改之前,您需要删除当前存在的 RSS 图标。 通过去做到这一点 画布 > 主题选项 > 样式和布局 > 主要导航 并取消选中 “显示订阅链接” 页面顶部的框。

JasperAI 10000字免费额度试用

移除 RSS 图标后,将以下代码添加到 functions.php 中:

然后将以下代码添加到自定义 CSS 区域:

15. 显示单项搜索结果的完整帖子

这是一个非常微妙的调整,但对您的读者很有用。

当使用您网站上的搜索框时,结果将显示为帖子摘录列表。 通过此调整,如果该搜索只有一个结果,则读者将直接进入帖子,而不是显示摘录。

这减少了读者不必要的点击,并提供更流畅的体验。

WordPress备份工具updrafplus

这仅仅是个开始

使用内置样式选项和这些技巧是使您的网站完全独一无二的巨大第一步。 我们几乎没有触及可用于使 Canvas 成为您想要的主题的设计技巧的表面。

考虑到这一点, 如果您有自己的 Canvas 设计技巧,我们很乐意在评论中了解它们,所以开火吧!

这篇精彩的客座文章由 汤姆·尤尔.
cta-banner-10-产品页面-v2_2x

tiktok