绑定完请刷新页面
取消
刷新

分享好友

×
取消 复制
wordpress添加媒体_如何使用Algolia在WordPress中添加即时搜索
2022-06-02 10:15:49

wordpress添加媒体

Have you ever wanted to add an instant search feature in your WordPress site? The default WordPress search feature is quite limited which is why a lot of probloggers replace it with third-party tools and plugins. In this article, we will show you how to add instant search in WordPress with Algolia.

您是否曾经想在WordPress网站中添加即时搜索功能? 默认的WordPress搜索功能非常有限,这就是为什么许多问题记录器都使用第三方工具和插件替换它的原因。 在本文中,我们将向您展示如何使用Algolia在WordPress中添加即时搜索。

Instant Search for WordPress

为什么要在WordPress中添加即时搜索功能? (Why Add an Instant Search Feature in WordPress?)

The default WordPress search is plain and often not relevant. This is why many WordPress users replace it with third-party search tools like Google Search, or WordPress plugins like SearchWP. See our list of 12 WordPress search plugins to improve your site search.

默认的WordPress搜索是简单的,通常不相关。 这就是为什么许多WordPress用户都将其替换为Google搜索之类的第三方搜索工具或SearchWP之类的WordPress插件的原因 。 请参阅我们的12个WordPress搜索插件列表, 以改善您的站点搜索 。

A search feature on your website can significantly improve user experience. It helps users find content, which increases your pageviews and the time users spend on your website.

您网站上的搜索功能可以大大改善用户体验。 它可以帮助用户查找内容,从而增加您的综合浏览量以及用户在您的网站上花费的时间。

Instant search feature helps users find content as quickly as they start typing. This helps users get to their desired content much quickly. Think of it as MacOS’s spotlight feature for your WordPress site.

即时搜索功能可帮助用户在开始输入内容时尽快找到内容。 这可以帮助用户快速获得所需的内容。 可以将其视为MacOS的WordPress网站焦点。

Having said that, let’s take a look at how to add instant search to your WordPress site with Algolia.

话虽如此,让我们看一下如何使用Algolia将即时搜索添加到您的WordPress网站。

什么是阿尔及利亚? (What is Algolia?)

Algolia is a cloud based search platform that allows you to build beautiful search experiences for your websites and applications.

Algolia是一个基于云的搜索平台,可让您为网站和应用程序构建出色的搜索体验。

Once activated, Algolia will index all content on your website and replace the default WordPress search with a more powerful cloud based search.

激活后,Algolia将为您的网站上的所有内容建立索引,并用功能更强大的基于云的搜索替换默认的WordPress搜索。

It comes with a built-in instant search feature which means your users can get to the content faster without even seeing a search results page.

它具有内置的即时搜索功能,这意味着您的用户可以更快地访问内容,而无需查看搜索结果页面。

Algolia offers a free plan with 10,000 records and 100,000 queries per month. Their paid plans start from $49 per month and come with a 14 day free trial.

Algolia提供了一个免费计划,每月有10,000条记录和100,000个查询。 他们的付费计划从每月49美元起,并提供14天的免费试用期。

影片教学 (Video Tutorial)

演示地址

If you don’t like the video or need more instructions, then continue reading.

如果您不喜欢该视频或需要更多说明,请继续阅读。

使用Algolia在WordPress中添加即时搜索 (Adding Instant Search in WordPress with Algolia)

First, you need to visit Algolia website and sign up for an account.

首先,您需要访问Algolia网站并注册一个帐户。

Sign up for Algolia

Next, you need to install and activate the Search by Algolia plugin. For more details, see our step by step guide on how to install a WordPress plugin.

接下来,您需要安装并激活Search by Algolia插件。 有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

Upon activation, the plugin will add a new menu item labeled Algolia to your WordPress menu. Clicking on it will take you to the plugin’s settings page.

激活后,插件将在您的WordPress菜单中添加一个标记为Algolia的新菜单项。 单击它会将您带到插件的设置页面。

Algolia plugin settings page

You will be asked to provide application ID and API keys. You can obtain this information from your Algolia account dashboard.

系统将要求您提供应用程序ID和API密钥。 您可以从Algolia帐户信息中心获取此信息。

API Keys

Copy and paste the required keys in the plugin’s settings page and then click on the save changes button to store your settings.

将所需的键复制并粘贴到插件的设置页面中,然后单击“保存更改”按钮以存储您的设置。

Next, you will be asked to index your content. Indexing allows Algolia to crawl and create an index of your content, so that it can be searched quickly without slowing down your website.

接下来,将要求您为内容编制索引。 索引允许Algolia抓取并创建内容索引,以便可以快速搜索内容而不会降低网站速度。

You can begin indexing by visiting Algolia » Indexing page and select the content * you want to be indexed. Don’t forget to click on the save changes button.

您可以通过访问Algolia»索引页面开始索引,然后选择要索引的内容类型 。 不要忘记单击“保存更改”按钮。

Begin indexing

Algolia will now start indexing your content. It may take a while depending on how much content you have on your website.

Algolia现在将开始为您的内容建立索引。 可能需要一段时间,具体取决于您网站上有多少内容。

Next, you need to enable the autocomplete feature. Go to Algolia » Autocomplete and check the box next to ‘Enable autocomplete’ option. After that you need to scroll down and select the content * to include in your autocomplete results.

接下来,您需要启用自动完成功能。 转到Algolia»自动填充,然后选中“启用自动填充”选项旁边的框。 之后,您需要向下滚动并选择要包含在自动完成结果中的内容类型。

Autocomplete

Don’t forget to click on the save changes button to store your settings.

不要忘记单击“保存更改”按钮来存储您的设置。

Lastly, you need to replace the default WordPress search with the Algolia instant search. You can do this by going to Algolia » Search Page and select ‘Use Algolia in the backend’ option.

后,您需要使用Algolia即时搜索替换默认的WordPress搜索。 您可以转到Algolia»搜索页面,然后选择“在后端使用Algolia”选项。

Search page

Selecting Algolia in the backend replaces your WordPress search with Algolia search.

在后端选择Algolia会将您的WordPress搜索替换为Algolia搜索。

Click on the save changes button to store your settings.

单击保存更改按钮以存储您的设置。

在WordPress中添加即时搜索框 (Adding Instant Search Box in WordPress)

Now that you have successfully setup Algolia, let’s go ahead and add an instant search box on your website.

现在,您已经成功设置了Algolia,让我们继续并在您的网站上添加一个即时搜索框。

Algolia automatically replaces the default WordPress search form with an Algolia powered search.

Algolia自动将默认的WordPress搜索表单替换为Algolia支持的搜索。

If you have already added the search form to your WordPress site, then it will start showing results using Algolia automatically.

如果您已经将搜索表单添加到WordPress网站,则它将开始自动使用Algolia显示结果。

If you haven’t added a search form, then go to Appearance » Widgets page. Drag and drop the search widget to your sidebar. See our guide on how to add and use widgets in WordPress.

如果您尚未添加搜索表单,请转到外观»小部件页面。 将搜索窗口小部件拖放到侧边栏。 请参阅有关如何在WordPress中添加和使用小部件的指南。

Search widget

Please make sure to click on the save button to store your widget settings.

请确保单击“保存”按钮以存储您的小部件设置。

That’s all, you can now visit your website to see the instant search in action. Start by typing in the search box, and Algolia will start showing results as you type.

就是这样,您现在可以访问您的网站以查看即时搜索的实际效果。 首先在搜索框中输入内容,然后Algolia将在您输入内容时开始显示结果。

Preview of instant search in WordPress with Algolia

We hope this article helped you add instant search in WordPress with Algolia. You may also want to see our list of 24 must have WordPress plugins for business websites.

我们希望本文能帮助您使用Algolia在WordPress中添加即时搜索。 您可能还希望查看我们的24个列表, 这些列表必须具有用于商业网站的WordPress插件 。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在TwitterFacebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-instant-search-in-wordpress-with-algolia/

分享好友

分享这个小栈给你的朋友们,一起进步吧。

Algolia
创建时间:2022-04-27 15:22:58
Algolia
展开
订阅须知

• 所有用户可根据关注领域订阅专区或所有专区

• 付费订阅:虚拟交易,一经交易不退款;若特殊情况,可3日内客服咨询

• 专区发布评论属默认订阅所评论专区(除付费小栈外)

技术专家

查看更多
  • LCR_
    专家
戳我,来吐槽~