如何在 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 来设置作者框的样式。随意修改,以满足您的需要。
这是作者信息框在我们的演示网站上查看的方式。
我们希望本文帮助您了解如何向 WordPress 文章添加作者信息框。您也许希望查看WP站长的博客查看更多如何使用WordPress的文章。
许多 WordPress 主题允许您使用默认的 WordPress 功能轻松显示作者信息框。但是,某些主题可能没有内置此功能,或者您可能希望更改它们显示作者简介的方式。
在本文中,我们将向您展示多种方法,以在 WordPress 文章中轻松显示作者信息框。我们还将向您展示如何自定义作者生物,并使其更有用。
为什么和何时您需要 WordPress 中的作者信息框
看到内容背后的实际人员有助于建立可信度,并增强您的网站在用户中的权威。
对于单作者 WordPress 博客,您可以只添加关于我的页面,但对于多作者 WordPress 网站,您需要在每个文章下方添加一个作者信息框。
这有助于用户详细了解您网站上的单个作者。它还为作者提供了额外的激励,使其能够更频繁地投稿并与读者互动。
如果您希望更多的用户将内容提交到您的网站,那么作者信息框是吸引寻找曝光和新的受众的作者的好方法。
话虽如此,让我们来看看如何在WordPress文章中轻松添加作者信息框。
在 WordPress 帖子中添加作者信息框
WordPress 是世界上最好的网站构建者,因为它提供了灵活性和自定义选项。
有许多不同的作者信息框插件,使您可以使用添加作者信息部分。我们将向您展示默认的 WordPress 方法、两个不同的插件以及代码方法。这样,您可以选择最适合您的网站的方法。
- 使用 WordPress 主题添加作者信息框
- 使用插件在WordPress中添加作者信息框
- 在WordPress侧边栏中添加作者信息框
- 使用代码片段在WordPress中添加作者信息框
方法 1:使用 WordPress 主题添加作者信息框
如果您的 WordPress 主题在每篇文章下方附带了作者信息框,则只需使用它来显示作者的简历即可。
为了使用它,你只需要访问用户 » 所有用户页面。在此处,您需要编辑要更改的用户。
在个人资料编辑屏幕上,向下滚动到”简介信息”部分以添加作者的个人简介。您还可以在此字段中使用 HTML 手动添加指向作者的社交媒体帐号文件的链接。
作者个人资料图像是使用 Gravatar 提取的。如果作者尚未设置 gravatar 照片,您可以要求他们按照我们的指南在 WordPress 中设置 gravatar 照片。
或者,您还可以通过编辑其个人资料,允许网站上的用户上传自定义作者个人资料照片。
不要忘记单击”更新用户”按钮以保存您的更改。
您现在可以访问您网站上的任何文章,查看内容下方的 WordPress 主题显示作者信息框。
方法 2:使用插件在 WordPress 中添加作者信息框
如果您的主题未显示作者信息框,或者您要对其进行自定义,则此方法适合您。
对于此方法,我们将使用 WordPress 插件将作者信息框添加到 WordPress 帖子中。
首先,你需要做的是安装和激活作者信息框插件。有关详细信息,请参阅有关如何安装 WordPress 插件的分步指南。
激活后,您需要访问“设置”和”作者信息框”页面以配置插件设置。
在这里,您可以选择颜色、作者照片的灰形大小以及显示作者生物框的位置。
完成后,不要忘记单击”保存更改”按钮来存储您的更改。
接下来,您需要访问“用户”和”所有用户“页面,然后单击要更改的用户下方的”编辑”链接。
在配置文件编辑屏幕上,您需要向下滚动到”联系信息”部分。您可以在此处添加指向作者的社交媒体配置文件的链接。
该插件将仅显示您输入 URL 的社交网络的图标。
之后,您可以向下滚动到”简介信息”部分添加作者的简要信息。您还可以在此字段中使用 HTML 手动添加链接或使用基本的 HTML 格式设置选项。
完成后,单击”更新用户”按钮以保存更改。
您现在可以访问该用户撰写的任何文章,以查看正在起作用的作者信息框。
方法 3:在边栏小部件中显示作者信息
是否要在侧边栏而不是文章下方显示作者信息?如果是,则此方法适合您,因为它允许您在侧边栏小部件中显示作者信息框。
对于此方法,您需要安装并激活Meks 智能作者小工具插件。有关详细信息,请参阅有关如何安装 WordPress 插件的分步指南。
激活后,您需要访问外观和小工具页面。在那里,你会发现Meks 智能作者在可用的小部件列表下。您需要将此小部件添加到要显示作者信息的侧边栏。
小部件附带许多选项。您需要选中的最重要选项是”自动检测作者”选项旁边的复选框。
单击”保存”按钮可存储小部件设置。您现在可以访问您的网站,查看作者的信息小部件在操作中。
此插件从 WordPress 配置文件中获取用户信息。您或您的作者将需要通过编辑其个人资料来填写其简介信息。
方法 4:手动添加作者信息框(需要编码)
此方法要求您向 WordPress 网站添加代码。
首先,您需要将以下代码添加到主题的functions.php文件或特定于站点的插件中。
此代码只是获取作者信息,并将其显示在 WordPress 文章下方。您需要设置此作者信息框的样式,使其看起来美观并与您的 WordPress 主题匹配。
您可以添加以下自定义 CSS 来设置作者框的样式。随意修改,以满足您的需要。
这是作者信息框在我们的演示网站上查看的方式。
我们希望本文帮助您了解如何向 WordPress 文章添加作者信息框。您也许希望查看WP站长的博客查看更多如何使用WordPress的文章。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!