分页是将冗长的内容分解为更易于阅读的绝妙方法。如果你环顾网络,分页无处不在。搜索引擎使用它来分离结果,在线商店利用它来简化浏览,您甚至可以为博客文章添加分页。多亏分页符区块,WordPress使您能够轻松地做到这一点。 在本教程中,我们将讨论如何将分页符区块添加到您的网站,并向您展示它的外观。然后我们将讨论一些提示和技巧,以确保您正确使用分页符。 如何将分页符区块添加到文章或页面 区块编辑器包含构建现代页面和将复杂文章(包括分页符)放在一起所需的所有元素。当您在WordPress上使用分页符区块,你基本上添加该页面或文章内的新选项卡。您可以添加多个分页符并使用户能够在这些部分之间移动,如下所示: 使用区块编辑器添加分页符非常简单。首先,打开编辑器并添加您希望该文章包含的段落、列表和其他元素。 准备好要分割的内容后,单击加号图标以添加新区块。在“设计” 选项卡下 查找“分页符”选项并选择它: 如您所见,我们的页面上已经有几个分页符区块。添加区块后,单击它,您将看到拖动它的选项,或在整个页面布局中上下移动它: 单个页面或文章可以根据需要包含任意数量的分页符区块。正如您在本节开头所见,WordPress会自动将分页符区块之间的内容分成单独的页面。 尽管大多数WordPress区块提供多种自定义设置,但分页符区块不是其中之一。默认情况下,您无法更改区块的样式或其工作方式。不同的WordPress主题都有自己的分页样式。但是,区块本身被设计为尽可能易于使用。 有效使用分页符区块的技巧和最佳实践 使用分页符区块非常简单。但是,在向WordPress网站添加分页时,您应该记住一些提示和技巧。让我们一一回顾这些技术: 使每一页尽可能统一。 理想情况下,页面之间的切换应该是无缝的。如果一页与下一页的内容存在很大差异,则可能会让读者感到不快。为简单起见,我们建议每个部分使用相同的结构,并使它们的长度相似。 适度使用分页符。 尽管分页符很有用,但很少有人会在一个页面(即使是在网上商店)中点击其中的一打分页符。理想情况下,您应该只在情况需要时使用分页。 为每个子页面添加副标题。 在子页面中,正确的格式和副标题的使用仍然必不可少,因此读者知道每个部分涵盖的内容。此外,搜索引擎仍会将带有中断的页面视为一个整体。 不要在分页后隐藏关键信息。 每当您对页面设计进行更改以使其更难以导航时,都会对参与度产生负面影响。例如,如果您在五个或十个分页符区块之后“隐藏”重要信息,那么某些用户可能会错过它是理所当然的。为避免这种情况,我们建议不要在着陆页或旨在推动转化的文章中使用分页符。 如果您牢记这些提示,您将能够在WordPress中使用分页符区块,而不会影响您网站的参与度。请记住,网络上的大多数人都习惯于看到分页符。换句话说,他们已经知道这个元素是如何工作的。只要您让访问者有理由期待该分页符背后有吸引人的内容,他们就更有可能点击它。 关于分页符区块的常见问题 如果您对WordPress分页符区块以及如何使用它有任何疑问,让我们来看看用户对这个特定元素的一些常见问题。 无限滚动比分页更好吗? 当您的网站拥有庞大的内容库时,无限滚动可以很好地工作。社交媒体平台几乎一致使用无限滚动是有原因的——它鼓励用户在您的网站上花费更多时间。 对于非社交媒体平台,分页符提供了一种更结构化的替代方案,使访问者能够在各个部分之间跳转并保持控制。如果他们想返回到较早的点,他们可以随时这样做,这在您使用无限滚动时并不那么简单。 什么时候应该使用分页符区块? 大多数现代博客不使用分页符,即使是很长的文章。除非您有充分的理由在博客文章中添加分页符,否则我们建议您只制作每篇文章,只要它不需要分页即可。 当您需要提供在单个屏幕内可能难以消化的信息时,添加分页符非常有效。例如,如果您想提供推荐文章和页面的列表,分页效果非常好。这同样适用于产品列表,甚至常见问题 (FAQ) 部分。 小结 分页符区块为您提供了一个令人难以置信的简单的方法来添加分页到任何网页或网站中的文章。分页是将大量信息分解为读者更容易消化的部分的绝佳方式。 但是,我们建议不要在常规博客文章中使用此技术。总的来说,大多数现代博客不对其内容使用分页,即使是冗长的文章。在分离产品和推荐的文章列表、用户推荐、评论和类似元素时,分页符更有用。
教程
标题和副标题是任何网页的关键组成部分。使用标题,您可以将内容分成多个易于阅读的部分(比如章节)。此外,这些标题也将便于为搜索引擎提供有关您网站的重要信息。在古腾堡编辑器,WordPress标题区块即用于为文章和页面添加标题。
标题和副标题是任何网页的关键组成部分。使用标题,您可以将内容分成多个易于阅读的部分(比如章节)。此外,这些标题也将便于为搜索引擎提供有关您网站的重要信息。在古腾堡编辑器,WordPress标题区块即用于为文章和页面添加标题。 本文将向您展示如何使用标题区块,并介绍其设置和配置选项。我们还将讨论有效使用标题的一些技巧和窍门,并回答您可能对此元素提出的一些最常见问题。 如何将标题区块添加到文章或页面 该区块编辑器可以很容易地广泛的元素添加到您的WordPress的文章和网页。首先,打开编辑器并单击页面或文章正文中的加号 (+)。 标题区块应显示第一个结果中。如果没有,您可以搜索它或单击“浏览全部”以查看整个区块库: 选择标题区块后,您将看到占位符文本出现在文章或页面的正文中: 如果您将鼠标悬停在标题区块上,您将看到一个格式菜单。您将为添加到网站的每个标题使用该菜单,所以让我们来看看它包含哪些选项。 标题区块设置和选项 区块编辑器为每个区块提供一组独特的格式选项。标题区块可供选择的设置包括: 更改您正在使用的区块类型 向上或向下移动标题区块 设置区块的默认宽度设置 更改您使用的标题类型 调整标题文本的对齐方式 将标题加粗和斜体或添加链接 由于有很多选项,这里有一个快速备忘单可以帮助您理解它们: 在日常工作中,您最常使用的选项是第四项。默认情况下,当您添加新的标题区块时,WordPress会将其设置为H2。如果单击该H2 图标,则可以将标题切换为从H1到H6的任一个: 最后,您会注意到菜单右端有一个向下箭头图标。单击该图标将打开一个带有其他格式设置的子菜单。在这些选项中,您可以找到将内联代码、图像、下标或上标添加到标题的选项: 此外,标题区块还有更多可用的配置选项。如果在选择块时单击页面右上角的齿轮图标,您将打开一个带有样式设置的菜单。 从此菜单中,您可以修改标题的字体大小 (1) 和行高 (2),以及颜色 (3): 您的标题使用什么字体取决于您的活动主题。但是,如果您对这种方法感到满意,则可以使用CSS切换字体。设置菜单还允许您更改标题文本、背景和链接的颜色。 在设置菜单的底部,您会找到一个高级 选项卡。在本节中,您可以将HTML锚点和CSS类添加到您正在处理的标题中: 请务必记住,您添加的每个标题区块都有自己的设置。更改特定块的背景或文本颜色不会影响任何其他块,即使它们是相同类型的区块。 有效使用标题区块的提示和最佳实践 向WordPress添加标题非常简单。但是,当涉及到搜索引擎优化 (SEO)时,标题具有很大的权重。以下是有关如何从SEO角度有效使用标题区块的一些提示: 避免使用多个H1,而是从H2或者H3开始 强制使用标题层次结构,小节使用比主节更小的标题 使用描述性标题,以便搜索引擎可以“理解”每个部分涵盖的内容 针对Google的精选摘要优化您的标题 除了搜索引擎之外,您还需要考虑标题对读者的显示方式。标题是内容结构的主要指标,因此它们必须清晰、相对简洁,并遵循逻辑结构。如果您牢记所有这些简单的提示,您的标题将增强您的其他内容。 关于标题区块常见问题 到目前为止,您几乎了解了WordPress标题区块的所有内容。但是,在结束之前,让我们先回顾一下用户对区块和标题的一些常见问题。 在WordPress中使用标题频率? 何时或多久使用标题没有硬性规定。一些SEO插件,例如Yoast,鼓励您每300个字左右使用它们以提高可读性。但是,在实践中,最好使内容中的每个部分尽可能长,而不是遵守严格的指导方针。为了更好地衡量,如果您要在页面或博客文章中切换主题,这是使用标题区块包含新标题的好地方。 标题对于SEO来说重要吗? 标题对于您网站的SEO非常重要。我们知道标题是搜索引擎在对页面进行排名时考虑的众多信号之一。很难准确地说出它们的重要性,因为搜索引擎并没有透露它们对所测量的每个信号给予多少权重。然而,养成经常使用标题的习惯并使它们尽可能具有描述性,从长远来看只会使您受益。 要了解更多关于WordPress SEO优化的内容,你可以尝试在本站搜索“SEO”以获取更多教程。 应该在标题中包含关键字吗? 在页面标题中包含内容核心关键字通常被认为是一种很好的做法。但是,我们建议不要在您的内容中使用“过度堆砌”关键字。如果可能,您应该在页面的主要标题中至少使用一次主要关键字,并在其他副标题中使用它的变体。但是,只使用那些相关且自然适合内容的关键字。 结论 标题是在线内容的核心构建区块之一。仅这篇文章就有八个单独的标题,其中没有一个是多余的。了解何时使用标题以及如何构建它们是一项技能,可以使您的内容更具吸引力,并在SEO方面对您有很大帮助。 就WordPress而言,添加标题区块再简单不过了。区块编辑器允许您选择什么类型的,你想用的标题,定制自己的格式,改变自己的风格,并添加尽可能多的人因为你的内容需求。您可以逐个标题和逐段地构建页面,这些页面将出现在搜索引擎的第一页结果中。
使用图像是丰富WordPress页面和文章内容的最简单但最有效的方法之一。不过,如果你第一次使用WordPress的区块编辑器,你可能会感到困惑。
使用图像是丰富WordPress页面和文章内容的最简单但最有效的方法之一。不过,如果你第一次使用WordPress的区块编辑器,你可能会感到困惑。 其实上,插入和使用图片区块非常容易。了解其各种设置将使您能够在整个网站中更无缝地添加图像,并根据自己的喜好自定义它们。在这篇教程中,我们将解释图片区块及其工作原理,带您了解它的每个选项,并提供一些使用技巧。 如何将图片区块添加到文章或页面 图片区块将图片添加到WordPress的文章和网页十分简单。首先从WordPress仪表盘导航到任何文章或页面。 接下来,在古腾堡编辑器中,在要插入图像的任何位置单击“添加区块”按钮(由加号图标标记)。然后选择图片区块: 如果它没有立即出现,您也可以在搜索栏中输入“图片”。 添加区块后,下一步是选择要使用的图像。从那里,您有三个选择。您可以选择上传、媒体库或从URL插入: 如果选择上传,则可以选择保存在计算机上的图像。对于您已经上传到WordPress网站的图片,您可以导航到媒体库。要从复制的链接插入图像,请单击从 URL 插入。 对于我们的示例,我们将上传一张图片: 如您所见,一旦您插入图像,就会出现一个带有各种选项的工具栏。您还可以在屏幕右侧选择一些设置。让我们更详细地探讨这些选项。 图片区块设置和选项 插入图像后,您可以通过在“添加标题”字段中键入来在其下方添加标题。然后在块工具栏中,您将找到可用于调整图像的各种设置和控件。我们将从左到右遍历它们。 图片区块工具栏设置 工具栏上的第一个选项可让您切换到不同类型的区块。接下来,如果您单击应用双色调过滤器图标,您可以从双色调集合中进行选择以应用于您的图像: 此选项还允许您修改图像中的阴影和高光,以更改其显示方式。如果您想恢复到原始图像,可以单击“清除”。 接下来,您可以通过选择更改对齐方式来调整页面上图像的对齐方式: 默认情况下,WordPress会将您的图像设置为左对齐。但是,您可以通过选择居中对齐、右对齐等来更改此设置。您还可以选择使图像成为宽幅或全幅。后者可用于将图像扩展到当前主题的标准内容区域之外。 要超链接您的图像,您可以单击链接图标并选择 媒体文件 或 附件页面: 如果要修剪图像,可以单击“裁剪”图标。执行此操作后,工具栏将展开以提供另外三个选项: 以下是每个图标含义的快速备忘单: 放大镜可让您放大图像,范围从 0% 到 300%。 纵横比让您选择图像的比例,包括纵向和横向选项。 箭头图标可让您旋转图像。 进行调整后,您可以单击“应用”按钮保存更改。 最后,最后一个图标可让您在图像上添加文本: 与常规文本编辑器一样,图像上方会出现一个迷你工具栏。您可以使用这些控件来加粗、斜体或链接文本,并调整其对齐方式。 附加图片区块选项 如果您单击图片区块工具栏末尾的三个垂直点,您会发现各种附加选项。这包括以下设置: 复制图像 将图像编辑为HTML 将图像添加到可重用块 在图片区块之前或之后插入一个新块 现在,让我们转到侧栏中的区块设置。在这里您可以选择四种风格: 默认 圆角 边框 框架 以下是每种样式的外观示例: 接下来,在图片设置下,您可以找到用于输入Alt 文本 和 (1) 更改图像尺寸(2)的字段: 请注意,输入替代文本对于搜索引擎优化 (SEO)和可访问性目的都很重要。 在该选项下方,您可以调整图像的大小。您可以从下拉菜单中选择预设尺寸,或在宽度和高度字段中输入自定义值。 有效使用图片区块的技巧和最佳实践 一旦您学习了如何在WordPress页面和文章中插入图像,您可能会对学习如何有效使用它们感兴趣。如果是这样,您需要牢记一些提示和技巧。 首先,我们始终建议优化您的图像。您可以通过在上传图像之前压缩图像来实现此目的,以提高页面加载时间和整体网站性能。之后,优化文件名和替代文本可以帮助提高您的SEO(可以使用Smart SEO Tool插件对WordPress上传的图片进行标题及Alt文本优化)。 […]
段落区块是在你阅读每一个WordPress的博客文章的核心。该区块非常易于使用,但它隐藏了一些您乍一看可能会错过的功能。
段落区块是在你阅读每一个WordPress的博客文章的核心。该区块非常易于使用,但它隐藏了一些您乍一看可能会错过的功能。 在本教程中,我们将告诉您有关古腾堡编辑器段落区块的所有信息。这包括如何使用它、它的设置和选项,以及一些常见问题的答案。 如何将段落区块添加到文章或页面 将段落区块添加到文章或者页面内容只需几秒钟。首先,打开古腾堡区块块编辑器并通过单击文章或页面正文中的加号 (+) 添加一个新块。 段落区块应该是你最先看到的选项之一。如果不是,请单击“全部浏览” 以查看您可以使用的所有区块,或使用搜索栏搜索“段落”: 添加段落区块后,您可以继续并开始输入。如果您看到占位符文本“键入 / 以选择块”,如上例所示,则您已经在使用该区块。 请记住,在您开始输入之前,您不会看到任何自定义选项和文本设置。添加一些文本后,块上会出现一个格式菜单: 让我们在下一节中讨论这些格式选项是什么。我们还将介绍您可以与此区块一起使用的所有其他自定义设置。 段落区块设置和选项 如果您发布博客文章(或任何其他类型的书面内容),您可能会花费大量时间修改文本格式以使其看起来恰到好处。古腾堡区块编辑器通过为您提供一个各种格式选项的菜单,使该过程变得简单。大多数块都有类似的菜单,但它们包含的选项可能会有所不同。 在段落区块的情况下,以下是它允许您访问的格式选项: 更改您正在使用的区块类型 修改文本对齐方式 粗体和斜体文本 添加到段落的链接 如果您使用过任何类型的文本编辑器,您可能会认出所有这些选项。这是一个快速备忘单,向您显示每个单独设置在菜单中的位置: 您还会注意到格式菜单包括一个带有向下箭头的图标。单击该箭头将打开一个带有其他选项的子菜单。在那里,您可以在段落中嵌入图像、添加内联代码等: 在更改文本格式时,需要牢记一些小注意事项。段落区块,您可以粗体或斜体特定的词,以及链接添加到他们。但是,您无法更改段落部分的文本对齐方式。 没有看到将列表添加到段落的选项也可能令人惊讶。这是因为区块编辑器添加了一个独立的列表区块,它带有自己的一组功能。 如果您熟悉WordPress经典编辑器,为您编写的每个段落添加一个新区块似乎工作量太大。但是,区块编辑器使该过程变得简单。每次您按 Enter移到新行时,编辑器都会自动为您添加一个新的段落区块(您可以使用它或切换到另一个选项)。 除了格式选项之外, 段落 块还提供了一些额外的设置来帮助您自定义文本。要访问它们,请单击编辑器右上角的齿轮图标: 从此菜单中,您可以更改正在处理的段落的字体大小 (1) 和行高 (2)。同样,您可以更改文本的整体颜色、背景以及其中包含的任何链接的颜色 (3)。该菜单还包括一个选项,用于为您正在自定义的段落添加首字下沉 (4): 我们刚才提到的所有设置都适用于整个区块。换句话说,您无法更改每个段落中特定单词的颜色或字体大小。同样,如果您启用首字下沉,则该设置仅适用于您选择的区块。 最后,段落区块还允许您添加HTML锚点和CSS 类。这意味着如果需要,您可以使用CSS进一步自定义区块: 这涵盖了可用于段落区块的所有选项和设置。 有效使用段落区块的技巧和最佳实践 段落区块是WordPress网页和文章的基础。您最终会经常使用这个区块,因此应该很容易掌握它的所有设置和选项。 当谈到段落时,要记住的主要事情是避免“文本墙”。使用大量的短段落对眼睛来说更容易,对用户也更有吸引力。这是因为当人们在网上阅读时,他们倾向于跳过他们认为不相关的信息。通过使用较短的段落,您可以根据用户的行为调整您的内容。 关于段落区块的常见问题 如果您对如何使用段落区块或其功能有任何疑问 ,本节将一一解答。让我们先谈谈WordPress如何对待每个段落。 可以使用单个段落区块吗? 如果您使用的是WordPress经典编辑器,则必须为每个段落添加单独的区块可能会有点复杂。但是,区块编辑器通过在您每次按下Enter时自动添加一个新的段落区块来解决该问题。 理论上,您可以在页面或文章上使用单个段落区块,并在其中包含您想要的所有内容。但是,长长的文字墙可能难以理解,因此我们不建议采用这种方法。 可以在段落区块中添加列表吗? 区块编辑器提供用于列表和段落的独立区块。这是因为它为每种类型的元素提供了不同的格式设置和样式选项。如果您习惯了经典编辑器,这可能会有点令人惊讶,但这是一个很容易习惯的小变化。 如何在段落区块中添加图像? 您可以在段落区块添加嵌入的图像。但是,我们建议您改用图片区块。使用图片区块,您可以访问更多用于自定义、调整大小和格式化图像的选项。 小结 段落是将大多数网站连接在一起的粘合剂。我们大部分时间都花在网络阅读内容上,如果您正在访问WordPress网站,则内容很可能是使用段落区块创建的。考虑到此元素的重要性,您必须了解其来龙去脉。 根据我们的经验,您将大部分时间花在块编辑器中处理段落、列表、图像和标题。一旦掌握了这些基本区块,使用更复杂的元素也应该很容易。特别是段落区块的最佳之处在于它与您需要的一样简单或深入。
WordPress嵌入区块支持将WordPress文章作为卡片的形式嵌入到您的文章或页面中。嵌入的文章将有自己的布局,并位于您的内容中,无论您选择何处。
WordPress嵌入区块支持将WordPress文章作为卡片的形式嵌入到您的文章或页面中。嵌入的文章将有自己的布局,并位于您的内容中,无论您选择何处。如果您要在自己的博客文章中间添加一个嵌入区块,它将如下所示: 在您的内容中嵌入WordPress文章有几个不同的原因。例如,假设您正在撰写一篇博文,并且想要嵌入另一位博主所写的博文。也许它会为您的文章添加重要信息,您的读者会发现有趣而无需您对其进行解释。或者,也许您正在评论或批评他人的作品,并且想要嵌入您正在谈论的文章。 在本文中,我们将讨论如何将WordPress嵌入区块添加到您的文章或页面、您可以使用的不同选项、充分利用嵌入功能的最佳实践以及使该过程万无一失的常见问题解答尽可能。 请注意,您只能选择要嵌入的公开文章。 如何将WordPress嵌入区块添加到文章或页面 以下是在文章或页面上嵌入WordPress文章的方法: 步骤1:找到文章的网址 转到您要嵌入的WordPress文章,从搜索栏中复制链接。 步骤2:打开或创建文章或页面 要更改已经发布的文章或网页,点击文章或页面的左侧栏,然后选择要编辑的文章或页面。 要添加新文章或页面,请点按边栏中的相关选项,然后选择该选项下方或页面顶部的“新增”。 步骤3:将WordPress区块添加到文章或页面 如果您使用的是Gutenberg(WordPress古腾堡区块编辑器),请单击空白区域并单击加号图标。在搜索块栏中,输入“WordPress”,选择显示的WordPress区块。 接下来,将显示一个窗口,您可以在其中粘贴之前复制的链接。粘贴链接,然后单击嵌入按钮。 这是文章嵌入后的样子: 如果您使用的是经典编辑器,则只需将WordPress文章中的链接复制并粘贴到文章或页面中。(您也可以在Gutenberg中执行此操作。)这是添加后的样子: 有时,无法嵌入链接。如果是这种情况,您会看到一条消息,内容为“抱歉,无法嵌入此内容。” 要重试,您可以单击窗口底部的转换为链接按钮。如果仍然无效,您必须输入不同的URL并点击重试。 WordPress嵌入区块设置和选项 嵌入区块将在顶部有一个带有六个选项的工具栏。从左到右,这些选项是: 更改块类型或样式 拖动 向上或向下移动 更改对齐方式 修改网址 更多选项 在我们深入了解每个人的功能之前,请注意这些设置仅在您使用古腾堡区块编辑器时才可用。在经典编辑器中,您可以对嵌入的文章进行的唯一更改(除了删除它)是更新URL: 更改区块类型或样式 单击更改区块类型或样式选项可以将块转换为列、组或段落。将鼠标悬停在其中一个选项上会显示它的外观: (1)栏目 栏目选项,您可以添加多个列,然后添加区块那些列。 您可以选择默认样式,这意味着内容将适当地间隔开,或者选择重叠选项,其中一列将与另一列略微重叠(例如,您可能希望对照片执行此操作)。 您也可以使用颜色选项来更改文本、背景或链接颜色。 (2)组 组选项,可以将不同的区块组合一起。下图是默认布局,如果您选择边框,它会在区块周围添加边框并使内容更小。 您在此处具有与栏目区块样式相同的颜色选项。您还可以使用填充来调整区块之间的间距。 (3)段落 您不会想要选择段落选项,因为它会去除图像和文本,只留下URL: 拖动 当您将鼠标悬停在拖动选项上时,您的光标会变成一只手,您可以将区块拖动到您想要放置的任何位置。当你四处移动方块时,它会变成一个小黑盒子。 向上或向下移动 单击向上或向下箭头将相应地移动区块。如果您位于页面顶部,则不会有向上选项,如果您已经位于页面底部,则不会有向下选项。 更改对齐方式 有五个对齐选项可供选择: 居左对齐 居中对齐 居右对齐 宽幅 全幅 如果您选择居左对齐或居右对齐,内容将相应移动并缩小尺寸。选择其他三个选项中的任何一个都会使其更大,占据大部分页面宽度。 修改网址 如果您决定嵌入其他内容,则单击“编辑URL”选项可让您更改URL。 更多选项 在更多菜单有一些额外的选项和设置: 隐藏更多设置:这会隐藏页面右侧边栏上的文章和区块编辑器。 复制:这会将块复制到剪贴板,您可以进入另一个文章或页面(或当前文章/页面中的另一个区域)将其粘贴到那里。 […]
WordPress诗篇区块旨在以经过验证的格式显示文本。它在不更改换行符和空格的情况下显示文本。按Enter键开始下一行而不是开始一个新段落。它不适用于您的正常内容。相反,它是为诗歌、歌词或任何其他类型的文学表达而设计的。
WordPress诗篇区块旨在以经过验证的格式显示文本。它在不更改换行符和空格的情况下显示文本。按Enter键开始下一行而不是开始一个新段落。它不适用于您的正常内容。相反,它是为诗歌、歌词或任何其他类型的文学表达而设计的。 了解如何使用诗篇区块可以帮助您正确设计内容的外观。在本教程中,我们将查看诗篇区块的设置和选项,查看如何使用它的最佳实践,并查看常见问题。 如何将诗篇区块添加到文章或页面 要将诗篇区块添加到您的页面和文章,请在您的内容中或页面左上角选择块图标,输入区块的名称,并在出现时选择它。 然后将诗篇区块添加到您的内容中,您可以在其中开始添加诗歌、歌词等。诗篇区块的默认样式将根据您使用的主题而有所不同。对于这些示例,我正在使用WordPress官方附带主题。 当您在字段中输入文本并按Enter键时,您将转到下一行。这与预格式区块而不是段落区块类似,后者在您按Enter时添加一个新段落。 它甚至会保留您在单词之间添加的任何额外空格。此示例显示已发布的文章,包含空格和换行符。 诗篇区块设置和选项 诗篇区块有两个带有设置和选项的区域。第一个是诗歌工具栏。第二个是右侧边栏中的诗篇区块选项。下面来看看两者。 诗篇区块工具栏 单击诗篇区块中的任意位置会打开其工具栏。 更改区块类型或样式 第一个设置将块更改为段落区块,更改列数,并让您分组。悬停会显示预览,以便您了解它的外观。 拖动或移动 拖动工具包括六个点。抓住这些点将块拖动到任何你想要的地方。或者,您可以单击箭头向上移动块或内容中的文本。 文本对齐 文本对齐选项包括左对齐、居中对齐和右对齐。这将移动文本在块内对齐的位置。 粗体和斜体 粗体和斜体设置适用于您选择选项时突出显示的文本。单独或一起使用它们,就像我在这个例子中所做的那样。 链接 链接设置允许您搜索或输入您突出显示的文本部分的 URL。 更多设置 更多设置链接会打开一个包含许多选项的下拉框。他们试图提供一个简单的例子来直观地展示它们的用途。 (1)内联代码 这将文本显示为代码。在此示例中,我已将第一行和第三行设置为代码格式。 (2)内嵌图像 内嵌图像打开媒体库,您可以在其中选择图像。图像内嵌添加到光标所在的位置。选择图像会打开一个下拉框,您可以在其中选择图像的宽度。 (3)键盘输入 键盘输入为您的内容添加键盘标签。这定义了键盘输入并以浏览器的默认等宽字体显示。 以下是在代码编辑器中查看文本时添加到文本中的标签。 (4)删除线 删除线会在您突出显示的文本中添加一行。 (5)下标 下标将您突出显示的文本格式化为下标。 (6)上标 上标将您突出显示的文本格式化为上标。 下标和上标一起使用可减小字体大小并使其水平居中。 (7)文字颜色 文本颜色可让您调整突出显示的文本的颜色。您可以从一些预先选择的颜色中进行选择,在颜色选择器工具上选择一种颜色,或者输入十六进制或 RBG 代码形式的值。 诗篇区块选项 诗篇区块选项包括: 隐藏更多设置– 这会隐藏右侧边栏,为您提供更干净的工作区。 复制– 复制诗篇区块,以便您可以将其粘贴到您想要的编辑器中的任何位置。 创建副本– 创建诗篇区块的副本并将其放置在原件下方。 在当前区块前插入– 在诗篇区块之前添加一个空格,您可以在其中放置另一个区块。 在当前区块前插入– 在诗篇区块之后添加一个空格,您可以在其中放置另一个区块。 移动到– […]
使用区块目录,您只需单击一下即可将新功能、设计、布局和自定义区块添加到文章和页面——所有这些都来自区块编辑器本身。
如果您曾经在Gutenberg区块编辑器中搜索过特定块,那么您已经看到了WordPress区块目录,甚至可能不知道它。在5.5版中引入并在WordPress 5.8中使用模式目录进行了增强,区块目录的工作方式与WordPress.org上的主题或插件存储库非常相似。不同之处在于它直接内置在编辑器本身中,以便于访问和安装单个区块。使用区块目录,您只需单击一下即可将新功能、设计、布局和自定义区块添加到文章和页面——所有这些都来自区块编辑器本身。 如何访问和搜索区块目录 在其基础上,区块目录是区块编辑器扩展和插件的存储库,您可以安装它们以增强您创建的内容。WordPress 5.8 的版本包括一个新的模式库作为区块目录的一部分。此库为您提供了前所未有的WordPress Core后端设计访问权限。在插件库中,您可以找到一系列启用区块的插件。但是编辑器本身的主区块目录是一个单区块插件列表,您可以立即安装和使用它们。 虽然您绝对可以独立进入主题和/或模式目录,但最大的吸引力在于您可以在Gutenberg区块编辑器本身中访问此内容。只需按+ 按钮添加一个块,然后开始搜索您需要的任何区块。如果您已经安装了该区块,它将显示在此处。 但是,如果您不这样做,则结果的下一部分来自区块目录。5.8之后,第一段结果会是patterns,最初只能选择区块样式。 在模式结果下面是特定的区块,您可以直接从可用安装标题下的侧边栏目录安装这些区块。 这些结果基于您用作搜索词的任何内容。在撰写本文时,区块目录本身的结果有些有限。但是,随着越来越多的人向目录添加自定义区块和模式,搜索结果将变得更加健壮。 如何从目录中添加新区块 只需单击一个区块即可安装它。此外,该区块会立即出现在您的文章中。这是一个非常有用且有点令人讨厌的功能,因为您无法单击区块目录条目来展开和阅读描述或查看评论。但是,您可以将鼠标悬停在某个条目上以查看一些详细信息,例如星级和评论数量。 以这种方式通过目录安装块实际上会安装并激活相关的WordPress插件。您可以在管理面板的典型位置插件–已安装的插件中找到它。由于区块目录指南,这些区块的唯一选项将在编辑器本身中。 如果您出于任何原因需要卸载区块插件,这与使用WordPress管理仪表盘停用和卸载任何其他插件相同。 如何将自定义区块添加到WordPress区块目录 如果您是设计师或开发人员,您可能希望在目录中显示您的模式和区块。像所有其他WordPress库一样,有一个专门的过程可以将您的区块包含在目录中。该过程相对简单,使用单一工具进行验证、上传和删除。 开发插件 第一步显然是创建自己的插件。确保您首先遵循WordPress.org 包含的所有插件指南。从根本上说,自定义区块仍然是插件。除了这些准则之外,您的插件还必须符合要考虑包含的特定于区块的准则。 请记住,如果您提交到目录,您的插件必须只包含一个块。如果您正在创建它们的套件,您将需要决定是将它们作为一个包包含在传统存储库中,还是将它们作为单独的块发布以包含在此处。 验证并发布您的插件 开发区块插件后,您需要对其进行验证。该区块插件检查是一个简单的工具,您可以上传一个 .zip文件的代码库文件或URL(从SVN,GitHub上,还是从插件库本身)。 如果检查器发现问题,您需要在发布之前解决这些问题。如果验证器返回一条没有发现问题的消息,您就可以实时推送它了。您将使用相同的工具来发布区块插件。 您还将使用相同的工具将其从目录中删除或在更新代码和功能时对其进行调整。 小结 这是新WordPress生态系统的隐藏宝石。作为用户,从编辑器内向内容添加单个外部区块是一个巨大的用户体验增强。作为创建者,区块目录为您提供了前所未有的用户访问权限。以前,他们必须通过库寻找插件。多亏了区块编辑器,您的创作——出于所有意图和目的——在他们搜索时寻找它们。希望用不了多久,更多的用户和开发人员就会意识到并使用这个神奇的工具。对于参与WordPress的每个人来说,它都是一个非常强大的工具。
WordPress的母公司Automattic已经发布了一些最著名的WP插件。WooCommerce、Jetpack、Akismet、BuddyPress、bbPress……等等。在列表中他们还增加了
WordPress的母公司Automattic已经发布了一些最著名的WP插件。WooCommerce、Jetpack、Akismet、BuddyPress、bbPress……等等。在列表中他们还增加了另一个强大的插件:活动区块插件。这是一个非常简单的解决方案,可以让您的用户知道您要做什么。 什么是活动区块? 与WordPress 5.8的许多新区块不同,活动区块必须通过插件库手动安装,而不是编辑器本身的区块目录。 Automattic现代设计理念的精髓在这个插件中如火如荼。它简单、易于使用且时尚。只需导航到 管理面板中的插件并搜索或上传即可安装它。然后它将作为Event出现在您的插件列表中 。 该块本身允许您添加事件、时间和位置的描述,并将图片添加到显示给访问者的卡片中。此外,您还有特定于区块的选项和设置,您可以调整这些选项和设置,以使区块更适合您网站的设计和您正在显示的事件的外观。 如何将活动区块添加到文章或页面 安装插件后,将活动区块添加到您的页面就很容易了。在 WordPress区块编辑器中,只需按 + 按钮即可添加新区块。您可以在顶部工具栏中或任何空白区块的右侧找到此按钮。 将出现区块选择侧栏。如果您滚动浏览整组已安装的区块,您可以在小工具部分找到活动区块。您还可以搜索 Event 以查找该区块。(请注意,搜索Event不会拉起区块。) 每个区块为单个事件/活动显示一张卡片。如果您打算使用它来显示一个节日或一系列活动(例如连续播放多天的戏剧的放映时间),您将需要在描述中包含该信息或为每个单独的节目创建多张卡片。 活动区块设置和选项 正如我们上面所说,一个不包括在内的选项是能够展示一系列事件。从技术上讲,无法展示一系列日期。话虽如此,让我们看看到底活动区块插件可以做什么。 要设置事件的日期,只需单击“选择日期(Choose a Date)”按钮。将出现一个弹出式日历,您可以在其中选择事件/活动发生的日期和时间。如果您不选择时间,则默认为您选择日期的时间。然后日期将替换按钮并出现在区块的左上角。 其他字段—— title、location和description —— 只是您在其中键入相关信息的文本框。它们本质上是不言自明的。 但是,此卡的一个主要缺点是位置不可点击。要将它们链接到地图,您需要使用块或其他方法将其单独包含在文章中。默认情况下,电话号码可在移动设备上点击。 我们应该注意,您可以超链接描述或位置框中的任何文本。这意味着,如果您转到Google地图并输入事件的位置,则可以获取该搜索的URL,并根据需要使用位置文本创建超链接。这不是一个理想的解决方案,但也许是您在不添加其他插件的情况下拥有的最好的解决方案。 该事件/活动图像本质上是一个图像区块放置在活动区块的侧面。它将拉伸以适应区块。您可以通过将蓝色圆圈定位在焦点选取器标题下,将块设置中图像的焦点向右调整 。 下面是颜色设置部分。您可以使用这些来调整区块的外观,为整个区块设置背景和文本颜色。 幸运的是,编辑器会警告那些对颜色组合不甚了解的人,并且会在您选择的组合难以阅读时发出警告。 也许活动区块的最佳选择是您可以向其中添加子区块。只需在描述后按回车/返回,您将获得另一个 + 按钮,就像在基本编辑器中一样。从这里,您可以在事件本身内添加任意数量的其他区块。甚至其他事件。 活动区块中的每个单独元素都可以单独调整。您可以将新创建的事件块视为您正在处理的文章或页面的较小内容区域。每个子事件都可以有自己的设计和图像,以及每个段落区块或其他任何内容。根据您选择的区块,块的选项将全部显示在区块选项侧栏中的右侧。 活动区块插件的最后一个选项是您决定将事件本身显示为居中对齐的元素还是拉伸内容区域的宽度。 在上下文菜单中,对齐图标可让您选择其中之一。无论您选择哪个,您在其中创建的任何子区块都会自行调整以适应更改。图像仍将聚焦在您指示的位置,但如果宽度允许,它们将扩展并显示更多基本图像。 有效使用活动区块的提示和最佳实践 活动区块插件简单而强大,你可以用它做很多事情。这里有一些提示,可确保您在客人中脱颖而出。 1. 使用颜色 不要让颜色选项浪费在事件块上。利用能够调整设计的优势,以便您可以补充您的页面设计以及事件/活动内和同一页面上的其他区块。 如果您在活动区块本身中使用区块,请确保将它们的样式设置为从其容器中脱颖而出,以便您的用户更有可能注意到它们。 2. 使用适当大小的图像 真的,图像可以成就或破坏一个事件。如果您的活动看起来不令人兴奋或不吸引人,人们就不太可能想要参加。确保您使用能够以各种尺寸和形状呈现您的活动的高质量图像。由于图像具有响应性并根据它们拥有的空间调整它们的位置,因此可以设置没有特别的颗粒状照片。 始终测试您的图像以确保它们在多个方面都能很好地显示。 3.利用子块的优势 不要害怕在活动本身中添加免费区块。当然,您可以在页面内容中添加一些内容,但是如果您想保证看到该信息,将其嵌入到活动区块中是最好的方法。 例如,您可以在事件中使用Divi区块来使用地图模块,因为WordPress中没有一个默认值,并且活动区块默认不呈现可点击的地址。(同样请记住,如果您愿意,您可以使用超链接将Google地图URL粘贴到该位置。) 4. 试验Patterns选项卡 WordPress 5.8向编辑器引入了Patterns选项卡。结合Event Block插件,你可以不费吹灰之力就做出一些非常赏心悦目的页面设计。 在任何可以添加区块的情况下,您都可以选择左侧边栏中的“模式”选项卡。选择一个会将其添加到您的模板中,您可以从那里开始。在上图中,我们只是在模式放入的每一列的底部添加了一个事件块,并在默认页面列中添加了一个。因为古腾堡编辑器允许在任何地方进行调整,您也可以尝试创建自己的模式。这样,您的活动就不会在标准网格或列表中丢失。 小结 起初,活动区块插件可能并不健壮。但是通过一些周到的设计和浏览选项,您可以用一个来修饰任何页面。有了各种可用的子区块以及在其中嵌套其他事件的能力,活动区块肯定会增强几乎任何类型的站点。无论是面对面的活动、虚拟活动,还是只是一个重要公告的占位符,这个插件可能是最简单的方法。
列表看似简单,但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说,列表是您可以使用的最强大的工具之一来构建引人入胜的内容。
列表看似简单,但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说,列表是您可以使用的最强大的工具之一来构建引人入胜的内容。 创建列表很容易,如果您使用WordPress,您将可以访问专用的列表区块,该区块使您能够以多种方式自定义此元素。在本教程中,我们将讨论列表区块,解释它的工作原理,并介绍一些提示以帮助您创建更好的列表。 如何将列表区块添加到文章或页面 在WordPress中添加块是一项简单的任务。转到要添加列表区块的任何文章或页面,然后使用“浏览所有” 选项或搜索栏找到它: 选择列表区块后,您将能够开始处理新列表。该过程的下一部分很简单。您可以在无序(项目符号)或有序(编号)列表之间进行选择,然后开始添加条目,直到您满意为止: 正如您在上面的菜单中看到的那样, 列表区块包括广泛的其他设置。让我们看看这些选项是什么。 列表区块设置和选项 使用区块编辑器添加的任何元素都有两组选项。如果将鼠标悬停在任何块上,将显示一个菜单,其中通常包含基本格式选项。如果您单击屏幕右上角的齿轮图标,您还可以访问特定于区块的设置菜单: 让我们先回顾一下鼠标悬停在列表区块上时出现的快速设置访问菜单 。从菜单的左端开始,您可以访问以下设置: 更改您正在使用的区块类型 将方块向上或向下移动一个点 在无序列表和有序列表之间进行选择 在列表条目中添加或删除缩进 加粗、斜体或添加指向部分文本的链接 这是一个快速备忘单,显示了与这些选项对应的菜单项: 向列表区块添加格式的工作与任何其他基于文本的元素非常相似。您可以将特定条目或什至只是其中的一部分加粗或斜体,这同样适用于链接。 您还会注意到此菜单最右侧的一个附加选项。向下箭头包括更高级的格式选项,例如添加内联代码、图像、“删除线文本”、文本颜色等: 请注意,虽然可以将图像添加到列表区块,但结果往往看起来很尴尬(最好使用专用的图片区块): 继续,一旦您打开屏幕右侧的 “设置” 菜单,您就可以访问更高级的配置选项。在那里您可以更改整个列表的字体大小,以及选择文本和背景颜色: 请记住,字体大小和颜色设置适用于整个列表,而不是单个条目。如果您想进一步自定义列表的样式,则需要使用CSS 类和HTML锚点。为此,请打开块 设置菜单下的高级选项卡(它位于字体大小和颜色选项的正下方): 这涵盖了如何在WordPress中使用列表区块的所有基础知识 。然而,创建引人入胜的列表不仅仅是基本的格式和样式。让我们来谈谈如何确保您的清单顺利进行。 有效使用列表区块的提示和最佳实践 您可以使用许多提示和技巧来创建更具吸引力的列表。由于我们有很多使用列表区块的经验,我们将使用我们自己的列表分享一些我们最喜欢的技巧。以下是在WordPress中处理列表时要记住的事项: 每当您需要共享可以分解为易于阅读的点的关键信息时,请使用列表。 避免将图像添加到您的列表中,因为它们可以将注意力从单个条目上移开并破坏格式。 不要以相同的词开始列表中的每个条目,这样行就不会混合在一起。 对列表中的每个条目使用一致的样式和格式。 如果列表持续时间过长,用户可能会开始忽略其中的某些条目。为了清楚起见,您可以对需要对每个项目进行额外解释的列表使用以下样式: 突出显示条目的开头。 通过突出显示初始短语或句子,您可以为每个列表项指定自己的标题,然后使用常规文本扩展该点。 列表太棒了。没有什么比一个很好的清单更能说明问题的了。 尽管列表可能非常有效,但重要的是不要过度使用它们。如果您正在处理包含大量内容的文章或页面,则文本、图像、列表、表格和其他类型的元素之间应该保持健康的平衡。这种多样性将使游客保持参与。另外,它将确保当您使用列表时,读者会注意它。 关于列表区块的常见问题 到目前为止,您几乎了解了有关WordPress列表区块以及如何使用它的所有信息。但是,让我们回顾一下有关此块的一些最常见问题,以确保您不会错过任何关键信息。 在哪里可以找到WordPress列表区块? 当您向页面或文章添加新元素时,您可以使用搜索功能或浏览全部 选项找到列表区块 。请记住,还有其他区块包含“列表”一词,例如文章列表和页面列表。 但是,这些区块提供了一组完全不同的功能。 页面列表和文章列表区块有何作用? 您可能已经注意到WordPress中有不止一种类型的“列表”区块。页面 和文章列表区块是什么所谓的“Theme Building”区块。它们的使用方式与我们在本文中介绍的标准列表区块非常不同。无论您将它们放置在何处,它们都会添加您网站页面和文章的列表作为元素。与大多数其他区块不同,这两个区块不包含任何格式或样式选项。 传统上,大多数用户将页面列表 和文章列表区块添加到侧边栏或页脚小工具。这样,您可以将访问者引导至他们可能认为相关的网站其他部分。但是,这两个元素都与传统的列表区块没有太多共同之处。 可以在WordPress的任何地方添加列表吗? 您可以在可以访问区块编辑器的任何位置添加列表区块。这包括文章、页面和WordPress小工具。当编辑WordPress的小工具,你可以访问区块编辑器和它的所有内容,包括的列表框和选项,如页面列表和文章列表。 小结 您可能不会认为列表非常迷人,但您错了。列表是任何类型的引人入胜的内容中最基本的元素之一,但当您处理页面和文章时,它们会变得特别有用。无论您在WordPress网站上发布什么类型的内容,列表都可以更轻松地共享关键信息并吸引访问者的注意力。 WordPress让您可以访问功能强大的列表区块,其中包含大量格式和样式选项。您可以在网站上的任何位置放置列表,包括文章、页面和小工具,我们建议您充分利用此功能。
由于区块的响应性质,区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅,您将在该空间内工作。
WordPress 5.0中正式引入的古腾堡区块编辑器让用户有机会完全自定义他们的WordPress内容和网站。不再受需要在TinyMCE经典编辑器等WYSIWYG工具中创建的限制,Gutenberg为文章或页面内容的每个元素提供单独的区块。通过控制每个特定区块的设置,用户可以比以往更轻松地设计WordPress内容。让设计脱颖而出的最简单方法之一就是让它们超越默认设置。因此,我们将研究如何在WordPress中调整区块的大小,以便您可以开始跳出框框思考(和设计)。 由于区块的响应性质,区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅,您将在该空间内工作。例如,如果您将文章内容区域设置为580像素或1200像素,您将在那里工作。我们用来教您如何在WordPress中调整区块大小的方法都是基于这样的想法,即您将停留在任何特定区块容器的边界内。 如何在编辑器中调整区块大小 一些(但不是全部)块具有内置的调整大小选项。由于显而易见的原因,这些是最容易调整大小的。但是,根据区块的不同,调整大小选项将位于不同的位置。 示例 #1:图片区块 单击区块会弹出上下文菜单,这里的调整大小选项实际上是间距选项。但是, 宽幅宽度和全幅宽度对齐会将图片区块的大小更改为容器的宽度(宽幅)或整个页面的宽度(全幅)。 您还可以使用右侧边栏中的块设置调整图片区块的大小。恰当命名的图像大小部分有许多选项,您可以使用这些选项调整区块的大小。 WordPress有一个用于快速调整大小的下拉菜单,您可以从缩略图、中、大和全尺寸中选择预设 。选择全尺寸将因您的主题而异,无论它是实际完全显示还是适合内容区域。 您还可以按像素专门调整宽度和高度。在此之下,您可以按百分比进行调整。该百分比基于在宽度和高度字段中的数值。不是您从下拉菜单中选择的预设图像尺寸。 最后,您可以单击图像本身以显示带有白色圆形锚点的蓝色边框 。您可以拖动它们来调整区块的大小。 您只需单击并拖动任何锚点即可缩放图像。这样做将调整块设置菜单中高度和宽度字段的大小。 示例#2:活动区块 对于活动区块,调整大小设置仅在编辑器本身的上下文菜单中。(Event Block是您将安装的Automattic的一个单独插件,它不是古腾堡核心编辑器的一部分。) 像一些图片区块选项一样,这里的调整大小选项在技术上是间距选项。但是这两个选项是居中对齐和全幅宽度。您可以选择一个在容器中居中或在屏幕上的整个宽度。 在编辑器本身中调整区块的高度有点麻烦,但有效。如果您只是在空区块字段中按Enter/return,则可以通过插入额外的空段落区块来扩展高度。 这是一个不太理想的解决方案。但它很快,而且在紧要关头工作——特别是考虑到活动区块没有真正的高度调整选项。 示例 3#:在WordPress中使用栏目调整区块大小 如果您需要调整大小的区块在其设置面板或上下文菜单中没有调整大小选项,则使用区块编辑器的栏目是您可以调整任何块大小的另一种方式。只需按任意+ 按钮搜索栏目区块即可添加新区块。 在栏目区块中,您可以添加所需的任何其他区块。在搜索选项中,还会出现区块编辑器模式。这些是您可以插入到文章或页面中的模板,其中内容已经调整大小和放置,等待您的内容替换占位符。 从一开始,栏目区块就允许您选择栏目本身的大小。它分为6个不同的方向,每个方向都有不同的页面百分比用于各个栏目。 这些不是您可以使用的唯一配置。您可以使用块内的 蓝色 + 按钮 随时添加新栏目。每个单独的栏目都有自己的设置面板,您可以在其中按百分比单独调整其宽度。 可能需要进行一些实验才能使尺寸适合您的设计。但是,当它完成后,您可以在首页上放置一些精心设计且间隔适当的内容。请记住,区块编辑器中的任何空栏目也将在前端显示为空。 通过调整不同栏目的宽度、位置和数量,您的区块几乎可以以任何方式调整大小和放置。 需要更多尺寸选择?考虑使用更高级的页面构建器 我们意识到其中一些调整区块大小的方法可能会受到限制。如果您发现它们对您来说限制太多,那么可能是时候研究更高级的页面构建器了。 例如, Divi为每个模块(区块)提供了大小调整和变换选项,与古腾堡相比,您可以更好地控制形状、大小和间距。大多数高级页面构建器也是如此,因此如果您发现Gutenberg的选项过于有限,那么查看Divi之类的内容可能是下一步的最佳选择。 如何使用CSS调整WordPress区块大小 每个区块在高级设置下的设置面板中都有一个CSS部分 。除了任何其他特定于块的高级设置外,每个设置都有一个字段用于额外CSS类。您可以将您想要的任何选择器分配给这个单独的区块,无论它们是否已经存在于您的站点上,或者您是否专门为此区块创建了它。 通常,我们建议对单个区块使用CSS ID而不是类,但区块编辑器不支持(至少默认情况下)。因此,您将只想使用多个类来跟上单个区块而不是ID。类实际上是为了涵盖大类的元素类型,而ID是为了单个元素。在这种情况下,我们建议使用清晰的命名约定来保持代码中的简洁。 无论如何,您只需将类输入到文本字段中即可。 请勿在此字段中的类名称前包含句点/点。 现在,您应该导航到外观– 自定义并在最底部找到额外CSS部分。编写或粘贴CSS代码以根据您的喜好调整区块的大小。 我们建议避免使用以像素 (px)为单位的度量,因为它们是绝对的。最好使用 vw(视口宽度)、vh(视口高度)或% (百分比)来调整区块。这些都将参考设备和/或它周围的其他内容进行缩放。 .block-1 { height:35vh; max-height:50vh; } .block-2 { width: 100vw; } […]
在本教程中,我们将向您展示如何将经典区块添加到文章或页面,我们将介绍它的全部设置和选项,我们还将为您提供在新区块中有效使用它的提示 -基于WordPress的世界。
WordPress编辑器的经典区块旨在帮助简化WordPress的旧版TINYMCE编辑器与其较新的基于区块的编辑器(称为古腾堡)之间的转换。当新编辑器被引入WordPress Core时,之前使用旧编辑器创建的更新网站上的所有文章和页面都会使用经典区块自动转换为新的基于区块的编辑器中的内容。因此,在非常真实的意义上,经典区块只是WordPress新文本编辑器中的旧文本编辑器。也就是说,存在一些值得了解的关键差异和特定用例,即使您已经完全采用WordPress的区块编辑器(及其许多其他区块)进行内容创建,使用经典区块仍然是一个好主意。 在本教程中,我们将向您展示如何将经典区块添加到文章或页面,我们将介绍它的全部设置和选项,我们还将为您提供在新区块中有效使用它的提示 -基于WordPress的世界。 如何将经典区块添加到文章或页面 经典区块以与任何块相同的方式添加到文章和页面中。单击左上角或要放置区块的位置的区块插入器图标。 在区块插入器的搜索字段中输入经典,然后选择经典区块。 经典区块已添加到您的内容中。 经典区块设置和选项 与大多数古腾堡区块不同,经典区块在编辑器侧栏中不包括选项。相反,您需要的所有选项都在经典区块工具栏本身中。单击经典区块以显示其工具,包括工具栏,上面有一组选项。让我们仔细看看。 经典区块选项 每个区块都有自己的特定控件以及区块的选项。工具栏上方的一小组区块选项允许您更改区块类型、转换为区块以及打开选项。 第一个选项包括列数和设置组。 Group允许您将区块添加至可重用区块中。 接下来的两个选项允许您通过手动拖动区块或通过单击箭头向上或向下移动块来移动区块。 转换为区块将所有内容转换为其特定类型的区块。例如,文本将转换为段落区块,图像将转换为图片区块等。离开页面或发布后无法撤消此操作,但如果您愿意,可以将内容复制并粘贴到新的经典区块中。 这三个点打开了更多选项,允许您隐藏设置、复制、创建副本、前后插入、移动、作为HTML编辑、组合或删除区块。 经典区块工具栏 工具栏提供了经典编辑器中的所有TinyMCE工具,允许您设置文本格式、添加媒体等。永久使用此工具栏编辑所有内容。 文本格式 从文本格式下拉框中格式化突出显示的文本。默认为段落。我选择了一个段落并将其设置为H3标题。 粗体和斜体 突出显示文本并单击粗体或斜体以设置文本格式。单独或一起使用它们。 项目符号和编号列表 创建带有项目符号或数字的列表。 引用 引用控制鼠标光标所在段落的格式。引用格式因主题而异。2021主题缩进段落,添加引号,并使文本加粗。 文本对齐 对齐设置文本边缘对齐的位置。在左对齐、居中对齐和右对齐之间进行选择。在这个例子中,我选择了右对齐,所以文本在右侧对齐。左对齐是默认设置。 插入删除链接 插入链接和删除链接工具允许您添加,编辑或删除任何元素上的链接。要插入链接,请选择元素(例如文本或图像),然后单击要使用的链接工具。然后,搜索或粘贴URL。通过突出显示文本并选择删除链接来删除链接。 插入更多标签 将阅读更多标签加在您的鼠标光标放置文本停顿位置,这会为前端的博客文章创建断点。 添加媒体 添加媒体打开媒体库,您可以在其中上传或选择要添加的媒体。 显示/隐藏工具栏 这将扩展工具栏以显示下一组工具。 删除线 删除线会在您单击图标时突出显示的文本中添加删除线。 水平线 水平线在内容区域中添加一条线。它从光标位置开始划分内容,并将线放置在该点下方。在上面的示例中,我将光标放在虚拟词felis之后。 文字颜色 文本颜色可让您选择突出显示的文本的颜色。颜色工具可让您设置多种自定义颜色。 粘贴为文本 粘贴为文本允许您粘贴某些内容而不包括其格式。如果您从文字处理器或其他网站复制了文本,这会很有帮助。根据需要打开或关闭此选项。 清除格式 清除格式会删除所选文本的粗体、斜体、删除线和颜色格式。在这个例子中,我选择了一个段落中的一个词并删除了它的格式。 特殊字符 特殊字符可让您添加在标准键盘上找不到的字符。 减少增加缩进量 减少缩进量和增加缩进量会更改项目符号列表和编号列表的缩进量。这会为项目符号点创建子级别。 撤消和重做 撤消将恢复到上次编辑之前的先前设置。它突出显示了更改,以便您可以看到它。如果您一直单击该图标,它会撤消上一个设置,直到您返回到第一个设置。重做增加了这个设置。在此示例中,我取消了从编号列表更改为项目符号列表的设置。 键盘快捷键 键盘快捷键提供了与经典块一起使用的所有快捷键的列表。 […]
WordPress画廊区块可以轻松快捷地将多个图像添加到WordPress文章和页面。在本教程中,我们将解释画廊区块是什么以及它是如何工作的。我们还将提供一些提示和最佳实践,以便在您的网站上有效地使用它。
当您想将单个媒体文件插入WordPress网站上的文章或页面时,了解如何使用图片区块会派上用场。但是,如果您想添加一组照片怎么办?为此,您可以使用画廊区块。 WordPress画廊区块可以轻松快捷地将多个图像添加到WordPress文章和页面。在本教程中,我们将解释画廊区块是什么以及它是如何工作的。我们还将提供一些提示和最佳实践,以便在您的网站上有效地使用它。 如何将画廊区块添加到页面或文章 要将画廊区块添加到WordPress网站,首先导航到任何页面或文章(新的或现有的)。接下来,单击“添加块”按钮 – 加号 (+) 图标 – 并搜索“画廊”: 您可以单击画廊区块以将其插入,或将图标拖放到编辑器中。或者,您可以直接在编辑器中输入“/gallery”,然后按 Enter键。 插入画廊区块后,您将有几个添加照片的选项。您可以单击上传按钮从计算机中选择图像,或选择媒体库选择已上传到您网站的照片: 使用任一选项,您都可以搜索并选择要使用的所有照片。之后,它们将出现在区块中: 如您所见,顶部工具栏中有一个选项可以调整块的对齐方式,右侧菜单中还有各种设置。让我们仔细看看每个选项是什么以及如何使用它们。 画廊区块设置和选项 在画廊区块的工具栏中,您可以单击对齐图标来更改图库在页面上的位置。默认为左对齐,但您可以将区块移动到页面的右侧或中心: 您还可以选择全幅或宽幅- 后者会将画廊扩展到主题的典型内容部分宽度之外。如果您单击三个垂直点,您会发现一些其他选项,包括以下选项: 复制区块 在当前区块之前或之后插入另一个区块 移动画廊区块 作为HTML编辑 将画廊区块添加至可重用 画廊区块最有用的事情之一是它不仅让您将多张照片添加到您的WordPress页面或同时发布。您还可以使用它根据自己的喜好排列这些图像。例如,您可以自定义包含的列数和画廊中图像的大小。 您可以在右侧菜单的画廊设置部分下更改画廊列的数量: 要更改列数,您可以使用滑块或在文本字段中输入所需的值。您还可以使用裁剪图像切换选项: 默认情况下启用此设置,以便均匀裁剪图像。但是,如果您将其关闭,图像将自动以其原始版本显示。 在链接到下拉菜单下,您可以选择将画廊超链接到附件页面或媒体文件。使用图像尺寸下拉菜单,您可以调整照片的尺寸,选项包括缩略图、 中、大或全尺寸。 最后,通过单击图库中的单个图像,您会发现更多选项: 如果要编辑单张照片,只需单击铅笔图标即可。您可以选择X图标将其从画廊区块中完全删除。要在照片系列中向前或向后移动,您可以使用箭头按钮。 有效使用画廊区块的提示和最佳实践 现在我们已经介绍了画廊区块的基础知识,您已经准备好学习如何有效地使用它。您可以牢记一些最佳实践,以充分利用此WordPress功能。 首先,我们建议确保在插入画廊区块后启用裁剪图像功能。当您拥有各种大小和形状的图像时,此选项特别有用 – 默认情况下有时会显得凌乱。 当您启用此功能时,它可以确保图库中的所有图像看起来都是统一的。这有助于使其看起来更专业、更有条理和美观。 接下来,确保您上传到WordPress画廊的每张图片都经过适当优化非常重要。这包括: 选择一个对SEO友好的文件名 添加替代文本(“替代文本”,可以用Smart SEO Tool插件实现自动填写Alt替代文本) 确保每个图像都被压缩 遵循这些图像优化最佳实践有助于提高您网站的性能。它还可以提高您的搜索引擎排名。 最后,您可以考虑为画廊中的每张图片添加标题。这有助于在访问者浏览时向他们提供必要的上下文和背景信息。 关于画廊区块的常见问题 此时,您应该牢牢掌握Gallery块以及如何使用它。为确保涵盖所有基础知识,让我们看看有关此元素的一些常见问题。 在哪里可以找到WordPress中的画廊区块? 要找到画廊区块,请导航到任何文章或页面。接下来,单击加号 (+) 图标并在搜索字段中键入“画廊”。只需单击画廊选项,或将其拖放到编辑器中即可插入区块。或者,您可以通过直接在编辑器中键入“/gallery”,然后按键盘上的Enter来找到画廊区块。 画廊区块有什么作用? 画廊区块可以让你在一个位置添加多张照片到您的文章。您可以直接在WordPress区块编辑器中以美观的方式轻松调整大小和排列它们。例如,您可以决定要使用的列数并调整图像的大小。 可以在WordPress的任何地方添加画廊区块吗? 您可以将画廊区块添加到任何页面或在您的WordPress网站上发布。此外,您可以使用WordPress小工具在站点的其他区域(例如页脚)中添加画廊区块。 […]
WordPress的Twitter嵌入区块可让您在WordPress文章和页面中嵌入Twitter推文。虽然这仅适用于公开推文,但知道您不需要Twitter帐户即可使用此功能会很有帮助。 想要在您的W
WordPress的Twitter嵌入区块可让您在WordPress文章和页面中嵌入Twitter推文。虽然这仅适用于公开推文,但知道您不需要Twitter帐户即可使用此功能会很有帮助。 想要在您的WordPress文章或页面中嵌入推文的原因有很多: 为您的网站或博客内容添加社交资料 与其他人互动,无论他们是行业专家还是粉丝 丰富您的内容,使其看起来更具吸引力并提供更多信息 用现实生活中的例子来支持你所说的 在本教程中,我们将向您介绍如何将Twitter嵌入区块添加到WordPress文章或页面,包括该区块包含的所有不同选项。我们还将介绍一些提示、最佳实践和常见问题解答,以帮助您顺利上路。 如何将Twitter嵌入区块添加到文章或页面 查找推文的URL 找到您要嵌入的推文。要获取特定推文的链接,您有三个选项: 1. 将鼠标悬停在推特名称右侧的空白处,然后单击以在其自己的页面中打开推文。 2. 右键单击时间或日期戳,然后选择复制链接(或类似)。 3. 单击推文窗口底部的向上箭头。这将打开一个菜单,将链接复制到推文可能是选项之一。 在WordPress中添加Twitter嵌入区块 使用Gutenberg区块编辑器,添加Twitter嵌入区块。将鼠标悬停在页面上的空白区域上,您会看到一个黑色框内的白色加号(当您将光标移到它上面时,框会变成蓝色,如下图所示)。 单击该加号将显示您可以添加到WordPress文章或页面的所有区块。在搜索框中输入“Twitter”,然后选择出现的Twitter嵌入区块。 这会将Twitter嵌入区块添加到您的WordPress文章或页面。 将推文的URL添加到Twitter嵌入框 现在,获取您从推文中保存的URL并将其粘贴到嵌入框中。完成后单击嵌入。 Twitter嵌入框的最终结果(或错误消息) 这是添加后的样子: 但是,如果您抓取了无法嵌入的链接,您可能会收到错误消息。您可以再次尝试链接或选择转换为链接选项,但如果两者都不起作用,则必须使用其他链接。 Twitter嵌入区块设置和选项 当您单击Twitter嵌入区块时,嵌入推文顶部上方的工具栏中会显示六个选项: 从左到右分别是: 更改区块类型或样式 拖动 向上或向下移动 更改对齐方式 修改网址 更多选项 更改区块类型或样式 此选项允许您从三种块类型中进行选择:栏目、组和段落。您(可能)想要使用的唯一两个是栏目和组;段落只会将您嵌入的推文变成直接链接。 列选项很棘手。在我的主题中,只添加两列最终切断了推文: 我在组布局上运气更好,它将两条推文并排放置并完整显示它们: 您还可以将背景颜色更改为纯色或渐变色。要在右侧边栏中显示该工具栏,请单击“更多选项”按钮(带有三个垂直点),然后选择“显示更多设置”。 知道块样式工具非常喜怒无常。当你点击时弄清楚发生了什么并不容易,你必须继续玩弄它,直到推文按照你的意愿出现。 拖动 将鼠标悬停在拖动选项上将使您的光标变成一只手。然后,您可以拖动块以将其放置在页面上所需的位置。请注意,当您拖动该框时,它会变成一个小黑框,直到您重新定位它为止。 向上或向下移动 上移或下移箭头可让您将Twitter嵌入框向上或向下移动一个空间,除非您已经位于页面的顶部或底部。 更改对齐方式 您有五个对齐选项: 左对齐 右对齐 居中对齐 宽幅 全幅 选择向左或向右对齐将使Twitter嵌入框更小。选择其他三个选项中的任何一个都会使其更大。 修改网址 如果您想替换推文的URL,您可以在这里进行。这比删除Twitter嵌入框并从新开始更容易。 更多的选项 […]

WordPress 修改管理员邮箱的几种方法!
注意:更改邮箱后,请到新邮箱收取验证链接,并点击更改!不需要旧的管理员邮箱任何操作! 使用这项功能之前,你要确定在使用的服务器和主机支持不支持邮箱发送系统,在VPS上安装的宝塔是默认不安装邮件系统的了,需要自己手动安装。而几乎所有的cPanel主机都支持网站邮件发送。所以宝塔上安装的WordPress网站是在线发不了邮件的,就是说你在后台填写新邮件地址后,网站系统无法给你的新邮箱发送验证链接。如果你想要收到邮件就要在宝塔里面安装邮箱发送系统(配置低的VPS可能装不了)。 为什么要更改管理员邮箱呢?WordPress网站的邮件主要有几个特点,一是接收文章评论,二是如果你建设商城的话付款消息和订单信息都会发送到邮箱,三是用户注册信息发送,四是站内信息群发,五是管理员信息更改。 、 收到验证链接邮件后点击链接就可以把管理员的邮箱给更改过来了! 通过插件修改邮箱 也许有些小伙伴没有对数据库进行修改的权限,那么我们可以通过插件Change Admin Email进行绕过该“安全机制”,无需从服务器发送确认电子邮件。这对于测试目的、本地主机设置或禁用出站电子邮件的任何其他情况非常有用。 此插件可恢复管理员更改此设置的能力,而无需发送确认电子邮件。请注意,“网站管理员电子邮件”是用于网站上管理员目的的全局电子邮件。它是网站发送电子邮件时的“发件人”地址。“站点管理员电子邮件”可能与管理员的个人用户电子邮件不同,后者与管理员的用户帐户相关联。 下载地址:https://cn.wordpress.org/plugins/change-admin-email-setting-without-outbound-email/ 使用方法 激活 Change Admin Email Setting Without Outbound Email 插件后,管理员可以从WordPress仪表盘中的设置→常规。 然后在管理员电子邮箱地址处,修改成自己目标邮箱地址,点击保存即可。 考虑到安全因素,建议大家在 WordPress 后台的插件库里在线搜索安装Change Admin Email插件,启用后进入设置——常规里可以看到在管理员邮箱框下面有一个“Test Email”按钮,输入新的管理员邮箱保存后记得一定要点击一下这个按钮让修改彻底生效。 通过数据库修改邮箱 使用 phpMyAdmin 打开 MySQL 数据库,找到wp_options和wp_users两个表,其中wp为默认数据库前缀,如果你有不同的设置,请直接无视前缀。 在options表中找到对应字段admin_email,对其进行编辑,修改成自己的目标邮箱地址。 然后在users表中找到自己管理员账号,一般默认ID为1,点击编辑该账号,找到对应字段user_email进行编辑,修改成自己的目标邮箱地址。 修改之后记得执行保存。 “这种方法没什么用,只适合自己安慰自己” 请注意!以下几点! 1.如果你网站搭建在宝塔,在更改邮箱后收不到验证邮件,说明你的宝塔没有安装邮件发送系统,需要单独进行安装,网站才能接收,发送邮件。 2.如果你使用的是类似于“老薜”或者“老鹰‘这类比较成熟的主机商,你在安装网站后更改邮箱收不到邮件,建议你使用qq邮箱或者126邮箱,不要使用gmail或者hotmail这类国外邮箱,大概率会被拦截掉。 3.记得,记得!验证邮箱是很重要的一步骤。在新建网站后,网站系统给你发送验证邮箱主要是为了日后网站崩溃,接收评论,升级报告,订单信息,等等。所以如果你的网站接收不到验证邮箱,请更换新的邮箱地址重新试试,或者联系主机商咨询试试。

运营英文广告联盟中需要安装流量跟踪程序iMobiTrax v3.8版详细安装教程,下载im3.8源码。
iMobiTrax对一些小白来说感觉有点难,我把他简单一下总结安装步骤和教程! 安装网站完成后,在数据库里面新建立一个数据库和用户单独用于im程序安装的。 建立mysql数据库,创建数据库用户;HOST选本地,复制好数据库密码,(cPanel面板)需要勾选“创建与用户同名的数据库并授予所有权限并保存”;填写完成后点击页面最下方“执行”;。 修改\account\mt\ mt_config.php文件中的用户名,数据库名,密码,然后保存; 安装成功后。注册iMobiTrax的帐号和密码, 用http://域名.com/account/login.php登陆后台 打开iMobiTrax安装页面的时候,一定要注意文件的路径,一般来说是http://域名.com/account/install.php 登陆成功后,需要删除一下安装文件。 首先删除你的安装包,还有 \account \install.php \account\mt\db_install.php 登陆进去后,可以建一个campaigns试试,然后自己点击一下,看click及跳转是否正常。 如果没有click数据,或建的campaigns不显示,是由于数据库权限设置问题。 请进入phpmyadmin,找到对应的数据库,然后将连接该数据库的用户名权限全选提交保存。 登陆不进去的原因可能会是: a. 需要清理一下cookie及浏览器缓存 b. 将你的网址www去掉,或加上www试试。这种情况经常会发生。原因是im的跨域问题。 下载iMobiTrax v3.8

解决宝塔主机面板搭建WordPress整站包采集发布出现缩略图无法显示!
部分宝塔面板的服务器在安装完网站,用采集器发布内容到网站的时候无法显示缩略图,可以安装Regenerate Thumbnails插件来解决这个问题。
Google Adsense 过审核申请教程,谷歌广告的另类申请技巧
继上周我发布了:新网站快速申请 Google AdSense 账号获批通过的技巧 之后,立马收到很多网友反响,发现大多数网友在申请 Google Adsense 的时候太不顺利了,而真正的能帮助到大家通过Google Adsense审核的教程在国内少之又少,主要是因为国内博客类网站起家比较晚,也是算从2010年以后,真正的博客玩家才变得多起来,在这之前只是一些大神级的SEO优化者真正的关注联盟网站这块,加上国内网络抄袭泛滥,靠Google Adsense赚钱的博主并不多,反倒台湾一些博客玩家依靠一些博客平台赚足了人气,不过如今那些台湾网红博主大多转战Youtube,而同时国内这些小博客玩家才相继拾起Adsense联盟赚点养服务器的费用。 早期的Adsense门槛相对较低,现在申请Adsense确实比以前难了很多,但是这依然有很多可突破的技巧,只是因为大多数网站玩家对于Adsense不甚了解,所以就提交了一些不合规的网站,导致屡次失败,甚至最后放弃,这种例子实在太多了。所以今天就给大家提供一个我和朋友已经操作实现的申请技巧,如果你的Adsense一直显示正在审核中,你或许可以尝试根据本文的思路来重新开站申请,不过在这之前你得有些准备: 1、域名2、服务器(Linode、搬瓦工、Vultr)3、网站系统(Typecho、Wordpress、织梦、帝国CMS)4、爬虫工具(火车头、代码采集)5、伪原创工具(奶盘SEO伪原创非必须)6、百度翻译API 主要说一下步骤思路: 首先在你购买的服务器上搭建网站系统,新手可以直接安装宝塔控制面板来搭建网站,宝塔也不会安装的请直接百度或者联系我QQ1989473781付费帮忙安装,另外注意一点我上面的给大家推荐的服务器提供商那里最好选择位于美国的服务器,Linode选择Fremont或者洛杉矶的主机,搬瓦工选择洛杉矶CN2电信大陆直连主机,这些主机相对大陆速度会友好一些,如果只是用来申请Adsense使用以上主机按月购买即可。 明确网站定位,当然如果只是为了申请Adsense账号的话,可以忽略定位,但是网站内容还是要统一,我们当时定位为财经股票类繁体网站,采集源来自新浪博客,因为我们发现新浪博客上面确实很多很优秀的博客作者,所以这里墙裂推荐大家从早期的博客平台采集,这类博客平台有新浪博客,搜狐博客,台湾痞客邦,这三个博客平台是最好的内容源,望大家好好利用,大家可以用火车头或者自己写爬虫脚本采集入库。 你可能感兴趣:5种有效的方式来最大化你网站的 AdSense 广告利润Adsense 月入过万,你必须要懂的赚钱逻辑及赚钱心态Google Adsense 广告收益止损新办法 ads.txt 帮你搞定 我们每天采集1000篇左右的财经股票文章,因为定位比较明确,所以其他类型的文章我们一律不采集,采集后我们会通过百度翻译API做繁体转换,将文章内容转换为繁体,工具中第五条用的伪原创工具是我后来加上去的,我认为如果能用上这类伪原创工具将文章做一下伪原创,将更利于SEO和Adsense申请,不过因为是采集所以也不想花太多时间和精力,最后没有使用伪原创工具,采集做了一个月多,我们开始尝试申请Adsense,第二天就通过了申请,后来回想起来应该早点的尝试申请,也许这个时间可以变的更短。 你可能感兴趣:当我们发布一篇博客文章之后我们该做些什么?解密 Google AdSense 高价赚钱网站类型之挖掘高价广告关键词的秘密 2018年8月12日更新:最近为客户代申请Google Adsense账号搞得自己也很头大,为此看了看了国内的一些网站出售平台,没有找到很合适的网站可以用来作为Adsense申请使用,中间尝试搜索了国外的网站出售平台,看到一个销售价格为200美刀的网站,是个平衡车的购物导购站,里面有个Blog模块提供了很多平衡车测评的英文文章,按照我上面采集的思路,如果把这些测评文章全部翻译成简体中文并单独弄个博客那就是相当于纯原创的内容,并且这些内容主题一致,这对于不知道如何原创,如何写文的博主或许非常有帮助,希望大家用好这方法。 这次给我的思考就是原创的问题,我们一直以来都知道Adsense要求原创,现在看来翻译也是一条很好的原创思路,关于这次网站定位为财经股票类网站,我想大家如果阅读过我之前的关于Adsense网站高价关键词分析的文章都应该清楚,财经股票类关键词的文章一直单价都比较高,这就是做这个定位的缘故,最后祝大家都能申请通过。 English Reading After last week, I released: New website quick application for Google AdSense account approved skills After receiving a lot of netizens, I […]
Google Adsense 账户申请注册手把手教你获得自己的账号教程
如果你的网站有流量,有人气的话,没有做Google AdSense,那你的网站真是太“纯洁”了;有时候该做点广告还是做点广告吧,不以经营的理念来对待自己网站的发展,无论是大型综合网站还是个人网站,甚至是blog,都成长不起来的。因为长期的感情投入,坚持下来不是一件很简单的事。 谷歌推出的 Adsense 计划是最受站长欢迎的网络营销联盟之一,站长甚至可以通过博客即可实现网络赚钱。Google Adsense 是一个广告计划,你可以在申请审核通过后在你的网站上挂上广告,广告代码会根据你的网站内容和访客网络记录在你的网站上实现广告展示,你将获得这些广告获得的点击次数的报酬以及广告的展示报酬。如果你还不知道如何创建 Adsense 帐户,这篇文章将是个必不可少的指南肯定对你会有所帮助。 注册 Google Adsense 帐户非常简单快捷,只要你满足其要求即可。第一个条件是你应该拥有至少15-20页的博客或网站。其次你必须年满18岁。 1.访问 Google Adsense 注册页面 http://www.google.cn/adsense/start/#/?modal_active=none,然后选择“立即注册”按钮,如下图所示: 由于Google Adsense是用的是Google.com域名,该域名已经被GFW屏蔽,你需要科学上网才能打开注册页面,科学上网方法请网上找教程。 2.如实的填写 Google Adsense 注册表单,网站地址和邮箱账号,点击保存并继续按钮如下图所以: 3.填写姓名,邮箱和密码,建议所有信息都用你真实信息,以防后期无法修改,如下图所示: 如果你已经有了Gmail邮箱直接点击左下角的 Sign in instead 即可。 4.紧接着输入相应的收款人信息,这里确保你使用了与你拥有银行帐户相同的名称,接下来,你可以填写你的联系信息和其他详细信息以继续,这些包括你的全名,地址,国家/地区和电话,将在你达到Adsense付款标准时和后面的PIN码接收时使用。 5.阅读所有Adsense政策并检查所有三个框以同意它们,选中后点击“提交”按钮,下一页可让你查看提供的所有详细信息,在这里你可以确保输入了正确和最新的信息。 6.点击“提交我的申请”按钮完成注册。 7.注册Adsense后,转到仪表板。你会得到一串 JavaScript代码。复制此代码并将其粘贴到你的网站中。然后,你的申请将由 Adsense 团队进行审核,审核流程可能需要数天到数周。当您的 AdSense 广告获得批准时,Google会向你注册是填写的电子邮箱发送邮件,获得批准后,你就可以开始在博客上展示 Google 广告并赚取收益。 注意:你的网站应该具有关于我们,联系我们页面和隐私政策,根据以往经验这对Google Adsense的审核有着非常大的帮助。 你也许感兴趣: 新博客快速申请 Google AdSense 账号获批通过的技巧及答疑Google Adsense 过审核申请教程,谷歌广告的另类申请技巧Google Adsense 账户类型以及托管账号如何升级为网站内容广告Google Adsense 联盟账号注册申请条件以及注意事项 English […]

火车头采集器教程之如何通过fiddler获取cookie简单教程_爬虫软件技术与爬虫软件网页数据采集器门户
有的网站要登录才能采集 就是要采集器获取到登录后网站的cookie 才能采集 或者 是写发布模块要用到抓包 获取post的数据 有的时候采集内置的浏览器获取的信息可能不行 那就可以用抓包软件 获取这些信息 这里使用fiddler这个抓包工具说明下如何抓包 fiddler工具下载地址:https://pc.qq.com/detail/10/detail_3330.html 1,下载并安装好,启动fiddler工具 界面如下: 2,我们看到很多信息,要找到我们的网站很难 我们可以清空已经抓到的信息 办法是在右侧随便选中一个网址电脑键盘“CTER+X”是清空的快捷键如图: 清空后的结果: 3,然后就不要在用浏览器刷新别的网站了 ,现在只要刷新我们要获取cookie的网站 ,刷新后我们看下fiddler工具得到什么 如下图:哦 这里一定要选择“raw”这个选项,这个图忘记注明了 第4步的注明了具体看下面的图吧 4,就可以获取到cookie并把cookie user-engent 复制到采集器里面了

火车头采集器教程之列表页标签的设置截图教程_爬虫软件技术与爬虫软件网页数据采集器门户
列表页标签的建立: 1、先添加火车头采集器起始网址 2、点添加设置网址规则 3、选择手动填写链接地址规则 4、查看原网页列表页页面的源代码 5、查找要采集的内容页链接地址区域 6、选择其中一条内容页网址的区域代码,复制到采集器列表页的手动填写链接地址规则 的脚本规则表单里 7、复制进火车头采集器后把相应的位置用[参数]或者来替换 8、[参数1]和[参数]对应,实际链接里的值就是要采集的内容页地址,后面是标题和内容两个列表页标签,这里定义的默认循环匹配到其他的网址链接和相应内容的哦 9、测试网址采集,效果是这样,对于标签里的不要的内容可以在采集规则第二步标签编辑里排除掉

塔克网站模板主题,adsense广告插入教程与技巧 编辑文件插入广告方法
修改添加广告,老手最好的方法是直接修改模板。对于要修改到php文件的时候需要使用到代码编辑软件! 先去下载一个editplus烈火汉化版。 https://www.jb51.net/softs/256.html 新手的第一要素是能用插件尽量用插件,不懂不要随便修改主题文件! 对于复杂结构的WordPress主题来说用插件会比较方便,因为主题结构复杂你需要花很多时间去找出各个页面。所以为让站长都能轻松修改增加广告,我写了这个教程来说一下,购买了塔克主题后如何编辑主题文件并插入广告联盟的代码的技巧。 我先说一下WordPress的主题结构。就算进化到多少代,一般主题结构大多以英文名称来命名。 为了让广告出现在需要的页面,最好按教程来操作,谷歌的广告代码一般在插入后需要一段时间大概15分钟左右才能显示。请跟着塔克网在以下主题文件和插入广告代码的位置,让广告植入更轻松。 首先到谷歌广告中心获取广告代码,如果你不懂设置广告块的话,最好使用最智能的方法“自动广告”模式,这个模式下,谷歌广告会在任何情况下出现在任何页面上! 再友情提醒一下,谷歌广告代码在插入后有时需要30分钟才能显示或者更久,请耐心等待! 首先先去“插件中心”安装一个“经典编辑器”和“经典小工具” 1、让自动广告插入在侧边栏和头部。 配置“外观”“小工具”“侧边栏,选择“自定义HTML小工具“,然后放入代码。 效果如下: 添加图片广告方法! 插入广告的方法有非常多种,比如使用各式各样的广告插件,也有谷歌AdSense官方的广告插件。当然资深的站长使用代码插入的方法是最好的,因为减少插件的使用对网站安全和服务器资源来说是非常有用的。 Header and Footer Scripts 网站头部和尾部广告代码自动插入插件! 下载地址:https://cn.wordpress.org/plugins/header-and-footer-scripts/ 超简单好用的,HTML代码插入插件,支持所有的广告代码和adsense广告代码!只要是HTML代码都可以选择显示在网站头部或者页脚!一旦插入广告是全站显示的! ♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦ Insert Post Ads文章贴子页面广告代码插入显示插件! 下载地址:https://wordpress.org/plugins/insert-post-ads/ 这个广告插件可以让你的代码广告显示在文章或者页面内容的前面或者后面,是个非常好用的广告插件!支持谷歌adsense任何广告联盟的HTML代码! 首先启用插件后,创建广告!这个是文章内容前插入广告 选择广告要显示的是文章或者是页面! 非常简单好用的一个广告插件,你想在文章帖子前后显示广告就添加就行了! […]
erdaoo 的 WP Theme 教程学习笔记
本文由 erdaoo 学习本站的 WP Theme 教程之后的学习笔记整理,经本站整理,erdaoo 本人同意之后在本站发表,以便给更多学习 WP Theme 教程的人帮助。 学习本教程,需要: 对PHP,WP,CSS,PS有一定的基础,懂得初步的应用。 你是一个想要表现自己的家伙,并且不想再使用别人制作的主题。 你要有耐心,细心,细心,耐心。 WP 主题简介 在详细分解代码之前,我们还是要先了解一下WP主题的大致情况。一个 WP 的主题是由几个 templates 文件组成的,每一个主题必有的二个文件是:index.php 和 style.css(样式表),除此之外还有一些其它的文件(不是必须),它们和 index.php 文件间存在优先级关系,如果它们存在,WP 模板系统就会调用它们显示相应的页面,否则模板系统会调用 index.php 来显示。 它们有可能是以下文件: single.php — 单一日志文件,用于显示单一日志 page.php — 页面模板文件,用于显示静态页面 archive.php — 存档文件,用于显示存档页面 category.php — 类别文件,用于显示类别页面 search.php — 搜索文件,用于显示搜索结果 404.php — 错误文件,用于显示404页面 comments.php — 评论文件,用于显示评论和评论框 index.php 首先制作index.php,我们知道在一个网页中,代码主要分为二部分,一个是页头信息,一个是页面内容。 <html> <head> ………页头信息 […]
WordPress 主题教程 ebook 下载
应 roader 同学的要求,我把我翻译的 WordPress 主题教程加上 erdaoo 同学整理的学习笔记一起打包成电子书给大家下载,方便大家的阅读和学习。另外说一下,本人翻译 Small Potato 的 WordPress 主题教程,并不是为了和谁比翻译的更流畅或者更早,我翻译这个教程只是为了自己学习怎么制作 WordPress 主题,以及让更多的人学习,没有任何和人比的意思。 下载地址:WP Theme 教程.pdf 如果发现其中有什么错误,请给我留言,万分感谢! 标签:WordPress 主题
WordPress 主题教程:从零开始制作 WordPress 主题
从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。 网络上已经有很多关于制作 WordPress 主题的教程,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的术语的话,这些教程可能不一定会帮助你,甚至还会误导你,所以这个教程会真正从零开始教你如何创建 WordPress 主题。 创建 WordPress 主题所需的工具和准备 开始真正制作主题之前,你需要使用到下面这些工具: 为了测试方便和快速,你首先需要在本地安装 WordPress,至于如何在 Windows 系统上安装 WordPress,你可以参考这篇日志:在 WordPress 本地安装 WordPress。 如果由于某种原因不能在本地安装 WordPress,那么你也可以的服务器上安装一个测试版的 WordPress。这个时候你必须要有一个支持 WordPress 主机的服务器,一般我使用 LAMP 主机(Linux+Apache+MySQL+PHP)主机,Win+IIS 主机可能会有很多问题,调试也比较麻烦,而 LAMP 主机,从我个人使用经验来说,我推荐 (MT) Media Temple 主机。 代码编辑工具,如 NotePad++ 或者 Vim 都可以,主要是适合自己个人使用习惯。 FTP 工具,用于上传主题到服务器上测试,这方面的工具很多,如 Filezilla,SmartFTP 等,如果你先安装软件麻烦(对啊,现在是云计算时代,谁还装软件),你也可以安装 Firefox 的 FTP 扩展,Fireftp,直接在 Firefox 中上传文件到服务器上。 XHTML 验证器和 […]

WordPress 主题教程 #1:介绍
WordPress 主题教程 #1:介绍是从零开始创建 WordPress 主题系列教程 的第一篇。 从零开始制作 WordPress 主题的教程不会一次就教会你所有的东西,那样也是不可能的,这个教程也不是 WordPress 主题制作的参考,我所做的是一步一步从零开始教你如何制作 WordPress 主题,所以一定要耐心。 所以这一篇介绍首先是 WordPress 主题制作的一个最基本的介绍。这里会涉及到 HTML 和 WordPress 的基本规则,一些专业术语,以及 WordPress 主题的层式结。这些概念是很重要的,在接下来教程的很多地方都会涉及到,所以开始之前一定要搞清楚。 基本规则: 规则 #1:以正确顺序关闭所有 HTML 标签。 在上图中在错误关闭标签的演示中,关闭的 ul 标签是不按次序的。 每个 HTML 标签都是在 < 和 > 中,如果有斜线 /,则说明这个标签是开始标签,没有则是结束标签。如:<> 是开始标签,而</> 是结束标签。 在上面的例子中,使用 ul(无序列表)li (列表元素)标签。注意 li 的开始和结束标签在 ul 的开始和结束标签的里面,这就是标签正确嵌套方式。 规则 #2:每个主题至少要有这两个文件 – style.css 和 index.php。index.php 告诉主题中所有的元素如何布局,style.css 则告诉主题中所有的元素该如何展示和样式。下面是一个完整的主题含有的文件列表(现在我们不用详细了解这个列表每个文件的意思,有个这样的印象就可以了): […]

WordPress 主题教程 #2:模板文件和模板
模板文件(template files)和模板(template)是从零开始创建 WordPress 主题系列教程的第二篇。开始之前,你要确保你已经看过WordPress 主题教程 #1:介绍,否则你将无法理解在教程 #2 中使用的名词。 在WordPress 主题教程 #1:介绍中,我们已经学过了 WordPress 的两条基本规则和术语,而这篇将会深入讲解模板文件,模板,以及每个页面的结构。 WordPress 博客的每个页面是由多个模板文件组成的,下面是首页的例子: 在上图中,我们可以看出主题的 index.php 是由 4 个模板文件组成: header.php,index.php,sidebar.php 和 footer.php。 Header 模板文件: 通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。 Index 模板文件: 这个模板文件包含你的日志的标题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。 Sidebar 模板文件 这个模板文件主要用于控制博客的页面列表,类别列表,存档列表,友情链接列表和其他一些列表。 Footer 模板文件: 像 header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息。 现在让我解释为什么把上面图片中的 index.php 所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。 如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.php,single.php,sidebar.php 和 footer。 原文:link 标签:WordPress 主题 WordPress 教程

WordPress 主题教程 #3:开始 Index.php
开始 Index.php 是从零开始创建 WordPress 主题系列教程的第三篇。在介绍了 WordPress 主题的一些规则和术语,以及对 WordPress 模板和模板文件了解之后,现在是开始动手创建 WordPress 主题了的时候。 在这篇中,你将要着手开始写 WordPress 代码。这里建议在本地电脑上安装 WordPress,而不是安装到服务器上,因为本地更方便测试。 第1步:打开 XAMPP 控制面板。 在 XAMPP 文件夹(通常是:C:\xampp),双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。如下图所示: 启动之后你看最小化窗口了。 第2步:创建你的主题文件夹。 转到你本地安装的 WordPress 主题文件夹,应该在xampp/htdocs/wordpress/wp-content/themes。创建一个新的文件夹,命名为 tutorial。 第3步:创建 index.php 和 style.css 文件。 打开记事本或者你选择的文本编辑器,把 index.txt 这个文件中的所有内容都拷贝到你的记事本。保存为 index.php。 打开另外一个记事本,直接保存为 style.css 到相同的文件夹下. 现在有两个文件了: index.php 和 style.css. index.php 解释: 点击上面的图片查看大图。我会向你解释每个红色圆圈区域是什么意思。 Doctype – 指明你用哪种类型的代码来编码你的主题。这里你暂时还不用管它的详细意思。 […]

WordPress 主题教程 #4a:Header 模板
Header 模板是从零开始创建 WordPress 主题系列教程的第四篇。前面我向你讲解了如何安装和启动 XAMPP,安装 WordPress 主题以及介绍了 PHP 语言的最基本语言,这篇我们将继续 PHP 并学习如何调用博客的标题和链接。 尽量输入所有代码而不是直接拷贝我给你的代码,这样可以让你尽量记住你所学到的的。 第1步:打开 XAMPP 和主题文件夹。 打开 Xampp,然后打开上次创建的主题文件夹,xampp/htdocs/wordpress/wp-content/themes/tutorial。我们应该看到上次创建的两个文件:index.php 和 style.css。 index.php 和 style.css 文件的内容应该和index.txt 和 style.txt 一致。 第2步:打开 index.php 打开浏览器,转到 http://localhost/wordpress。因为上次安装了一个空白的主题,这时我们应该看到一个空白的页面。 返回主题文件夹并打开 index.php 文件。 到目前为止,我们已经打开了主题文件夹,浏览器和 index.php 文件。 第3步:调用博客标题 编辑 index.php 文件。在 <body> 和 </body> 这两个标签之间输入 <?php bloginfo(‘name’); ?>,然后保存它。 返回到浏览器并刷新。这时候我们应该能够看到博客的标题。博客的标题是 Demo Theme Development。 刚才发生什么了? 我们在网页的主体 (body) 之间加入了一行 […]
WordPress 主题教程 #4b:Header 模板 2
Header 模板 2是从零开始创建 WordPress 主题教程系列教程的第四篇第二部分。最后说一次,开始之前务必先读下前面的日志。这篇会完成 Herder 模板,并且开始介绍 DIV Box 模型。 第1步:开启 XAMPP 和打开 index.php – 启动 Xampp – 打开 Tutorial 的主题文件夹 – 打开浏览器,在地址栏输入 http://localhost/wordpress – 返回主题文件夹,用记事本打开 index.php 第2步:给博客的标题添加 H1 的标签 现在,index.php 的代码是: <a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a> 给它添加 <h1> 和 </h1> 标签。H1 标签意思是标题一。HTML 一共可以有7级标题:H1,H2,H3,H4,H5,H6。按照默认,H1是字体最大而H6是则最小。 添加之后的的 index.php 文件是: <h1><a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1> 保存,返回浏览器并刷新。 […]

WordPress 主题教程 #5:主循环
调用博客日志的主循环(The Loop)是 WordPress 中最重要的 PHP 代码集,几乎所有的页面都会用到它。这也是从零开始创建 WordPress 主题系列教程的第五篇。 在开始继续学习之前,我们先复习下到目前为止学到了什么? 到目前为止,我们已经学到:: 规则,术语和 WordPress 主题的层式结构 每个页面有哪些部分组成 如何安装你的主题 如何调用博客的标题和把它做成一个链接 如何调用博客的描述和如何把 header 和其他部分分开 现在让我们开始第五篇:主循环(The Loop) 打开 Xampp,“tutorial”主题文件夹,浏览器,并且在浏览器中转到 http://localhost/wordpress,最后打开 index.php 文件。 下面应该是这时候 index.php 文件中的内容: 记住,为了学习这些代码,请尽量手工输入而不是拷贝和粘贴。 第1步:创建 container Div 在 header DIV 标签下添加一个 DIV 标签,并给它的 ID 赋值为 “container”,如下: <div id=”container”> </div> “container” 这个 DIV 标签是用把博客的主要内容和其他东西都区分开,比如 sidebar 和 footer 等。 第2步:输入主循环代码 在 […]

WordPress 主题教程 #5b:日志内容
日志内容是从零开始创建 WordPress 主题系列教程第五篇的第二部分,在这篇中,我们将展示如果显示博客日志的内容,并且使用一个 DIV 标签把博客日志的内容和日志的标题区分开。再次强调一次,上一篇关于 WordPress 主循环介绍的课程非常重要,你需要彻底明白之后才能继续学习。 下面开始这篇课程。首先还是打开 XAMPP,“tutorial”主题文件夹,浏览器并在浏览器地址栏输入:http://localhost/wordpress,最后打开 index.php。 第1步:使用 the_content() 函数显示日志内容 在日志标题代码下面输入:<?php the_content(); ?>。 保存并刷新浏览器,现在在日志标题下面看到了一些文本: 刚才发生什么了? 我们使用了 PHP 函数 the_content() 调用了 日志的内容。现在,日志的内容只是一长行的文本,一直到窗口的右边,因为我们还没有样式化它。还记得最开始说到的 style.css 这个文件吗?我们以后用它来控制所有页面元素的显示和布局。 我们在 WordPress 后台输入多篇多篇测试日志,就可以看到多篇日志一起被显示的样子: 返回浏览器,点击”查看”选择“页面源代码”,就会弹出一个源代码窗口,如果你使用的是 Internet Explorer,那么弹出的是记事本。 我使用的是 Firefox浏览器,下面是在 FireFox 中显示的样子: 你注意到 index.php 文件和它的源代码之间的区别了吗?所有的文本,图像和其他东西等所有上图展示的东西都是通过 the_content() 这个函数调用来的。是不是很有用?注意这些代码是不依赖具体的 WordPress 主题,我们应该自己的这些文本和图片进行编码和样式化。 还有,有没有注意到我圈出的开启和关闭的P标签。他们都没有在 index.php 文件中出现,但是他们在源代码中出现了。 P 标签,为什么和如何使用? 为什么 – 当我们输入日志的时候,每次跳过一行就是一个段落,这个时候需要一个方法去展示?我们可以通过 P (段落,paragraph)标签,每个段落会在 P 标签之间,这就是为什么段落之间有行距的原因, […]

WordPress 主题教程 #5c:日志元数据
日志元数据是从零开始创建 WordPress 主题系列教程的五篇的第三部分,今天我们将开始讲解日志的元数据(Postmetadata):日期(date),分类(categories),作者(author),评论数(number of comments),以及其他和日志有关系的信息。 同样请打开 XAMPP,主题文件夹,浏览器以及 index.php 文件。 先让我们复习下,现在的 index.php 文件应该有下面这些代码了: 把 postmetadata.txt 中的代码复制到 <?php the_content(); ?> 下面。(注意:在这部分,我们只需要复制和粘贴。当我制作 WordPress 主题的时候,我也只是复制和粘贴这部分代码。对于这部分代码,你不需要完全理解它,只要知道每部分干什么已经足够了。) 下面的屏幕截图是为了适应日志的大小而只裁剪了一部分,它主要你关注日志元数据代码的位置: 保存并刷新浏览器,现在应该是: 我们同样可以通过查看源代码来看日志元数据是怎样的? 详细解释: <p class=”postmetadata”> 和 </p> – 所有的日志元数据都在一个 class=”postmetadata” 的段落标签中,因为我想把日志元数据和日志内容区分开。如果没有段落标签,日志元数据信息将在日志内容结束的地方继续,这样就没有任何间距去区别内容和日志元数据。 <?php _e(’Filed under:’); ?> – : 是调用冒号“:”的代码; 把Filed under:放入<?php _e(’ ‘); ?>中不是必须的,这样主要为了使得 Filed under: 可翻译。如果你的主题不需要支持多语言,可以简单输入 Filed under:; <?php the_category(’, ‘) ?> – […]

WordPress 主题教程 #5d:Else,日志 ID,链接标题
Else,日志 ID,链接标题是从零开始创建 WordPress 主题系列教程的五篇的第四部分,这篇课程将讲解其他3个可以增加到日志中的元素:Else,post ID, 和 链接的 title 值。尽管它们是可选的,但是我们几乎可以在我每一个免费的主题中都能找到。 开始之前,不要忘记启动 Xampp。 第1步:Else 在 <?php endwhile; ?> 的下面输入以下代码: <?php else : ?> <div class=”post”> <h2><?php _e(’Not Found’); ?></h2> </div> 大致如下: 保存刷新浏览器,但是应该注意到没有任何变化。我们返回教程 #5 — 主循环,去解释你刚才上面输入的是什么? 这里就是主循环的部分代码: <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?> <?php endwhile; ?> <?php endif; ?> 第一,if(have_posts()) 检查博客是否有日志, 第二,while(have_posts()) 执行 the_post() 去调用日志。而 Else […]

