WordPress第十九课:标题图片和背景图片

科技9个月前发布 iowen
92 0 0

 现在关注,免费领取网站搭建教程

网站

SEO

建站

小程序

电商

网站建设学习:xyz_99499

WordPress第十九课:标题图片和背景图片


凡事往简单处想,往认真处行。


《穷查理宝典》


WordPress第十九课:标题图片和背景图片

标题图片和LOGO


许多主题允许你对你标题图片的文本位置进行修改,但每一个主题允许修改的程度不一样。


根据主题的不同,标题文字可能会显示在图像之上,图像之下,或在它的顶部,或者你可以选择完全隐藏标题文字(下图)。


WordPress第十九课:标题图片和背景图片

上图:魔力茶馆只用了一个文字标题,有点朴素。

中图:每个主题都会自己决定头像的位置。在这个主题中,头像出现在菜单下。

下图:在这个主题中,头像出现在菜单下面。隐藏头像文字会使外观更简洁。


近年来,WordPress对头像的改进不大。而且Twenty Twenty和Twenty Nineteen主题并不支持头像。但是,它们给了一个类似的功能,让你在网站顶部添加一个很小很小的头像标志。


如果你想做一个有出色点击率的标题图片,按照我教你的步骤去做即可。


1. 在管理区,选择外观→自定义。

这将加载主题定制器,如果你还不知道主题定制器在哪儿,请看这篇。


2. 选择标题图片部分。

这个还是有些难度。在一些主题中,这个部分被命名为Header Media,或者只是Header。


在Twenty Twenty中,你登录后台使用标题标记功能。但如果你找不到头像相关的部分,而且Site Identity没有任何图片添加选项,那么你的主题很大可能不支持头像。


3. 记下图片的大小。

因为一个主题的布局决定了标题的大小,每个主题都有不同的大小规格。通常情况下,你可以找到这个信息在适当的部分的主题定制器(下图)。


WordPress第十九课:标题图片和背景图片

这个主题希望头像长而短:1200像素宽,280像素高。


4. 准备好你的图片。

如果可能的话,你应该在上传图片之前,使用图像编辑程序将图片调整到合适的尺寸或裁剪。这样,就会得到你想要的图片。


如果你的图片不符合你的主题所要求的尺寸,WordPress会要求你裁剪它(你需要剪掉一部分),或者一些主题可能会调整它的大小(这可能导致图片被拉伸或模糊)。


5. 点击 “添加新图片 “按钮。

或者,如果你使用的是Twenty Twenty,你点击 “选择标志 “按钮,选择一个小的(120×90像素)图片。


WordPress会打开一个新的窗口,你可以选择你想使用的图片。你可以选择一张你已经添加到你的网站的图片(你不会有任何这些图片),或者上传一些新的图片。


提示:WordPress会存储你上传的每一张图片,除非你明确删除它。现在,你需要知道的是,如果你上传了一个头像,它就会一直存在–即使你不使用它,即使更换了主题。


6. 点击 “上传文件 “选项卡。然后,把有你的头像的文件拖到页面上,那里写着 “放下文件并上传”。


如果你不想拖放,你可以从本地文件夹上传来代替。只要点击 “选择文件 “按钮,就会显示标准的文件选择窗口。然后你就可以浏览到有你图片的文件夹,然后选择它。


只要你选择了一个文件,WordPress就会上传它(下图)。现在文件已经在你的网站上了(从技术上讲,它在你的媒体库中),但是仍然需要将图片贴在标题上。


7. 点击选择和裁剪按钮(在右下角)。

如果你图片不符合要求尺寸,WordPress会要求你将其裁剪下来(下图)。如果你的图片只是有点太高或太宽,这还好,但在某些情况下可能会导致问题。例如,如果你的图片不够宽,WordPress会将整个图片放大以适应,然后要求你裁剪掉顶部和底部的大部分。最终你会得到一张质量较低的图片(因为WordPress不得不将其放大),以及图片中缺少的一部分(因为你不得不将其裁剪)。


8. 考虑删除标题文字。

在一些主题中,标题头与首图整齐地融合在一起。例如,旧的23主题叠加在你的头像上的头文字。

WordPress第十九课:标题图片和背景图片

这个网站目前有两张图片。左边是你刚刚上传的横幅。(角落里的复选标记表明它被选中了。) 不要担心右边的细节,比如大小和标题。


裁剪图片时,拖动高光矩形,直到按照你想要的方式对图片进行框定。在这里,图片有点太高了–通过将高光矩形定位在中间,WordPress会修剪掉顶部和底部的一部分。


完成后,点击裁剪图片。如果你想忽略主题的建议,并使用一个可能不适合你的布局的奇怪大小的标题,请点击跳过裁剪。


在其他主题中,文字和图片是分开的。如果你的标题包括文本,你可能会想从你的网站上删除标题(如你在上图中看到的)。通常情况下,你可以通过进入 “站点标识 “部分,并删除 “显示站点标题和标语 “设置的复选标记。


9. 点击 “发布”。

像往常一样,这将保存你的更改。



随机标题图片


许多主题有一些奇怪的标题切换技巧。首先,他们让你上传多张图片。然后,他们随机选择一个不同的图片为每个页面的首图。


要尝试的话,上传一个支持这个功能的主题定制器。点击主题定制器的首图部分,点击 “添加新图像 “按钮,并将上面的九个步骤再做一次!


你会看到每张图片出现在主题定制器中,在标题下 “以前上传的”。如果你不小心添加了一个你不喜欢的,悬停在它上面,然后点击X图标从列表中删除它。


下面是神奇的一步:点击 “随机化上传的标题 “按钮。现在开始浏览你网站上的帖子。当你从一个页面点击到另一个页面时(或者如果只是点击刷新按钮),你会看到标题从一张图片变为另一张图片。最终,WordPress会循环浏览所有图片。


有些人喜欢这种切换图片轮播的技巧。例如,这是在美食博客上展示许多不同的美味菜肴的好方法。然而,大多数人更喜欢选择一个单一的标题,并坚持使用它。这样可以让网站有更清晰的标识,帮助访问者记住你的网站。



WordPress第十九课:标题图片和背景图片

背景图片


许多主题支持背景图片。通常情况下,你会发现这些设置在一个主题定制器部分名为背景或背景图片。Twenty Twenty使用的是后者。


要添加背景图片,你需要上传一张图片,就像你上传头像一样。


大多数主题都会将你选择的背景图片进行平铺。这意味着他们无休止地重复图片,从上到下,从左到右,填满你的访问者的浏览器窗口。Twenty Twenty将背景图片平铺,但在页眉和页脚区域后面留下一个普通的背景(下图)。


当你使用平铺背景时,你需要一张图片,当它与另一个副本的边缘对接时,看起来很好。称为纹理的小图片可以很好地完成这项任务,你可以在网上找到它们。通常情况下,这种效果明显是老式的。但你可以在https://tinyurl.com /back-tiles找到一些低调的选择。


WordPress第十九课:标题图片和背景图片

这个Twenty Twenty网站使用的背景是平铺的水彩点。在左边,你可以看到,主题定制器提供的选项对齐的背景,平铺,并选择是否滚动与页面时,读者向下移动。



WordPress第十九课:标题图片和背景图片

使用POST EXCERPTS的主题


当你对主题有了更多的经验,你会注意到许多主题会改变你的帖子在主页上的外观。通常主题会将帖子列表整理成更紧凑的格式,有时甚至会将帖子与图片和简短的描述并列成一个网格(下图)。


WordPress第十九课:标题图片和背景图片


Oxygen主题采用了杂志式的布局。为了在主页上容纳更多的文章,

它只在列表中显示每一篇文章的摘录(并且它在每篇摘录的顶部都有文章的图片)。


主题可以缩短文章列表的一种方式是使用WordPress的一个名为excerpts的功能。有了摘录,帖子列表只显示帖子中的前50个字左右。这就可以让它在更小的空间里显示更多的文章。缺点是,你现在需要点击文章来阅读全文)。


有些主题严重依赖摘录,而其他主题则完全不使用它们。Twenty Twenty主题会给你这两个选择。如果你想选择有摘录,点击主题定制器中的主题选项部分,寻找 “在档案页上,帖子显示 “的标题,并在下面选择摘要(下图)。


摘录似乎是直接的、自动的(确实如此)。然而,一篇文章的前几句并不总是能很好地反映其内容。因此,你可能想写自己的摘录–换句话说,明确地提供一篇文章内容的简短摘要。你可以在撰写或编辑文章时,在文章编辑器中进行。


1. 在右侧的侧边栏中,点击 “文档 “选项卡。

2. 向下滚动到 “摘录 “部分,并点击它使其可见。

3. 在小框中输入你的摘录文本。

4. 发布或更新您的文章以保存更改。


WordPress第十九课:标题图片和背景图片

开启摘要后,这篇文章在文章列表中会被剪短。

WordPress在方括号中添加了一个省略号[…]来表示文本继续,可以点击文章来阅读它。



写好摘抄的文章


摘录最好的一点是,它们不需要直接链接到你的文章中的文本。写出一篇好的、有用的摘录,有一些规则需要遵循:


  • 保持简短。通过保持你的摘录简短(大约55字左右,就像WordPress一样),你可以确保它适合一个紧凑的布局,并且可以使它更容易阅读。


  • 契合文章的内容。摘录的目的是给别人足够的信息来决定他们是否要点击链接阅读完整的文章。摘录不是一个宣传自己或花言巧语的地方。相反,要试着清晰而诚实地描述文章中的内容。


  • 不要重复帖子的标题。如果你想确保每个字都算数,就不要浪费时间重复标题中清晰可见的内容。





往期文章精选

Breakthrough Advertising,一本亚马逊卖几百美金的广告圣经

如何选一款合适的虚拟主机

喜欢,就点个
© 版权声明

相关文章

暂无评论

暂无评论...