将Live Ajax搜索栏添加到您的WordPress网站

无论您是在Google、YouTube、Amazon还是任何其他主要网站中输入搜索查询，实时搜索都已成为现代网页设计的基本要素。 实时搜索是指您在键入时看到建议的搜索词列表，并且它可以成为任何网站的有价值的补充。今天，许多用户只是希望每个网站都具有实时搜索功能，而您可能会发现很少有人愿意手动搜索您的网站。 通过帮助访问者找到...

什么是WPBakery Page Builder怎么使用（Visual Composer）

WPBakeryPageBuilder（ 以前称为VisualComposer）是2020年您可以使用的最灵活、功能最丰富的WordPress页面构建器插件。它与几乎所有现代WordPress主题兼容，您不需要任何编程能够使用它的技能。事实上，在使用它时，您甚至不必输入任何短代码！借助WPBakeryPageBu...

使用contentEditable属性创建内联文本编辑器

创建内联编辑器需要付出努力。您首先input使用或 textarea字段切换要编辑的元素 。为了获得无缝的用户体验，您可能还必须使用一些css以使交换元素的样式与原始元素相匹配。用户完成编辑后，您将不得不在将所有内容复制到原始内容后再次切换元素。 该 contentEditable属性使这项任务变得容易得多。...

使用contentEditable属性创建所见即所得的富文本编辑器

WYSIWYG编辑器非常受欢迎。您可能在某个时候也使用过一个。有很多库可帮助您设置自己的编辑器。尽管它们可以快速设置，但使用这些库也有缺点。首先，它们是臃肿的。它们中的大多数都具有您可能不会使用的花哨功能。此外，自定义这些编辑器的外观可能会让人头疼。在本教程中，我们将构建自己的轻量级WYSIWYG编辑器。在本教程结束时，您将拥有一个具有基本格...

使用CamanJS创建图像编辑器：应用基本过滤器

不久前，我写了一些教程，描述了如何仅使用css将不同种类的滤镜和混合模式应用于图像。在您想要显示同一图像的灰度、模糊或高对比度版本的情况下，这可能非常有用。您可以使用几行CSS将这些效果应用于原始图像，而不是创建四个不同的图像。 在大多数情况下，使用CSS过滤器和混合模式效果很好。但是，CSS不会修改图像本身的像素。换句话说，过...

使用CamanJS创建图像编辑器：图层、混合模式和事件

在本教程中，我们将介绍该库的一些更高级的功能，例如图层、混合模式和事件。CamanJS中的层在第一个教程中，我们只使用了一个包含我们图像的图层。我们应用的所有过滤器都只操纵了那个主层。CamanJS允许您创建多个图层，以便您以更复杂的方式编辑图像。您可以创建嵌套层，但它们将始终像堆栈一样应用于其父层。每当您创建新图层并将其应用到父图层时，使用的...

WordPress编辑器古腾堡Gutenberg Block API：块外观

新的WordPress编辑器古腾堡（代号Gutenberg）将于5.0版中发布。现在是在它登陆WordPress核心之前掌握它的最佳时机。在本系列中，我将向您展示如何使用Block api并创建您自己的内容块，您可以使用这些内容块来构建您的帖子和页面。如果您还记得，我们的自定义块在前端和后端呈现不同，以证明您可以完全控制块在编...

使用create-guten-block构建古腾堡编辑器

Gutenberg是新的WordPress编辑器，每个人都在谈论它。它引入了一种使用WordPress编写内容的全新方式。因此，不仅开发人员可以从其块建模布局中受益，最终用户也可以使用它创建动态页面布局。 但是，对于想要将其集成到项目中的开发人员来说，使用Gutenberg构建自定义块可能相当麻烦。本教程将介绍一个令人难以置...

使用YellowPencil WordPress CSS编辑器设计您的网站

您如何在没有任何CSS知识的情况下重新设计您的网站并创建漂亮的网页时代？如果你没有CSS技能，你如何改变它的外观和感觉？不知道如何编写CSS代码不应阻止您设置网页样式。这就是像YellowPencil这样的WordPressCSS编辑器的用武之地。 在这篇文章中，我将回顾YellowPencilCSS视觉样式编...