我们从 2016 年开始的 25 篇最佳 WordPress 和设计文章
已发表: 2016-12-222016 年充满了网页设计界奇妙的新趋势。 从新的 CSS 教程到 WordPress 最佳实践，再到发展您的代理机构的实用建议，我们都在 The Layout 上进行了介绍。
为了确保您不会错过我们今年最精彩的内容，我们汇总了我们最受欢迎的故事，以便您在 2017 年开始之前阅读其中的精华。
因此，事不宜迟，以下是我们 2016 年的 25 篇最佳 WordPress 和设计文章。
25. 我们最喜欢的 10 个 WordPress 插件
筛选 WordPress 插件目录有点像站在糖果店里——它们看起来都很令人兴奋！ 如今，几乎所有东西都有一个插件：安全性增强、性能提升、SEO 优化，等等。
最终，您决定安装的插件完全取决于您和您网站的需求。 但是为了帮助您开始分类，我们编制了一份我们的前 10 个插件列表。
24. 在 WordPress 上建立一个漂亮的博客需要什么
博客是提高品牌知名度、发展业务甚至只是用作创意渠道的绝佳工具。 如今，构建您自己的网站比以往任何时候都容易。
准备好构建您梦想中的 WordPress 博客了吗？ 这是您开始所需的内容。
23. 2016年17种免费字体下载
想要用一些新鲜的字体更新你的字体库？ 我们发现了今年发布的一些非常棒的选择，不得不分享！
这里有 17 种出色的免费字体，可为您的项目提供完美的外观。
22. 在哪里可以找到 2016 年最好的免费库存照片
正在寻找高质量的免费库存照片？ 不是平淡无奇的普通库存照片。 一幅真实的、引人注目的图像，具有深度和色彩，并带有一丝“故事”。 我们生活在数码摄影、共享经济和互联网的偶然交汇处。 以高质量图像为特色的免费照片共享网站在网络上不断涌现，提供知识共享零 (CC0) 照片的精彩自助餐。
这里有五个我们最喜欢的网站，可以找到最好的免费库存照片。
21. 2016 年有 32 个很棒的免费 WordPress 主题可供查看
无论您是在开发闪亮的全新 WordPress 网站，还是在现有网站上进行品牌更新，现在是时候寻找一个新的主题来使用了。 虽然有很多优秀的高级主题，但跟上免费的 WordPress 主题也很棒。 特别是如果您在预算有限的情况下与较小的客户合作，这些免费主题中的许多将提供他们需要的基本功能和选项。
查看我们 2016 年的精彩免费 WordPress 主题列表！
20. 如何创建 WordPress 子主题
通常，几乎不可能找到完美的主题； 总有一些修改需要做。 那么，为什么不直接使用一个不错的 WordPress 默认主题，例如二十五岁，并使其成为您自己的主题，使其外观和功能都符合您的要求呢？ 创建一个儿童主题将为您节省大量时间和麻烦（相信我）。
按照本教程轻松创建您自己的自定义 WordPress 子主题。
19. 如何提高您的 WordPress 网站速度和性能
您知道网站速度对于您的业务（以及您的客户）的成功至关重要。 一次又一次，您会被可怕的统计数据击中，例如“近一半的网络用户希望网站在两秒或更短的时间内加载”和“用户倾向于放弃未在三秒内加载的网站。” 在项目的这个阶段很容易感到沮丧，但不要担心。
在敲开网络主机的大门或添加大量粗略的插件之前，请按照以下简单步骤使您的 WordPress 网站流畅、可靠且超快速。
18. 如何将 jQuery 添加到您的 WordPress 主题中
jQuery 是一个非常流行的，如果不是最流行的，Javascript 库。 事实上，它是如此受欢迎，以至于 WordPress 会自动加载它。 （这始于 WordPress 3.8.1。）然而，仅仅因为 WordPress 带有 jQuery，并不意味着它可以立即使用。 如果您正在使用或创建尚未调用 jQuery 的主题，则必须先做几件事才能开始使用它。
按照本教程将 jQuery 加载到任何 WordPress 主题。
17. 网页设计与网页开发：有什么区别，为什么重要？
有没有潜在客户联系过你，因为他们认为这是一个新的网页设计，而事实证明他们真正需要的是开发人员？ 也许你有过尴尬的经历，向你的撰稿人解释你是开发人员，而不是设计师，并且需要修复副本以明确这一点？ 将网页设计与网页开发混为一谈是人们常犯的错误，尤其是当他们是我们称之为互联网的新奇事物的新手时。
网页开发和网页设计之间有一个非常真实的区别。 了解它是什么，以及为什么它很重要。
16. 如何使用 Owl Carousel 创建“Recent Post”轮播
WordPress 带有一个“最近的帖子”小部件，它将您最近帖子的标题拉到侧边栏中，并将它们链接到完整的帖子。 问题在于“最近的帖子”小部件非常有限。 如果您需要更优雅且功能更多的东西怎么办？ 例如，如果您想从自定义帖子类型中提取特色图片和摘录，该怎么办？
这就是 Owl Carousel 的用武之地，它可以帮助您走 DIY 路线并建立您梦想中的网站。 按照本教程创建您自己的“最近发布”轮播！
15. 如何将 Font Awesome 添加到您的 WordPress 网站
Font Awesome 是一个强大的图标集，包含可缩放的矢量图标。 令人惊讶的是，它是免费的（图标集可能非常昂贵，这使交易变得非常甜蜜）。 Font Awesome 还可以轻松添加到您的 WordPress 主题中，节省宝贵的时间，因为您不需要自己创建和保存这些图形。
按照本教程学习如何将 Font Awesome 添加到您的 WordPress 网站。
14.如何创建粘性网站标题
当用户滚动时保持原位的网站标题已成为非常流行的设计元素。 它们允许用户轻松访问导航，而无需在每次想要选择不同的页面或选项时向上滚动。
按照本教程轻松将粘性网站标题添加到您的 WordPress 网站。
13. 如何节省设置新 WordPress 网站的时间
无论您多么喜欢 WordPress 或设计网站，工作的一部分都会变得有点单调：设置新的 WordPress 安装。 在您开始考虑为您的网站添加漂亮的自定义之前，您必须从基础开始：主题、插件和设置。
但别担心——有一种方法可以加快这个冗余循环。 按照本指南加快您的流程并重新开始构建漂亮的网站！
12. 如何在 WordPress 中添加响应式谷歌地图
作为最受欢迎的地图解决方案，将 Google 地图添加到您的 WordPress 网站再简单不过了。 这种用户友好的地图技术将提供您选择的位置的商业信息、联系信息和方向，使您的用户导航超级方便。
准备好向您的 WordPress 网站添加地图了吗？ 本教程将介绍如何使用插件添加一个，以及 DIY 方法。
11. 如何向 WordPress 定制器添加选项
WordPress 定制器一开始可能有点让人不知所措，但一旦你投入其中，你会发现它比预期的要容易。 它是您（或您的客户）更改主题的绝佳工具，而且您可以通过添加自定义选项真正实现它。
所以让我们分解一下——这里是如何使用定制器的主题选项。
10. 设计师最好的 Slack 频道
Slack 已迅速成为许多设计师和创意人员最喜欢的交流方式。 它使与同事和朋友的交流变得有趣、有效和轻松。 但 Slack 最好的部分之一是人们联合起来创建专注于特定主题的社区。
如果您准备好加入对话，这里有 16 个最适合设计师的 Slack 频道。
9.本地开发WordPress网站的最简单方法
当您构建 WordPress 网站时，您可能很想随时随地在实时网站上进行更改。 对按钮样式进行一点 CSS 调整不会有任何影响，对吧？
然而，即使是简单的更改也可能存在风险，这就是为什么存在 WordPress 开发的某些黄金法则的原因：当您开发 WordPress 网站时，即使您只是对代码进行微小的更改，也不应该直接在一个直播网站。
使用本地开发环境对于开发自定义 WordPress 网站至关重要。 了解如何使用本指南轻松有效地进行设置！
8. 如何使用 CSS 特征查询
CSS 特征查询是一种执行浏览器原生特征检测方法的方法。 这些查询分析浏览器是否正确实现了 CSS 属性。 本质上，浏览器“报告”是否支持某个 CSS 属性或值。 结果决定是否应用 CSS 块。
兴奋地使用新的 CSS 功能，但担心浏览器功能？ 了解 CSS 功能查询如何帮助保持平稳运行。
7. 2016 年需要了解的 9 个网页设计趋势
网页设计行业已经到了一个有趣的点，设计师想要做的不仅仅是创建一个网站——他们想要讲述一个故事。 比以往任何时候都更重要的是，网站的意义在于娱乐和告知。 我们的列表展示了九种不同的方式来讲述这个故事，从令人惊叹的电影照片到令人愉快的微交互。
现在还为时不晚——以下是我们 2016 年的九大网页设计趋势！
6. 经常性收入如何帮助您扩展您的代理机构
将您的代理机构扩展到可持续、成功的企业有时似乎是一项不可能完成的任务，但原因很容易理解。 与客户进行咨询会占用大量时间，而且在一天结束时，您会被一个只有这么多计费时间的时钟所束缚。
扩大代理机构的秘诀？ 为您的商业模式添加经常性收入渠道！
5. 帮助设计师保持井井有条的免费印刷品
你是一名设计师，所以你可能会设计出完美的模板并将其打印出来。 但是，如果您正在寻找更快的解决方案，那么其他设计师也有相同的想法，并且他们创建了一些很棒的免费赠品，您可以下载这些赠品用于您的个人组织工作。
如果您已准备好将您的组织提升到一个新的水平（免费！），请查看这些为设计师设计的令人惊叹的印刷品。
4. 如何使用 CSS Grid Layouts 创建简单的布局
作为设计师的一部分是知道网页设计的未来。 CSS 网格布局改变了游戏规则，有助于缓解设计师多年来不得不处理的定位问题。 虽然目前还不是很主流的做法，但还是值得期待的。
按照这个简单的教程学习 CSS 网格布局的基础知识！
3. 为什么 SSL 对您的 WordPress 网站很重要
SSL。 您之前可能听说过这三个小字母，但您知道它们真的可以使您的 WordPress 网站受益吗？ 然而，在我们谈论它如何帮助您的网站之前，首先让我们回顾一下 SSL 到底是什么。
以下是 SSL 的含义、您需要它的原因以及如何在您的 WordPress 网站上轻松获取它！
2. 如何使用 CSS 和 SVG 剪辑和遮罩技术
SVG 非常适合在 Web 上工作，剪辑和遮罩允许一些有趣的方式来显示或隐藏 Web 图形的片段。 使用这些技术还可以让您的设计更加灵活，因为您不必手动进行更改和创建新图像——这一切都通过代码完成。
按照本教程轻松开始使用 CSS 和 SVG 剪辑和蒙版。
1. 2016 年要检查的 20 个 JavaScript 库
JavaScript 库对于任何设计师或开发人员来说都是一个非常有用的工具。 他们可以为您的网站添加一些超级强大的功能或美化设计，从而为您的用户带来更好的体验。
虽然那里有无穷无尽的资源，但我们认为这 20 个 JavaScript 库肯定会在 2016 年将您的网站提升到一个新的水平。
这完成了我们从 2016 年开始的最佳 WordPress 和设计文章列表！ 你最喜欢的是什么？ 在下面的评论中分享您的链接，以帮助我们扩大我们的名单！