wordpress侧边栏_使用帖子编辑器创建“关于我”侧边栏小部件[WordPress教程]

大型博客很好地利用了“关于我”页面。 为了吸引用户，他们有99％的时间在博客侧栏中添加了一个简短而有趣的“关于我”部分。 在这篇文章中，我将向您展示如何创建该部分。 就像撰写新文章一样容易。 实际上，我们将使用WordPress中的新帖子编辑器来创建它。

帖子编辑器是WordPress中功能最丰富的工具之一，几乎没人知道。 我要向您展示的是一个聪明的小设计技巧，这个技巧被忽略了， Hongkiat.com的40个WordPress技巧列表中甚至都没有提到。

如果您只是入门，那么这个技巧对于学习一些基本HTML和CSS也非常有用。

建立您的讯息

本教程所需的全部是“关于我”页面，一张自己的照片和一些文字。 您的“关于我”页面应着重于您在博客中的成就，使读者提出一些问题，并包括有关您博客的图片。 这个页面已经制作好了吗？ 完善。

现在，我们将把所有这些转移到WordPress新帖子编辑器中。 打开它，然后上传您的图像。 我们将在HTML选项卡中做很多事情。 当您上传图片时，WordPress会自动为其生成HTML代码。 转到HTML标签，然后在图片上方创建一个空格（按Enter键）。 然后，在此处写一些钩子消息，例如“谁在此网站后面？” 甚至只是“关于我”。 要有创造力。

添加简短的3-4句话描述，以吸引读者。 在此文本块的结尾，写一个句子，例如“在此处查找更多”，然后链接到实际的“关于”页面。

设置您的留言样式

现在转到可视选项卡。 使您的文字居中。 当您返回HTML时，您会注意到WordPress以“ p样式”的形式为您编写了一些代码。 这是在新帖子编辑器中创建小部件的美妙之处。 WordPress自动为您编写代码！ 然后，您只需添加一些基本CSS！

创建类似这样的内容：

<p style="text-align: center; font-size: 16px; font-family: georgia, arial, verdana;"> YOUR MESSAGE </p>

确保使用</p>关闭p样式。

并添加您可能想到或需要的任何其他CSS。 不懂CSS吗？ 只需Google搜索“ ____CSS代码”，然后在空白处输入您要执行的操作。 然后复制并粘贴p样式。 将其放在图片下方的文本块消息周围。 设置样式，然后关闭它。 如果您忘记了关闭ap样式，那没什么大不了的。 样式将应用于您想要的更多文本，但是每个人至少会犯一次此错误。

使用代码<em>斜体，使用<strong>粗体显示文本，并记住也将其关闭。

到目前为止，我们已经完成了创建，现在该开始乐趣了。

将您的工作放在侧边栏中

在HTML标签中，复制并粘贴您创建的所有内容。 转到外观，窗口小部件选项卡，然后将空白的文本窗口小部件拖到侧栏中。 粘贴您的代码。 然后单击“保存”，然后单击到博客的主页。 看起来如何？

您几乎肯定会在这里进行一些修改。 图片可能尺寸过大，或者字体可能不像您想像的那样显示，但请放心，您可以直接在“文本”小部件中编辑所有这些内容，或者更好的是，在新的帖子编辑器中预览更改更容易。

趣味造型功能和其他附加功能

CSS确实是一个有趣的游戏。 以下是一些使“关于我”部分真正流行的方法。

1. 使用奇异的颜色。
2. 使用虚线或彩色边框。
3. 在您的文本下方放置一个“选择加入”表单。 我为这些使用Aweber 。
4. 添加指向您的工作地点的链接。
5. 开个玩笑，或者变得神秘。

影片教学

您也可以在下面或在YouTube上观看此帖子的视频教程。

下一步是什么？

现在您已经有了基本的关于我部分和关于我页面，请浏览其他博客以了解适用于它们的策略和设计。 做一些笔记。 然后，对您自己的读者进行更多研究。

完全根据读者的需求量身定制“关于我”，最终您将开始看到更多的读者，评论员和忠实的订阅者。 把自己放在侧边栏中，最后值得这样做。

编者注：本文由Greg Narayan为Hongkiat.com撰写。 格雷格（Greg）是来自纽约的25岁男孩，他在早餐前回答了大约150个博客问题。

翻译自: https://www.hongkiat.com/blog/wordpress-about-me/