小工具

你想学习如何在你的WordPress侧边栏小工具中使用快捷码吗？ 您可以使用快捷码块将快捷代码添加到任何页面或帖子。但是，如果您希望在整个站点中使用相同的代码，那么将其添加到侧边栏小部件可能会更容易。 在本文中，我们将向您展示如何在WordPress侧边栏中使用快捷码。 这些内容将出现在你的整个WordPress网站上，所以你不需要每一页都添加它并手动发布。这可以为您节省大量的时间和精力，并有助于保持站点设计的一致性。 考虑到这一点，让我们看看在WordPress侧边栏小部件中添加和使用快捷码的几种不同方法。只需使用下面的快速链接，即可直接跳转到您要使用的方法。 方法1：使用WordPress快捷代码Widget(Easy)方法2.使用完整的网站编辑器(适用于支持块的WordPress主题)方法3：使用自定义的HTML Widget(更具定制化)常见问题：在WordPress边栏小工具中使用快捷码 只需点击‘+’按钮，然后开始输入‘Shortcode’。 当右边的方块出现时，将其拖到WordPress侧边栏上。 现在可以将您的快捷码添加到块中。 当您完成后，不要忘记点击‘更新’，使更改生效。 你现在可以访问你的WordPress博客或网站来查看短码的运行情况。 默认情况下，完整的站点编辑器显示主题的主页模板，但您可以向任何模板添加快捷代码。 要查看所有可用选项，只需选择“模板”、“模式”或“页面”。 现在，您可以单击要在侧边栏中添加快捷代码的模板或页面。例如，您可能决定向404页模板、搜索结果页或自定义主页添加快捷代码。 无论你选择哪个页面，WordPress都会显示设计的预览。要继续编辑此模板，请单击小铅笔图标。 之后，点击‘+’按钮，开始输入‘Shortcode’。 当右侧小部件出现时，只需将其拖到页面的侧边栏即可。 现在，您可以将快捷代码添加到小部件中。当您对所做的更改感到满意时，请单击“保存”以启用该快捷代码。 无需创建单独的快捷代码和标题块，只需将快捷代码和文本添加到自定义的HTML块即可。这可以帮助您将不同的内容安排在一个漂亮的布局中。您还可以使用HTML设置块的样式，这样您就可以准确地控制它在侧边栏中的外观。 默认情况下，Custom HTML块不支持快捷码，但您可以通过向WordPress添加自定义代码来轻松更改这一点。添加此代码后，您可以在整个WordPress网站上的任何自定义HTML块中使用快捷代码。 通常，您会找到一些指南，其中包含将定制代码添加到站点的unctions.php文件的说明。然而，不建议这样做，因为代码中的任何错误都可能导致常见的WordPress错误，甚至完全破坏您的站点。 这就是WPCode的用武之地。 这个免费的插件可以很容易地向WordPress添加自定义的CSS、PHP、HTML和更多内容，而不会让您的站点处于危险之中。更好的是，它附带了一个现成的代码库，其中包括允许您在文本小部件中使用快捷码的代码。 首先，您需要安装并激活WPCode。欲了解更多信息，您可以查看我们关于如何安装WordPress插件的分步指南。 之后，请转到代码段？添加代码段在WordPress仪表板中。现在你可以开始输入“快捷码”了。 当它出现时，将鼠标悬停在以下代码片段上：“在文本窗口小部件中启用短码执行。” 然后，您可以继续并点击“使用截图”。 这将在WPCode编辑器中打开代码片段。WPCode会为你配置代码片段设置，所以你只需点击“非活动”开关，它就会变成蓝色。 完成此操作后，请单击“更新”以激活该代码片段。 现在，您可以向任何文本小部件添加快捷代码。 只需转到外观»小工具并在搜索栏中输入“Custom HTML”。 当右边的方块出现时，将其拖到网站的侧边栏上。 完成后，您可以将您的HTML和短代码添加到块中。 如果你对小工具的设置感到满意，点击“更新”。 现在，如果你访问你的网站，你会看到简短的代码和自定义的超文本标记语言。 只需点击此选项，并查找允许您更改侧边栏在站点上的显示位置的任何设置。 例如，下图显示了Astra WordPress主题中的侧栏设置。 进行更改后，单击“发布”按钮即可显示新的侧边栏布局。 如果你不能使用内置设置更改侧边栏的位置，那么另一个选择是创建一个WordPress子主题。 如何在WordPress主题中添加边栏？ 如果您的主题没有侧栏，那么您可以创建子主题，然后使用代码添加一个侧栏。 如果你不习惯编写代码，那么你也可以使用像SeedProd这样的插件来创建一个定制的WordPress主题。您可以使用这个流行的页面构建器插件，通过一个简单的拖放编辑器来设计您自己的主题和侧边栏。 有关详细说明，请参阅我们的指南，了解如何在没有任何代码的情况下创建自定义WordPress主题。 如何在每个帖子或页面上使用不同的快捷代码？ 有时，您可能希望在某些帖子和页面上使用不同的快捷代码。例如，您可能希望在档案页面上显示最受欢迎的帖子，并在主页上显示广告。 要了解更多信息，请参阅我们的指南，了解如何在WordPress中为每个帖子和页面显示不同的侧边栏。 我们希望本文能帮助您学习如何轻松地将快捷代码添加到WordPress侧栏小部件中。你可能还想看看我们的指南，关于如何使用WordPress创建登录页面，或者我们的专家挑选了最好的社交媒体插件。 中国和中国都是如此。

你想在WordPress中嵌入一个不和谐的小工具吗？ Discorde是一款著名的VOIP聊天应用程序，它允许您建立自己的社区，并使您的用户能够通过文本、语音和视频进行交流。截至2023年，Discorde拥有约1.5亿活跃用户。 在本文中，我们将向您展示如何轻松地在WordPress中嵌入一个不和谐的小部件。 然后，您将被要求为您的不一致帐户选择用户名。 这将是其他人查找您的句柄，但您可以逐个服务器更改您的显示名称。 接下来，“不和谐”将把你带到“频道”页面，然后询问你的出生日期。 只需输入您的详细信息，然后单击“下一步”按钮即可继续。 然后，您将被要求创建您的第一个不一致服务器。现在，您可以创建自己的模板，也可以选择任何预制的模板。 在本教程中，我们将使用‘Gaming’服务器模板。 在那之后，你将被要求为你的不和谐聊天室选择一个‘服务器名称’。您还可以为服务器上载图像。 完成此操作后，只需单击“创建”按钮即可创建您的Discorde服务器。 最后，您将被要求提供您的电子邮件地址，并为您的不一致帐户选择密码。 一旦您提供了这些详细信息，请点击“理赔帐户”按钮。 现在，一封验证电子邮件将通过不一致发送到您的电子邮件地址。 一旦您验证了您的帐户，您的服务器就设置好了。 现在，您要做的就是将不一致小部件嵌入到WordPress中。 要做到这一点，你需要点击不一致‘频道’页面顶部你的服务器名称旁边的箭头图标。 这将打开一个下拉菜单，您必须在其中单击“服务器设置”选项。 这会将您定向到“服务器设置”页面。在这里，点击侧边栏中的“Widget”标签。 这将在屏幕上打开“服务器微件”设置，您必须在其中切换“启用服务器微件”开关。 之后，向下滚动到“预制小部件”部分，然后点击“预制小部件”选项下的“复制”按钮。 现在，您可以通过粘贴以下代码将不一致小部件嵌入到您网站上的任何位置。 步骤2：在WordPress中嵌入不一致Widget 首先，转到WordPress页面或帖子，您想要在其中嵌入不一致小工具。 一旦你在那里，点击屏幕左上角的添加区块‘+’按钮，打开区块菜单。 从这里，找到定制的HTML块并将其添加到页面/POST中。接下来，只需将小部件的HTML代码粘贴到块中。 之后，点击顶部的“发布”或“更新”按钮来存储您的设置。不和谐小工具现在将嵌入到您的WordPress博客或网站中。 这是不和谐小部件在我们的演示站点上的外观。 请注意，您可以将Discorde小部件嵌入到主题的任何启用块的区域中，例如侧边栏、页眉或页脚。 我们希望这篇文章能帮助您学习如何轻松地在WordPress中嵌入Discorde小部件。你可能还想看看我们在WordPress中挑选的最好的VOIP主题，以及我们关于为小企业提供最佳电子邮件营销服务的文章。 中国和中国都是如此。

你想在你的WordPress网站的特定页面上显示小工具吗？ 默认情况下，当您向网站添加小部件时，它们将显示在所有页面上。然而，有时您可能只想在某些页面上显示选定的小部件，这可以帮助您更好地定制您的网站并提供个性化的用户体验。 在本文中，我们将向您展示如何轻松地在特定的WordPress页面上显示或隐藏小部件。 在这里，您可以控制小部件的可见位置，并选择不想显示它们的位置。 默认情况下，该插件将启用文章类型选项卡、分类法选项卡和其他选项卡选项。 但是，您可以取消选中任何选项的复选框以自定义不同页面上小部件的可见性。 进行更改后，只需点击“保存设置”按钮即可。 接下来，您需要前往外观»小工具从您的管理侧边栏中选择页面，然后单击您想要显示或隐藏的任何小部件。这将展开小部件设置，您将看到小部件可见性的选项。 现在，在“隐藏/显示”下拉菜单下，只需根据您的喜好选择“在选中页面上隐藏”或“在选中页面上显示”选项。 默认情况下，Widget将隐藏在选中的页面上，但您可以将其更改为在选中的页面上显示Widget。 接下来，“其他”选项卡提供了在主页/首页、博客部分、档案、404页面和搜索页面上隐藏小工具的选项。 在那之后，继续切换到‘帖子类型’标签，并选择你想要隐藏/显示WordPress小工具的页面。 最后，你可以进入“分类”标签，选择类别来隐藏或显示你的WordPress小工具。 这意味着对于具有该特定WordPress类别的博客帖子，该小部件将被显示或隐藏。 最后，别忘了点击“保存”按钮来保存你的设置。 现在，您可以访问您的网站来查看它的运行情况。 在本教程中，我们只在“博客”页面上显示了“搜索”小工具，并将其隐藏在WordPress网站上的所有其他页面上。 我们希望这篇文章能帮助你学习如何在特定的WordPress页面上显示或隐藏小部件。你可能还想看看我们列出的最有用的WordPress小工具，并阅读我们关于如何创建一个免费的商务电子邮件地址的文章。 中国和中国都是如此。

在添加WordPress小工具时，你会发现使用拖放界面很难吗？ 你可能不知道WordPress有一个添加小部件的辅助功能模式。这使您可以通过点击链接将小部件添加到您的侧边栏。 在本文中，我们将向您展示如何轻松启用辅助功能模式并添加WordPress窗口小部件，而无需使用拖放。 现在，只需点击屏幕右上角的“启用辅助功能模式”链接即可。 激活辅助功能模式将使用新界面重新加载小部件屏幕。这个新界面现在允许你使用小工具标题旁边的“添加”链接来添加所有可用的小工具。 当您这样做时，它将在单个页面上打开小部件，您可以在其中配置小部件设置。您可以从为小部件提供标题开始，然后选择您希望启用的任何其他选项。 在页面的下半部分，您可以选择要添加新小部件的侧边栏或小部件区域。 在它旁边，您还将看到一个Position下拉列表，它允许您选择此小部件在所选侧边栏中的位置。 例如，要将小工具放在侧边栏的顶部，您需要从左侧列表中选择“Sidebar”，然后从右侧的下拉菜单中选择“Position1”。 一旦你对微件设置感到满意，按下‘保存微件’按钮，就会被重定向回微件屏幕。 辅助功能模式还将启用活动小工具旁边的“编辑”按钮，如下所示： 点击“编辑”按钮将把你带到与你添加小工具时相同的屏幕。 在这里，你可以编辑你的小部件设置，甚至可以通过选择页面底部的“非活动小部件”选项来删除小部件。 完成此操作后，不要忘了单击“保存小部件”按钮以停用该小部件。 我们希望这篇教程能帮助你学习如何在辅助功能模式下添加WordPress小工具。你可能还想了解如何获得一个免费的电子邮件域名，或者查看我们的专家精选的最佳WordPress主题，以使你的网站美观。 中国和中国都是如此。

你想在WordPress中创建你自己的定制小工具吗？Widget允许您将非内容元素添加到您网站的侧边栏或任何支持Widget的区域。 您可以使用小部件向您的网站添加横幅、广告、时事通讯注册表单和其他元素。 在本文中，我们将一步一步地向您展示如何创建自定义WordPress小部件。 注：本教程面向正在学习WordPress开发和编程的DIY WordPress用户。 WordPress还允许开发人员创建自己的定制窗口小部件。 许多优质的WordPress主题和插件都有自己的定制小工具，你可以将它们添加到侧边栏中。 例如，您可以将联系人表单、自定义登录表单、图片库、电子邮件列表注册表单等添加到侧边栏，而无需编写任何代码。 话虽如此，让我们看看如何在WordPress中轻松创建自己的定制窗口小部件。 此小部件只有一个要填写的表单域。 你可以添加你的文本，然后点击“更新”按钮来保存你的更改。 现在，您可以访问您的WordPress网站来查看自定义小工具的运行情况。 在WordPress经典编辑器中添加自定义Widget 如果您正在使用经典的小部件编辑器向站点添加新的小部件，则过程将类似。 在可用小部件列表中将会有一个名为‘塔克网Widget’的新小部件。您需要将此小部件拖放到您的侧边栏中。 然后，输入一个标题，然后点击保存以保存你的小工具设置。 您的新定制小部件现在将在您的网站上上线。 现在，让我们再学习一遍代码。 首先，我们注册了‘wpb_widget’并加载了我们的定制小部件。之后，我们定义了该小部件的作用以及如何显示该小部件后端。 最后，我们定义了如何处理对小部件所做的更改。 现在，有几件事你可能想问一下。例如，什么是目的？wpb_text_domain？ WordPress使用‘getText’来处理翻译和本地化。这wpb_text_domain和__e 告诉‘getText’使字符串可用于转换。要了解更多信息，请参阅我们的指南，了解如何找到可供翻译的WordPress主题。 如果要为主题创建自定义小部件，则可以替换wpb_text_domain您的主题的文本域。 或者，你也可以使用WordPress翻译插件来轻松翻译WordPress，创建一个多语言的WordPress站点。 我们希望本文能帮助您学习如何轻松创建自定义WordPress小部件。你可能还想看看我们关于域名和网络托管之间的区别的指南，以及我们的专家挑选的最好的免费网站托管比较。 中国和中国都是如此。

WordPress中最新的完整站点编辑功能提供为您的站点创建自定义页面模板。但是，使用在编辑器中创建内容并单独添加小工具和菜单的传统方式更方便发布文章。 通常，您的主题为布局中的所有元素（包括小工具）提供样式。但是，您可以轻松地将自定义样式添加到小工具，以使它们对您的读者有吸引力。 WordPress中的小工具样式 据我们检查，许多WordPress主题不提供自定义侧边栏中每个小工具的选项。特别是，像Kadence、GeneratePress、Astra等轻量级主题提供了简单的侧边栏小工具，重点是最少使用。幸运的是，在Gutenberg小工具区块编辑器的帮助下，使用其他样式自定义小工具很容易。如果您仍在使用旧的Classic Widgets界面，那么您需要在应用自定义样式之前进行一些分析。 最新文章小工具示例 让我们举个例子来解释一下Kadence主题的概念。转到“外观>小工具”并在侧边栏区域添加“最新文章”区块。由于最新文章小工具没有任何标题，因此您需要添加标题区块并将小工具命名为“最新文章”。下面是在侧边栏中带有标题区块的最新文章小工具在Kadence主题上的外观。 侧边栏中的最新文章小工具 如您所见，小工具显示为没有任何背景颜色和边框的无序列表。尽管Kadence提供了更改整个侧边栏颜色和排版的选项，但无法从主题设置中为单个小工具添加样式。 自定义侧边栏设计设置 现在，我们将解释如何将您自己的自定义CSS样式添加到最新文章小工具。 使用区块设置添加自定义样式 一些基于文本的区块，如古腾堡的最新文章，带有默认颜色选项。 首先选择标题和最新文章区块，您可以通过按住shift键并选择区块来执行此操作。 您将看到一个弹出工具栏，然后单击“更改类型…”。图标在工具栏中显示为两个方块。 选择“分组”选项将您的标题和最新文章区块分组为单个区块小工具。 组小工具区块 现在单击显示在右上角附近的齿轮图标以查看区块设置。 您将看到许多用于自定义区块布局的选项。 侧边栏中的小工具区块设置 单击“颜色”部分下的“背景”选项，并为您的小工具应用背景颜色。您可以根据需要应用纯色或渐变色。 如果需要，更改字体大小并为您的小工具添加填充。通过单击“取消链接边”图标，可以为所有四个边应用单独的填充。 添加背景颜色、填充和更改字体大小 单击“更新”按钮发布您的小工具并查看其中一篇博客文章以查看样式化小工具的运行情况。 具有自定义样式的最新文章小工具 将自定义CSS类添加到小工具区块 虽然上述方法非常简单，但并非所有区块都提供背景颜色选项。此外，您可能希望为边框和边框半径添加样式，这些样式在可用的有限选项中是不可能的。您可以通过向区块中添加自定义CSS类来处理这种情况。 您可以对单个区块执行此操作，也可以对应用自定义样式所需的区块进行分组。 在侧边栏区块设置上，单击“高级”部分。 在“Additional CSS class(es)”文本框下添加您的CSS类名称。例如，在我们的案例中，我们将添加类名作为latestposts。 单击“更新”按钮以发布您在小工具区域中所做的更改。 为小工具区块添加额外的CSS类 现在，您可以在latestposts类中添加任何自定义CSS样式来美化您的小工具。 让我们添加以下CSS样式，以将背景颜色、填充、边框和边框半径添加到最新的文章小工具。 .latestposts { background: rgb(20 224 20); padding: 25px; border: 3px solid rgb(211 211 211); border-radius: 8px; } 您需要在“外观 > […]

在WordPress网站中是否有侧边栏是一个百万美元的争论。随着Core Web Vitals、AMP和其他速度的改进，侧边栏正在失去与早期不同的名声。默认的WordPress主题（例如二〇二一和二〇二二）甚至没有附带侧边栏选项。但是，侧边栏小工具是用作号召性用语的最强大方式。 此外，将最后一个小工具设置为悬浮固定可以使您的点击率飙升。在本文中，我们将解释如何在WordPress中添加悬浮固定侧边栏小工具。 完整的站点编辑和小工具 在尝试完全依赖侧边栏小工具之前，请注意WordPress开发的最新趋势。完整的站点编辑已经在这里，它完全改变了您使用侧边栏和小工具的方式。目前，您可以在“外观”菜单下看到小工具部分，以使用类似于Gutenberg区块编辑器界面的区块。 基于区块的小工具编辑器 如果您尝试了WordPress主题二〇二二，将没有小工具区域。您所能做的就是从没有侧边栏的模板部分创建页面。如果您仍然坚持使用旧的经典编辑器或任何其他页面构建器插件，那么您应该切换到Gutenberg并为这一变化做好准备。但是，许多商业主题仍然提供侧边栏布局作为选项之一，您可以继续使用这些主题的侧边栏小工具。 固定小工具如何帮助您？ 当用户继续向下滚动页面时，固定小工具将显示为固定区域。由于固定小工具在大部分阅读时间都是可见的，因此您可以通过以下方式使用它： 在您的网站上展示热门内容以增加流量。 展示广告，让你赚更多的钱。请记住，某些广告程序（例如 Google AdSense）不允许您使用粘性小工具。如果您是AdSense发布商，您可以在移动和桌面设备上使用锚定广告，这是自动广告设置的一部分。 显示会员优惠券或交易，以便用户可以通过您的链接购买，您可以从会员佣金中赚钱。 从您自己的商店或亚马逊销售一本受欢迎的电子书，并尝试将点击转化为潜在收入。 显示倒数计时器以推动用户采取行动，例如限时购买产品。 可能性是无穷无尽的，与普通小工具相比，您将清楚地看到使用固定小工具时的影响。 在WordPress中添加悬浮固定侧边栏小工具 有多种方法可以将悬浮固定小工具添加到WordPress侧边栏。如果您是超级极客，您可以尝试自己的CSS，并为侧边栏上的最后一个小工具设置固定位置。但是，让我们专注于普通用户正在寻找的现成解决方案。 1. WordPress的固定小工具和固定元素 这是WordPress博主最常用的选项，因为它非常容易实现。早些时候，它被称为Q2W3 Fixed Widget，随后被Advanced Ads接管并在插件存储库中积极维护。转到WordPress管理面板中的“插件 > 安装插件”部分，然后搜索“fixed widget”。您可以找到“Fixed Widgets and Sticky Elements for WordPress”插件并将其安装在您的网站上。 WordPress插件Fixed Widget 激活插件后，转到“外观 > Fixed Widget Options”部分。在这里，您可以通过提供Stop ID来调整插件的设置，例如边距以及要在哪里停止浮动。通常，您不需要在此处进行任何更改，并保持设置不变。如果您发现小工具在滚动时碰到屏幕的顶部或底部，则增加边距顶部/底部大小以提供足够的间隙。 Q2W3 Fixed Widget插件设置 现在，转到“外观 > 小工具”部分，您可以在每个小工具下方看到一个额外的复选框选项。如果您使用的是经典小工具区域，您可以为要显示为粘性浮动的项目启用“固定小工具”复选框。 Fixed Widget选项 保存小工具并检查您的实时站点在滚动内容时小工具是否具有粘性。例如，我们将搜索小工具添加为第一项并将其设置为固定小工具。当您在已发布的网站上滚动页面内容时，它会如下所示（选中侧边栏顶部的搜索框）。 悬浮固定小工具示例 我们建议对侧边栏中的最后一项使用悬浮固定小工具，这样它就不会通过避免元素重叠而影响用户体验。如果您使用的是Gutenberg小工具区块，则小工具区域中所有添加的区块都将具有如下所示的“Fixed Widget”选项。 […]