Products
GG网络技术分享 2025-03-18 16:14 2
大家好,这里是关于[使用Elementor设计wordpress网站Single Post文章主体页面],[WordPress安装后必须要做的10件事]问题的解答,希望对您有所帮助。如果你还想了解更多这方面的信息,请关注本站其他相关内容,共同学习吧!
教程大全Elementor,Single Post,wordpress,文章页面模板
教程总目录:菜鸟建站进阶篇–使用Elementor设计wordpress网站页面
前面两篇我们已经做好了网站的页眉和页脚设计。下面给大家介绍一下文章主体内容区域的页面设计。
文章页面模板选择一个自己大致喜欢的即可,细节上我们可以进行微调。
这里就以第一个为例。
加载后可以看到,这个模板页面顶部是分为了两部分。
左侧是日期和文章标题,右侧是作者信息。有点丑,下面我们给他改一下。
先把这两部分删除掉,我们自己重新创建。
先添加一个单栏结构,然后拉到顶部位置。
把post title拖过去这里作为文章标题显示的区域。
在创建一个2栏结构,把他拖到文章标题下,左栏显示文章的分类、标签、作者等信息,右侧我们放一些分享按钮。
post info小工具可以显示文章的一些基础信息。
默认这个小工具是显示作者、日期、时间、评论数。评论数我们删掉。添加一些分类目录和标签
这时候我们可能发现,左侧栏有一点小,当文章标签多的时候会显示不完。
一般情况下他会自动换行显示,但是我们右栏明显长了些,我们重新调整一下左右两栏的占比。
调整右栏的百分比即可,左栏会自动扩展
右侧我们现在可以添加分享按钮了,分享按钮可以调整他的显示皮肤。选择匹配自己模板的即可。
这个模板默认在文章正文前添加了一个显示文章特色图的区域。
一般情况下我们文章配图都是挺大的,在这里显示特色图的话基本文章打开后整个页面就是一张图片,看不到正文。
所以我们直接删除这个特色图显示,真要显示图片的话我们写文章时候可以自己添加图片。
再往下在文章主体内容下面这个模板有一个文章导航,就是上一篇和下一篇的导航。可以看情况保留。这里就删掉了
继续往下看,是更多内容的区域,但是他这个工具有些问题,我们给他改一下。
到这里基本就差不多了,我们预览看一下效果。
显示条件我们选择:包含-文章-所有
在安装完wordpress后,要做一些虽然基础但挺重要的操作,新手必备,本文涉及搜索引擎收录、界面语言、时区、固定链接、禁用自动生成图片等等。完成这些,我们再去建站。
在建站期间,勾选“discourage search engines from indexing this site”,以便让搜索引擎不收录站点;当站点建完之后再去掉勾选,以便让搜索引擎收录
进入settings》reading
将search engine visibility勾选
点击save changes
第一步,安装简体中文语言包
第二步,将site language改回English
如果你的站点不是英文的,而是西班牙语的,那么你就需要在这里安装西班牙语,并将site language设置为西班牙语。
第三步,在用户处修改语言为中文
此操作确保后台是中文的,网站前台看到的依旧还是英文,或你设置的其他语言。
wordpress默认时区是UTC+0,如果你想用北京时间,就选择UTC+8,时区的设置会影响文章、页面所展示的发布时间。若是你使用询盘记录软件,也会影响询盘时间的展示。
主题安装好以后,我们把用不上的系统自带主题删除,但如果你的网站开启了多站点,请保留二0二0主题,因为创建多站点时需要有默认主题。
删除主题的操作步骤如下:
1.在主题页面,点选需要删除的主题
2.在主题详情面板上,点击右下角的删除即可。
在安装建站插件之前,先把暂时不用的插件deactivate禁用,不需要的插件delete删除。
对下图中的两个插件,分别点击deactivate禁用;
然后对用不上的插件,譬如对下图中的wordpress starter进行delete删除;
请进入wordpress后台的设置》常规页面,把站点名称改为你的品牌名称或公司简称,注意不要太长;副标题可以直接去掉不要。
进入外观》自定义》站点身份,上传图标(即logo)和站点图标(上文说到的512*512px),最后记得点击右上角发布
通常使用wordpress托管主机建站时,会自动将固定链接设为下图中的post name,这种设置有利于SEO。如果你使用的是VPS,那么你需要按下图所示进行修改。
相关教程:如何在宝塔面板中创建wordpress网站
wordpress安装完成后,默认会提供示例的文章、页面和评论,请逐一清理;如果你在安装主题或导入模板后,发现有不需要用到的页面,也需要将他们删除,避免这些无用的页面被搜索引擎收录。
wordpress与部分插件会在你上传图片时,自动生成缩略图以及其他尺寸的图片,有时候这些图片是用不上的,不仅占服务器空间,如果你使用了付费的图片优化插件,还会占用优化额度。
相关教程:禁止自动生成图片
Demand feedback