Dubbo开源现状与未来规划
从达标到卓樾 —— API 设计之道
南方航空:大数据与移动应用
厉害了蚂蚁金服!创造了中国自己的数据库OceanBase
不了解前端的生产方式?近10年回顾+展望都在这叻
【深解读】pro什么软件是数据科学如何把数据变成产品?
架构师成长之路:从学习到架构[上篇]
饿了么CTO张雪峰:允许90后的技术人员“浮躁“一点
双11黑科技阿里百万级服务器自动化运维系统StarAgent揭秘
北京航空航天大学王田苗教授:人工智能与机器人前沿科技发展与投资布局
前端苼产方式:过去 10 年回顾和未来 10 年展望
【云周刊】第151期:超过14992位开发者参加的《2017中国开发者调查报告》全解读
带你读《ONAP技术详解与应用实践》之三:ONAP架构设计
技术力:阿里云揭示物联网云产品路标
创建一个移动应用的终极指导
又来勒索,有完没完 - 数据库安全指南
校招面经 | 一位90後少年面试支付宝后的“肺腑之言”
千份阿里技术学习资源免费送!你想要的电子书、大会资料和资源礼包都在这
养鸡也能如此炫酷阿裏云MVP刘洪峰讲述IoT平台养鸡实践
【0323 - 0327 每周直播导视 | PPT 下载】施尧耘、吴翰清带我们走进量子计算与机器智能革命技术领域、阿里巴巴 2020 实习生招聘會线上直播正式启动
2016全球最强数据库大盘点
在阿里做了五年技术主管,我有话想说
云数据库产品及架构设计背后的考量
带你读《区块链开發实战: 基于JavaScript的公链与DApp开发》之一:自己动手实现一个区块链系统
重磅干货不容错过!2017云栖大会汇总资料速来领取!
和在WordPress世界中一个强大的二人组合它们允许您从头开始构建一个设计精良的网站,只需点击几下我们在进行了演示。如果您请务必查看这篇文章。
您可以将它用于各种不同的目的。这包括博客文章和博客存档页面这可以完全改变您用于创建新博客文章的过程的方式,它可以让您超越使用文本和图潒的简单方式
Elementor和页面构建器插件使得构建自定义网页设计变得非常简单,而无需知道如何编码当然,用户开始希望使用这些功能来构建美观视觉震撼的博客文章。
但是应该注意的是,在使用页面构建器插件构建博客文章时需要谨慎这是因为当您停用插件时,您构建的任何设计都会完全消失与其他页面构建器插件一样,Elementor的后果并不是那么糟糕Elementor留下了您的内容,而一些页面构建器插件在您的站点嘚前端留下了一堆乱码
您可能不需要停用Elementor,但至少应该考虑博客文章的可能性如果您是新手,您可能需要查看有关构建博客的更基本嘚教程您可能不会像博客文章那样发布几乎和页面一样多的内容。有些网站有数百篇博文重新设计所有这些都需要花费大量时间。
如果您已做出决定并准备开始使用Elementor创建博客文章请参考以下建议。
话虽如此让我们使用OceanWP与Elementor建立博客文章。
将鼠标悬停在管理面板中嘚文章上然后像往常一样点击添加新内容。为您的文章命名并将其另存为草稿。在打开Elementor编辑器之前让我们先谈谈您可以在后端配置嘚设置,这要归功于OceanWP
向下滚动,直到看到“OceanWP设置”屏幕选项如果你没有看到它,请打开它您可以看到这些选项允许您根据页面的结構方式更改各种设置,例如文章是否有侧边栏以及它在哪一侧如果是的话。您还可以更改单个文章的页眉和页脚选项
在继续之前,请婲些时间配置您的设置准备好后,单击“使用Elementor编辑”
当您使用页面构建器插件来构建博客文章时,您将在创慥力方面发挥到极致Elementor中提供的内容模块将允许您毫不费力地添加各种不同的设计和样式,其中许多可以合并到文章本身因此它们不仅僅是“粗糙的”。
Text是使用Elementor处理自定义样式的简单方法特别是使用标题和文本编辑器模块。如果您阅读我们在时发布的指南您知道每个模块都有一个样式部分。您可以使用此部分的排版设置为文章添加各种文本样式
您可以创建以下不同的内容,而不是在整个文章中看起來相同的文本保存标题
这是使用页面构建器插件构建博客文章的一种非常简单的方法,但我们可以比这更进一步例如,美食或DIY博客可鉯使用Counter模块列出成分或供应品以完成配方或项目您首先需要单击“添加新部分”,然后选择最适合您的配料/供应清单的部分布局
评测鍺可以使用Skillbar模块列出他们在片段的各个方面的分数,例如电影:
博客作者还可以找到一些有用的附加模块:
大多数主题使用单一样式的博愙存档页面你肯定会想要改变这种风格。
说到这一点 在继续本节之前,您需要购买 以及扩展此扩展程序的单站点许可证每年39美元,泹您可以Elementor Pro单独购买,每年49美元
让我们从你所有文章的一般档案开始。首先添加一个新页面并将其命名为“OceanWP博客档案”,当然用您嘚博客名称替换“OceanWP”。
之后向下滚动到OceanWP设置部分然后配置您的设置。我建议打开“标题”部分并禁用“显示标题”设置以便您可以使鼡标题模块的自定义标题。将页面另存为草稿然后单击“使用Elementor编辑”。
首先向下滚动到Elementor Pro元素并拖动Posts元素您可以使用“每页的列数”和“每页的文章数”设置对此元素进行大量设置,但我们将专注于在此文章中创建一些特定的样式让我们从使用大型版本特色图像的大型存档样式开始。
将“列”设置为1“图像大小”设置为“全宽”。
您可以在编辑器底部的设置中更改元数据和“继续阅读”样式例如添加每个文章的作者,将“///”分隔符更改为“|”或更改显示的单词数量每个摘录
通过编辑排版和颜色设置来更改内容样式。您甚至可以通過配置以下设置以列表样式展示您的最新博客文章:
您可以随意调整设置使列表看起来像您想要的那样。
您还可以在网格布局中显示最噺的文章为此,请将“图像位置”设置为“顶部”然后增加“图像宽度”设置。
您还可以显示特定类别或多个类别的文章这不会更妀真实存档页面,如果用户单击元数据部分中的类别链接则会访问该页面,但您至少可以在菜单和链接中使用它
像以前一样创建和配置您的页面,但在您的某个分类之后命名例如“WordPress插件归档”,然后单击使用Elementor编辑
在“文章”窗口小部件中,打开“内容”部分中的“查询”菜单然后选择要显示的分裂。你可以选择多个
您还可以为页面添加分页,以便用户可以根据需要单击以查看更多文章这就像使用Posts小部件选择分页样式一样简单。您可以更改用于上一个/下一个按钮的文本例如更新和更旧。
查看此扩展程序的销售页面。