如何在 WordPress 文章中添加作者信息框

#brave_popup_35952__step__0 .brave_popup__step__desktop…

#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__step__inner{ width: 560px; height: 280px;border-radius: 6px;margin-top:-140px;font-family:Arial;}#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_element__wrap{ font-family:Arial;}#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__step__popup{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);border-radius: 6px; }#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__step__content{ background-color: rgba(238,238,238, 1); }#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__step__overlay{ background-color: rgba(0,0,0, 0.7);}#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__close{ font-size:24px; width:24px; color:rgba(0,0,0, 1);top:-32px}
#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__close svg{ width:24px; height:24px;}
#brave_popup_35952__step__0 .brave_popup__step__desktop .brave_popup__close svg path{ fill:rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–Mb-_ai8cLFR3mNil7Ml{ width: 403px;height: 99px;top: 28px;left: 79px;z-index: 0;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod{ width: 447px;height: 149px;top: 116px;left: 56px;z-index: 1;}#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__step__inner{ width: 300px; height: 240px;margin-top:-120px;font-family:Arial;}#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_element__wrap{ font-family:Arial;}#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__step__popup{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__step__content{ background-color: rgba(238,238,238, 1); }#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__step__overlay{ background-color: rgba(0,0,0, 0.7);}#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__close{ font-size:24px; width:24px; color:rgba(0,0,0, 1);top:-32px}
#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__close svg{ width:24px; height:24px;}
#brave_popup_35952__step__0 .brave_popup__step__mobile .brave_popup__close svg path{ fill:rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–McUZC0gGrT3hDJ1lf_d{ width: 237px;height: 72px;top: 25px;left: 31px;z-index: 0;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO{ width: 257px;height: 140px;top: 93px;left: 24px;z-index: 1;}#brave_popup_35952__step__0 #brave_element–Mb-_ai8cLFR3mNil7Ml .brave_element__text_inner{
text-align: center;font-size: 22px;line-height: 1.5em;letter-spacing: -1.6px;font-weight: bold;text-transform: uppercase;color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_element__styler, #brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_fields .formfield__checkbox_label{ font-size: 12px;font-family: Arial;color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod input, #brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod textarea, #brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod select{
padding: 12px;background-color: rgba(255, 255, 255, 1);color: rgba(51,51,51, 1);font-size: 14px;border-width: 1px;border-color: rgba(221,221,221, 1);border-radius: 20px;font-family: Arial; border-style: solid;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_field { margin: 7.5px 0px;line-height: 21px;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .braveform_label { font-size: 12px;font-family: Arial;color: rgba(68,68,68, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod input[type=”checkbox”]:checked:before, #brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod input[type=”radio”]:checked:before{ color: rgba(73,71,226, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_button button{ font-family: Arial;width: 100%;height: 43px;border-radius: 38px;background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);font-size: 15px;font-family: Arial;border-width: 0px;border-color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_field–step .brave_form_stepNext{ font-family: Arial;width: 100%;height: 43px;border-radius: 38px;background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);font-size: 15px;line-height: 43px;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .bravepopform_socialOptin_button{font-family: Arial;height: 43px;border-radius: 38px;font-size: 15px;font-family: Arial;border-width: 0px;border-color: rgba(0,0,0, 1);line-height: 43px;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .bravepopform_socialOptin_button–email{background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_element-icon{ font-size: 12.75px}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_icon svg{ fill: rgba(255,255,255, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .formfield__inner__image–selected img{ border-color: rgba(73,71,226, 1);}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .formfield__inner__image__selection{ border-color: rgba(73,71,226, 1) transparent transparent transparent;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_field–checkbox_borderd .formfield__inner__checkbox label{border-width: 1px;border-color: rgba(221,221,221, 1);border-radius: 20px;}#brave_popup_35952__step__0 #brave_element–Mb-aMziWWku4qvTNQod .brave_form_custom_content{ font-size: 13px;color: rgba(107, 107, 107, 1);}#brave_popup_35952__step__0 #brave_element–McUZC0gGrT3hDJ1lf_d .brave_element__text_inner{
text-align: center;font-size: 16px;line-height: 1.5em;letter-spacing: -1.6px;font-weight: bold;text-transform: uppercase;color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_element__styler, #brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_fields .formfield__checkbox_label{ font-size: 19px;font-family: Arial;color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO input, #brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO textarea, #brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO select{
padding: 12px;background-color: rgba(255, 255, 255, 1);color: rgba(51,51,51, 1);font-size: 9px;border-width: 1px;border-color: rgba(221,221,221, 1);border-radius: 20px;font-family: Arial; border-style: solid;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_field { margin: 7.5px 0px;line-height: 21px;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .braveform_label { font-size: 12px;font-family: Arial;color: rgba(68,68,68, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO input[type=”checkbox”]:checked:before, #brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO input[type=”radio”]:checked:before{ color: rgba(73,71,226, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_button button{ font-family: Arial;width: 100%;height: 35px;border-radius: 38px;background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);font-size: 11px;font-family: Arial;border-width: 0px;border-color: rgba(0,0,0, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_field–step .brave_form_stepNext{ font-family: Arial;width: 100%;height: 35px;border-radius: 38px;background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);font-size: 11px;line-height: 35px;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .bravepopform_socialOptin_button{font-family: Arial;height: 35px;border-radius: 38px;font-size: 11px;font-family: Arial;border-width: 0px;border-color: rgba(0,0,0, 1);line-height: 35px;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .bravepopform_socialOptin_button–email{background-color: rgba(73,71,226, 1);color: rgba(255,255,255, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_element-icon{ font-size: 9.35px}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_icon svg{ fill: rgba(255,255,255, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .formfield__inner__image–selected img{ border-color: rgba(73,71,226, 1);}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .formfield__inner__image__selection{ border-color: rgba(73,71,226, 1) transparent transparent transparent;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_field–checkbox_borderd .formfield__inner__checkbox label{border-width: 1px;border-color: rgba(221,221,221, 1);border-radius: 20px;}#brave_popup_35952__step__0 #brave_element–McUZMuScVPDU6f4byqO .brave_form_custom_content{ font-size: 13px;color: rgba(107, 107, 107, 1);}

是否要在 WordPress 文章中添加作者信息框?作者信息框是一个小区域,您可以在其中显示有关博客作者的信息,显示他们的社交媒体帐号文件,以及其它信息。

此代码只是获取作者信息,并将其显示在 WordPress 文章下方。您需要设置此作者信息框的样式,使其看起来美观并与您的 WordPress 主题匹配。

您可以添加以下自定义 CSS 来设置作者框的样式。随意修改,以满足您的需要。

这是作者信息框在我们的演示网站上查看的方式。

Custom author info box

我们希望本文帮助您了解如何向 WordPress 文章添加作者信息框。您也许希望查看WP站长的博客查看更多如何使用WordPress的文章。

许多 WordPress 主题允许您使用默认的 WordPress 功能轻松显示作者信息框。但是,某些主题可能没有内置此功能,或者您可能希望更改它们显示作者简介的方式。

在本文中,我们将向您展示多种方法,以在 WordPress 文章中轻松显示作者信息框。我们还将向您展示如何自定义作者生物,并使其更有用。

如何在 WordPress 文章中添加作者信息框

为什么和何时您需要 WordPress 中的作者信息框

看到内容背后的实际人员有助于建立可信度,并增强您的网站在用户中的权威。

对于单作者 WordPress 博客,您可以只添加关于我的页面,但对于多作者 WordPress 网站,您需要在每个文章下方添加一个作者信息框。

这有助于用户详细了解您网站上的单个作者。它还为作者提供了额外的激励,使其能够更频繁地投稿并与读者互动。

如果您希望更多的用户将内容提交到您的网站,那么作者信息框是吸引寻找曝光和新的受众的作者的好方法。

话虽如此,让我们来看看如何在WordPress文章中轻松添加作者信息框。

在 WordPress 帖子中添加作者信息框

WordPress 是世界上最好的网站构建者,因为它提供了灵活性和自定义选项。

有许多不同的作者信息框插件,使您可以使用添加作者信息部分。我们将向您展示默认的 WordPress 方法、两个不同的插件以及代码方法。这样,您可以选择最适合您的网站的方法。

  • 使用 WordPress 主题添加作者信息框
  • 使用插件在WordPress中添加作者信息框
  • 在WordPress侧边栏中添加作者信息框
  • 使用代码片段在WordPress中添加作者信息框

方法 1:使用 WordPress 主题添加作者信息框

如果您的 WordPress 主题在每篇文章下方附带了作者信息框,则只需使用它来显示作者的简历即可。

为了使用它,你只需要访问用户 » 所有用户页面。在此处,您需要编辑要更改的用户。

Editing a user profile

在个人资料编辑屏幕上,向下滚动到”简介信息”部分以添加作者的个人简介。您还可以在此字段中使用 HTML 手动添加指向作者的社交媒体帐号文件的链接。

Add author bio in user profile

作者个人资料图像是使用 Gravatar 提取的。如果作者尚未设置 gravatar 照片,您可以要求他们按照我们的指南在 WordPress 中设置 gravatar 照片。

或者,您还可以通过编辑其个人资料,允许网站上的用户上传自定义作者个人资料照片。

不要忘记单击”更新用户”按钮以保存您的更改。

您现在可以访问您网站上的任何文章,查看内容下方的 WordPress 主题显示作者信息框。

Preview default author info box

方法 2:使用插件在 WordPress 中添加作者信息框

如果您的主题未显示作者信息框,或者您要对其进行自定义,则此方法适合您。

对于此方法,我们将使用 WordPress 插件将作者信息框添加到 WordPress 帖子中。

首先,你需要做的是安装和激活作者信息框插件。有关详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

激活后,您需要访问“设置”和”作者信息框”页面以配置插件设置。

Author Bio Box settings

在这里,您可以选择颜色、作者照片的灰形大小以及显示作者生物框的位置。

完成后,不要忘记单击”保存更改”按钮来存储您的更改。

接下来,您需要访问“用户”和”所有用户“页面,然后单击要更改的用户下方的”编辑”链接。

Editing a user profile

在配置文件编辑屏幕上,您需要向下滚动到”联系信息”部分。您可以在此处添加指向作者的社交媒体配置文件的链接。

Add social media links to user profile

该插件将仅显示您输入 URL 的社交网络的图标。

之后,您可以向下滚动到”简介信息”部分添加作者的简要信息。您还可以在此字段中使用 HTML 手动添加链接或使用基本的 HTML 格式设置选项。

Add author biographical information

完成后,单击”更新用户”按钮以保存更改。

您现在可以访问该用户撰写的任何文章,以查看正在起作用的作者信息框。

Author info box plugin preview

方法 3:在边栏小部件中显示作者信息

是否要在侧边栏而不是文章下方显示作者信息?如果是,则此方法适合您,因为它允许您在侧边栏小部件中显示作者信息框。

对于此方法,您需要安装并激活Meks 智能作者小工具插件。有关详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

激活后,您需要访问外观和小工具页面。在那里,你会发现Meks 智能作者在可用的小部件列表下。您需要将此小部件添加到要显示作者信息的侧边栏。

Adding author info widget

小部件附带许多选项。您需要选中的最重要选项是”自动检测作者”选项旁边的复选框。

单击”保存”按钮可存储小部件设置。您现在可以访问您的网站,查看作者的信息小部件在操作中。

Author bio box widget

此插件从 WordPress 配置文件中获取用户信息。您或您的作者将需要通过编辑其个人资料来填写其简介信息。

方法 4:手动添加作者信息框(需要编码)

此方法要求您向 WordPress 网站添加代码。

首先,您需要将以下代码添加到主题的functions.php文件或特定于站点的插件中。

此代码只是获取作者信息,并将其显示在 WordPress 文章下方。您需要设置此作者信息框的样式,使其看起来美观并与您的 WordPress 主题匹配。

您可以添加以下自定义 CSS 来设置作者框的样式。随意修改,以满足您的需要。

这是作者信息框在我们的演示网站上查看的方式。

Custom author info box

我们希望本文帮助您了解如何向 WordPress 文章添加作者信息框。您也许希望查看WP站长的博客查看更多如何使用WordPress的文章。

类别:WordPress教程

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册