WordPress 插件

如何在WordPress导航菜单中添加图片图标

为什么在WordPress导航菜单中添加图片图标?

通常情况下,WordPress导航菜单是纯文本链接。这些链接对于大多数网站来说效果不错,但并不总是显得有趣或吸引人。通过在导航菜单中添加图像图标,可以鼓励访客注意菜单并更多地探索您的网站。

如果您的菜单有很多不同的选项,那么图像图标可以让访客更容易浏览内容并找到他们所需的信息。这是一种轻松增加页面浏览量和降低跳出率的方法。

方法1:使用插件添加导航菜单图标(快速且简单)

添加图标到WordPress菜单最简单的方法是使用Menu Image插件。此插件提供dashIcon图标,您只需点击几下即可添加。安装并激活Menu Image插件后,在WordPress仪表盘中点击Menu Image。

在设置页面,您可以选择不同的图像图标大小。使用Font Awesome或dashicons将自动调整大小。而使用媒体库中的图像时需要手动选择大小。

方法2:使用代码添加图标到WordPress菜单(更具可定制性)

您还可以使用CSS将图像图标添加到导航菜单中。在开始之前,先上传所有您想用作图标的图像文件到WordPress媒体库,复制其URL并粘贴到文本编辑器中备用。

接着,在WordPress仪表盘中进入Appearance » Menus页面,为想添加图像图标的菜单项目启用自定义CSS类。在CSS类字段中输入类名,并保存菜单。

然后,安装并激活WPCode插件,使用CSS插件添加代码。通过更改样例代码片段中的类名和URL来实现图标的定制。完成后,保存代码片段,使自定义CSS生效。

附加提示:将社交媒体图标添加到WordPress菜单

除了菜单图标,还可以将社交媒体图标添加到WordPress导航菜单中,帮助以视觉吸引力的方式推广您的社交媒体资料。可以使用Menu Image插件来实现这一点。

希望本文能帮助您学习如何在WordPress导航菜单中添加图像图标。请通过我们的YouTube频道获得更多WordPress视频教程,也可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何在WordPress文章中添加Facebook点赞反应

为什么要在WordPress博客文章中添加Facebook点赞反应?

Facebook点赞反应是一组表情符号,用户可以用来表达他们对Facebook文章的意见。这些表情符号提供了更多的情感范围,让用户可以更细腻地对不同的帖子做出反应。例如,Facebook上的人们可以使用点赞、爱心、照看、大笑、惊讶、悲伤和愤怒的反应。

如果你有一个WordPress博客,那么在文章中添加Facebook点赞反应能为用户提供一种快速而简单的方式来表达他们对内容的感受。这不仅可以让用户分享他们的看法,还能为你提供宝贵的见解,了解哪些类型的博客文章能引起读者的共鸣。而且,这类反应可以让你的网站更具互动性,吸引用户在上面花更多时间。

如何在WordPress博客文章中添加Facebook点赞反应

首先,你需要安装并激活WP Reactions Lite插件。有关详细说明,请参见我们关于如何安装WordPress插件的新手指南。

激活插件后,从WordPress仪表盘访问WP Reactions » Global Activation页面,点击“立即自定义”按钮。

这会带你到“表情符号选择”页面。你可以从七个表情符号中选择作为你的反应。你也可以通过拖放表情符号来重新排列它们的顺序。然后,点击“下一步”按钮。

接下来是“设置”页面,你需要选择表情符号的动画和大小。一旦完成,向下滚动到“页面放置选项”部分,勾选“文章”选项。现在,你的Facebook点赞反应将显示在你的博客文章中。如果你想在其他页面上显示这些反应,可以选择“同时”选项。

然后,你可以选择是否在文章的顶部或底部显示表情符号。你还可以通过选择“内容前后”选项,在文章中多次显示表情符号。接着,配置反应的对齐方式,点击“下一步”按钮继续。

进入“样式”页面后,你可以选择是否显示或隐藏号召性用语(CTA)。这个CTA是将在反应上方显示的一条消息。你可以根据自己的喜好编写一句话作为CTA,并选择其字体大小、粗细和颜色。

完成后,向下滚动到“表情符号背景样式”部分,并选择“有颜色的背景”选项。你现在可以选择一种作为Facebook点赞反应背景颜色。你还可以配置表情符号背景边框的半径、样式和颜色。如果你对颜色选项感到困惑,可以通过点击底部的眼睛图标预览不同颜色的表情符号。一旦满意,点击“下一步”按钮。

现在会来到“按钮行为”页面,你可以选择“始终显示按钮”选项,在反应下方显示不同社交媒体平台的分享按钮。完成后,向下滚动到“社交分享按钮”部分,切换你想显示的社交媒体平台旁边的开关。此设置将允许用户在社交媒体上分享你的内容。你还可以更改文本字段中的文字。

接着,前往“按钮设计”部分,你可以配置按钮的边框半径和颜色。如果你希望显示白色按钮并带有五彩边框,可以选择“仅带边框的按钮”选项。完成后,不要忘记点击“下一步”按钮。

最后一步是预览刚刚自定义的Facebook点赞反应。如果满意,可以点击“保存并退出”按钮。但如果想要进行一些更改,可以点击“返回”按钮,回到前几步进行调整。

现在你将被重定向到从启动过程的“反应”页面。现在继续将顶部的开关切换到“开启”,以在你的WordPress博客文章中激活Facebook点赞反应。

现在你可以访问你的WordPress博客文章,查看这些Facebook点赞反应的实际效果。

额外:向你的WordPress博客添加Facebook推送

除了添加Facebook点赞反应按钮外,你还可以将整个Facebook动态嵌入到你的WordPress网站中,以增加用户参与度。如果你有小型企业,这么做将带动用户访问你的Facebook页面,甚至带来更多转化。它还可以展示你品牌的活跃参与度,增强社会认同。

你可以使用Smash Balloon的Facebook动态插件轻松地将Facebook动态添加到WordPress博客中。这是市场上最好的WordPress Facebook插件,可以在几分钟内将你的Facebook网站与WordPress连接。

使用Smash Balloon,你可以轻松设计Facebook帖子布局以及显示或隐藏评论、赞、反应和分享。你可以根据自己的喜好将动态添加到任何WordPress文章、页面或小部件区域。它也兼容任何WordPress主题。有关详细说明,请参见我们关于如何在WordPress中创建自定义Facebook动态的教程。

除了Facebook,你还可以使用Smash Balloon将Twitter、YouTube或Instagram动态添加到你的WordPress站点。有关更多信息,请参见我们完整的Smash Balloon评测。

我们希望这篇文章能帮助你了解如何轻松地在WordPress博客文章中添加Facebook点赞反应。你还可以查看我们逐步的教程,了解如何在WordPress中添加积分系统以激发用户参与,以及我们推荐的最佳社交媒体插件。

如果你喜欢这篇文章,请订阅我们的YouTube频道,观看WordPress视频教程。你还可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何在WordPress中展示前后对比照片(带滑动效果)

何时在WordPress中使用前后对比照片滑块

前后对比图像是一种交互式的照片,通常显示某种变化。观众可以通过滑动条在不同版本的图像之间切换,以一种吸引人的方式进行互动。

如果您在使用WooCommerce等插件来运营在线商店,那么前后对比照片可以展示产品或服务的效果。您只需展示一张顾客可以感同身受的“之前”照片,以及一张理想的“之后”照片,这将激发顾客购买能够实现这种转变的产品。

如果您是一名联盟营销人员,通过在您的网站上展示说服力强的前后对比照片,是推广联盟链接和提高销售量的好方法。拖动滑块显示“之后”照片不仅能提高互动性,还能让访客在您的网站停留更长时间,这也有助于增加页面浏览量并降低跳出率。

方法1:使用免费插件展示前后对比照片(简单)

创建前后对比照片的最简单方法是使用Ultimate Before After Image Slider & Gallery(BEA)。该插件允许您创建水平和垂直滑块,并使用不同的标签和颜色来自定义图像。

首先,您需要安装并激活Ultimate Before After Image Slider & Gallery(BEA)插件。激活后,进入后台的Before and After Slider » Add New。

接下来,为图像滑块输入一个名称。然后,添加“之前”图像,点击“上传”,选择图像或从您的计算机上传新图像。最好为此图像添加一些图像替代文本(alt text),以帮助搜索引擎理解并展示给合适的人。

接下来,添加“之后”图像,使用同样的步骤,不要忘记添加替代文本,因为这对WordPress SEO很重要。

您可以根据需要添加文本,例如滑块标题和描述,以便为图像增加一些背景信息。

完成后,可以选择创建垂直或水平滑块。根据需要调整滑块的默认偏移百分比。

方法2:使用SeedProd展示前后对比照片(更具定制性)

如果您想为页面或文章添加前后对比图像,BEA插件可能是不错的选择。但如果您使用图像来推广产品、服务或业务,我们推荐使用SeedProd。

SeedProd是最好的拖放式WordPress页面构建器,拥有丰富的模板和功能。“Before After Toggle”块可以帮助您创建漂亮的前后对比图像。

在SeedProd页面编辑器中,只需拖动并放置这个块到您的页面设计中,并通过多种选项自定义滑块效果。

通过丰富的选项来定制滑杆,把您的页面发布上线。

查看更多WordPress图片技巧

希望这篇文章能帮助您学习如何给您的WordPress网站添加带滑动效果的前后对比照片。

Read More
WordPress 插件

如何在 WordPress 中轻松添加项目符号和编号列表

何时在 WordPress 中添加项目符号和编号列表

与向访问者展示全是文字相比,分解您的内容以便快速浏览是一个好主意。有很多方法可以使您的页面更适合阅读者阅读,其中包括创建表格、使用副标题、添加视频和创建列表。

列表可以帮助访问者一目了然地理解您的内容(如目录),即使您共享复杂的信息。这样可以改善用户体验并让用户在您的 WordPress 网站上停留更长时间。

方法 1:使用内置的 WordPress 列表块(简单)

创建项目符号和编号列表的最简单方法是使用 WordPress Gutenberg 块编辑器中的列表块。这样您无需安装单独的 WordPress 插件即可创建基本的编号或项目符号列表。

通过单击 + 图标在 WordPress 块编辑器中添加新块,选择“列表”,即可创建简单的项目符号列表和编号列表。如果要创建嵌套列表,请点击缩进按钮,同样可以使用退格按钮减少缩进。

方法 2:使用 Shortcodes Ultimate(带自定义图标的列表)

使用 Shortcodes Ultimate 插件可以创建带有自定义图标的列表,使列表更具视觉吸引力和内容主题相匹配。安装该插件并使用 [su_list icon=”icon: star” icon_color=”#ffde0f”] 短代码创建自定义列表。

方法 3:使用页面构建器插件(适合登录页面)

SeedProd 是一个高级 WordPress 主题和页面构建器插件,可让您使用简单的拖放编辑器创建专业设计的页面。该插件包含一个现成的列表块,允许您微调列表设计的每个部分,包括更改个别项目之间的空间、更换标准项目符号点等。

方法 4:使用代码添加项目符号和编号列表(高级)

您也可以使用内置的 WordPress 代码编辑器和 HTML 来创建列表。这更复杂,所以不适合初学者。但确让您在内置列表块中使用更多样式和格式。通过插件对 HTML 的深入修改,您可以创建更具风格的列表。

Read More
WordPress 插件

如何为WooCommerce启用维护模式

为什么以及何时需要启用WooCommerce维护模式

对于您的WooCommerce商店使用维护模式有很多好处。其一,当您对商店进行重大更改时,启用WordPress维护模式可以防止用户访问混乱的网站。

此外,如果您的在线商店存在问题,例如支付功能有问题,启用维护模式可以避免客户遇到问题,给予您足够时间解决这些维护任务,直到商店可以再次上线。如果您要在现有网站中添加一个新的在线商店,而不希望在准备好之前公开,维护模式也很适合。

步骤1:安装维护模式页面插件

启用WooCommerce维护模式的最简单方法是使用SeedProd。SeedProd是WordPress最好的着陆页构建器,在超过一百万个网站上使用。首先需要安装并激活SeedProd插件,然后输入许可证密钥进行验证。

步骤2:创建维护模式页面

激活SeedProd后,进入SeedProd » 页面。您可以选择创建“维护模式”页面或“即将推出”页面。选择模板后,您可以在拖放页面构建器中自定义维护模式设计,可以添加文本、图片、链接等内容。

步骤3:配置维护模式设置

创建自定义页面后,让我们在电子商务网站上启用它。我们只想让商店进入维护模式,因此需要在URL包含/排除部分输入WooCommerce商店的URL,确保包括产品、产品类别和产品标签的所有URL。

步骤4:将您的WooCommerce商店进入维护模式

现在,您可以随时将您的WooCommerce商店进入维护模式。在WordPress仪表板中,去SeedProd » 着陆页。切换’维护模式’到’活跃’即可实现。

额外提示:为您的WooCommerce创建一个病毒式等待列表着陆页

除了将在线商店设为维护模式,您还可以使用SeedProd创建一个病毒式等待列表着陆页,让用户知道有令人期待的事情即将到来,并邀请他们加入等待列表。当您准备好将商店上线时,只需将’活跃’切换至’不活跃’,访问者即可正常查看您的商店。

希望本文帮助您学习如何为WooCommerce启用维护模式。如您想了解更多,可以查看我们的最佳WooCommerce插件列表或如何创建WooCommerce弹出窗口以增加销售的指南。

Read More
WordPress 插件

如何在WordPress管理后台添加通知中心

为什么在WordPress添加通知中心?

在您的WordPress网站上,您会在管理区看到来自插件和主题作者的通知。如果您有很多插件,这些管理员通知可能会失控,有时会覆盖半个屏幕。通知过载不仅仅是WordPress的问题,这就是为什么智能手机开发者努力让用户通过锁屏或滑动手势来管理通知的原因。Facebook 也提供了一个下拉的通知区域,您可以在其中看到和管理特定人物或页面的通知。

您也可以通过在管理工具栏上添加一个通知中心在您的WordPress博客上实现这一点。

注意:本指南涉及在WordPress管理仪表盘中显示的通知。如果您需要帮助管理电子邮件通知,请参阅我们的指南,了解如何在WordPress中添加更好的自定义电子邮件通知。

如何在WordPress中添加通知中心

首先,您需要安装并激活Admin Notices Manager插件。激活后,该插件将开始捕捉所有新的通知。您不需要调整任何设置即可开始使用。

管理员通知将从WordPress仪表盘中移出,并集中显示在WordPress工具栏中用户名旁边的顶部栏中,’你好管理员’问候语旁边。

一开始,没有新的通知可显示。插件会显示一条消息,告知您新通知将显示的位置。随着通知的出现,新通知的数量将会在您管理工具栏中得到突出显示。当您点击屏幕顶部的’管理员通知’链接时,一个列出每个管理员通知的面板将会在下面出现。

您可以直接与通知互动,直接从通知中心点击按钮或链接。处理完通知后,您可以点击右上角的’X’图标将其关闭。如果您不希望再次看到特定通知,只需点击底部的’永远隐藏通知’链接。

调整管理员通知设置

前往设置 » 管理通知页面来配置插件。在这里,您可以选择哪些类型的管理员通知显示在新的通知中心中。您还可以选择一些仍然在WordPress仪表盘中显示,或者完全隐藏它们。在页面底部,您可以自定义通知的隐藏方式以及通知中心是否从侧面滑入或作为弹出窗口显示。完成设置后,确保滚动到页面底部并点击“保存更改”按钮以保存您的设置。 您的WordPress通知中心现在已设置完毕,所有消息将立即开始显示在顶部管理员栏中。

我们希望本教程帮助您了解如何在WordPress中添加通知中心。您可能还想了解如何创建一个免费的商业电子邮件地址,或查看我们列出的使用WordPress建立网站的重要原因。如果您喜欢这篇文章,请订阅我们的YouTube频道观看WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何使用Clef為WordPress新增免密碼登入

什麼是Clef?

您可能在想,Clef究竟是什麼?Clef是一個移動應用程式,使用智慧型手機取代用戶名和密碼。當您造訪啟用了Clef的網站首頁時,網頁會顯示一個波紋,您可以使用Clef應用程式掃描該波紋。當Clef波紋被掃描後,您的手機應用程式會向Clef發送一個數位簽名。Clef識別您的數位簽名後,即會將您登入網站。

如果您管理多個WordPress網站,使用Clef能讓您同時登入所有這些網站,無需輸入用戶名或密碼。Clef採用了強加密技術,生成難以破解的加密鍵來驗證您的數位簽名。Clef確保其數據能免受任何類型的數據洩漏。即使Clef資料庫遭受攻擊,您的個人信息也不會洩漏,因為這些信息僅儲存在您的手機上。

換句話說,只有擁有您的智慧型手機的人才能訪問您的網站。

如何在智慧型手機上設置Clef

首先,您需要在智慧型手機上下載並安裝Clef應用程式(目前適用於iOS和Android)。安裝後,您將被要求提供姓名和電子郵件地址來創建Clef帳戶。其後,您需要設定一個新的PIN碼。PIN碼是一個四位數的代碼,作為Clef應用程式的唯一密碼。

創建PIN碼後,您會收到一封確認郵件。點擊郵件中的確認連結來驗證您的電子郵件地址。

如何在WordPress網站上設置Clef

在您的智慧型手機上安裝Clef應用程式後,接下來您需要在WordPress網站上安裝並啟用Clef插件。啟用後,插件會在您的WordPress管理後臺添加一個名為Clef的新頂級菜單。點擊該菜單會進入設置向導,點擊“Get Started”按鈕繼續。

在接下來的屏幕上,您會看到Clef波紋。啟動智慧型手機上的Clef應用程式並將手機對準電腦屏幕進行同步。當Clef應用程式與WordPress網站上的Clef波紋同步後,您會看到“一步完成”按鈕。點擊該按鈕完成設置。

使用Clef的免密碼WordPress登入

要體驗Clef的免密碼WordPress登入,首先進入WordPress登入頁面,您會看到“用Clef登入”按鈕。點擊該按鈕會顯示Clef波紋屏幕。打開智慧型手機上的Clef應用程式並同步波紋。應用程式與Clef波紋同步後,您將自動登入您的WordPress網站。更棒的是,您將自動登入所有使用Clef的WordPress網站。

禁用WordPress密碼

登入WordPress控制台後,點擊Clef菜單,您將看到插件的配置設定。Clef允許您禁用Clef用戶的密碼登入,也可以針對特定用戶角色禁用密碼登入。最後,您可以完全禁用WordPress密碼登入,頁面上不再顯示用戶名和密碼欄位。

我們建議不要更改這些設置,只需使用強密碼,同時保留WordPress的用戶名和密碼欄位,以便在無法使用智慧型手機時仍能登入。

解決登入問題

當在Clef設置中禁用所有用戶密碼時需謹慎。如果禁用密碼後丟失手機,您和網站其他用戶將無法登入。在這種情況下,您可以前往Clef的丟失設備頁,停用舊設備上的Clef,然後在新設備上重新安裝並登入。

若您忘記了強密碼且沒有Clef應用程式,仍可通過phpMyAdmin重設密碼。此外,即使忘記了與WordPress帳戶相關聯的電子郵件地址,也可重設密碼。

希望本文能幫助您在WordPress網站上新增免密碼登入功能。既然無需在登入時輸入密碼,您就沒有理由不使用更強的密碼來保護您的網站。

如果您喜歡這篇文章,歡迎在Twitter和Google+上關注我們。

Read More
WordPress 插件

如何在WordPress中使用SlideDeck 2創建令人驚豔的產品導覽

如何在WordPress中使用SlideDeck 2創建令人驚豔的產品導覽

現代的WordPress網站中,內容滑動器是常見的元素,通常用于展示首頁的最新帖子或圖片庫。但新趨勢是使用內容滑動器來講述引人入勝的故事,激勵訪客採取行動——這就是產品導覽。

使用內容滑動器進行產品導覽,可以幫助你更好地銷售產品,因為用戶可以按照自己的節奏瀏覽關鍵點。這比視頻更好,因為用戶可以跳過或返回特定點,而不必猜測時間碼。此外,這種方式利用了各種網絡媒體,允許你在滑動器中嵌入互動內容,而不是強迫用戶被動觀看視頻。

直到最近,創建複雜的內容滑動器產品導覽需要編碼知識,但有了SlideDeck 2這款強大的插件,這一切變得簡單。這款插件使創建令人驚豔的滑動器變得非常簡單,無需編寫一行代碼。

購買及安裝插件

首先,請注意:自訂內容滑動器是SlideDeck 2的高級功能,因此你需要購買才能在網站上使用它。我們建議你前往SlideDeck官網購買插件。它的性價比很高,你可以輕鬆升級以獲得更好的功能並在更多網站上使用。

要解鎖自訂內容功能,你需要購買專業版或開發者版,然後安裝插件及解鎖附加功能的插件。你可以參考我們的《WordPress插件安裝指南》進行安裝。

專業術語

在開始之前,有幾個術語需要解釋:

自訂內容SlideDecks – 自訂內容SlideDecks允許你逐個創建滑動器的每個幻燈片,更適合於視覺故事講述,或者你有特定的行動想讓用戶採取(如產品導覽)。如果你想使用外部內容來源(如Flickr或YouTube)創建滑動器,我們有專門為動態來源SlideDecks創建的指南。

幻燈片類型 – SlideDeck有四種類型的幻燈片,分別是:圖片、視頻、文本和HTML,每種類型適合不同的內容。

Lens – Lenses類似於滑動器的主題。它們控制滑動器的外觀和行為,以及內容在頁面上的呈現方式。與WordPress主題一樣,應用不同的Lens可以在幾秒鐘內產生顯著不同的外觀效果。

創建自訂內容SlideDeck

我們將展示如何使用SlideDeck的自訂內容功能,混合四種類型的內容,創建一個產品導覽滑動器。首先,點擊“管理”進入主面板。此屏幕讓你創建新的SlideDecks並排序現有的SlideDecks。

在自訂內容部分,點擊藍色的“創建SlideDeck”按鈕。你將進入自訂內容編輯器屏幕,開始建立你的第一個幻燈片。首先,為你的SlideDeck命名。你會注意到已創建了第一個幻燈片,你可以選擇三或四種類型的幻燈片,這取決於你使用的SlideDeck 2的套裝版本——專業版用戶可以選擇圖片、視頻和文本幻燈片;開發者版用戶還可以選擇HTML幻燈片。

從圖片幻燈片開始

讓我們從一個圖片幻燈片開始,給訪客一個快速且引人入勝的概覽。點擊“圖片幻燈片”類型。選單將刷新,顯示所有相關的選項:

  • 上傳圖片 | 指定URL – 選擇將圖片上傳到WordPress媒體庫,或粘貼圖片的URL。
  • 標題 | 正文 | 無 – 決定是否要在圖片上覆蓋文本標題,還是有一些簡短的正文文本。或者僅顯示整個圖片,無關聯文本。
  • 幻燈片鏈接 – 如果用戶點擊幻燈片的任意位置,指定訪問的URL。
  • 標題 – 為幻燈片取一個標題,顯示在標題或正文文本區域。
  • 描述 – 輸入幻燈片的描述副本。你可以在此輸入富文本!
  • 標題位置 – 決定文本覆蓋在幻燈片上的位置。標題可以在上/下,正文文本可以在左/右。

設置好幻燈片後,點擊“應用”按鈕,實時預覽區將刷新,顯示你的第一個幻燈片。在我們的例子中,我們通過指定URL建立了幻燈片,在底部有標題,沒有幻燈片鏈接。

創建視頻幻燈片

SlideDeck 2 支持來自三個來源的視頻內容——YouTube、Vimeo和Dailymotion。我們只需將產品介紹視頻上傳到這些服務之一,然後粘貼視頻頁面的URL並點擊“更新”。

與圖片幻燈片類型一樣,你可以選擇添加標題和簡短標題或段落文本,向訪客介紹他們在視頻中會看到的內容。默認情況下, SlideDeck 2 將拉取你在YouTube/Vimeo/Dailymotion頁面上的標題內容,但你可以根據產品導覽的需要進行調整。

如前所述,點擊“應用”,然後快速點擊滑動器,你現在可以在圖片和視頻幻燈片之間來回切換。

創建文本幻燈片

有時,你需要一些文本空間——例如顯示功能列表,或分享來自產品的熱情評論。在這種情況下,我們可以使用文本幻燈片類型。

這是一種類型的幻燈片,只需考慮幾個選項:

  • 佈局 – 基本佈局將標題放在幻燈片頂部,文本在標題下面流動。多列佈局提供更多的報紙樣式,通過自動將文本排列成兩列。區塊引號允許你用大膽的字體突出顯示一段短文本。如前所述,點擊“應用”將幻燈片添加到你的SlideDeck中。

重新排序幻燈片

此時,你可能會想將視頻幻燈片放在前面,以便立即吸引和引導用戶互動。 SlideDeck讓你能這樣做——在幻燈片頭部區域,點擊並拖動視頻幻燈片,將其放到圖片幻燈片的左側閃亮區域。非常簡單!

進一步:使用HTML幻燈片類型

HTML 幻燈片類型是 SlideDeck 2 開發者版的強大附加功能,允許你在幻燈片中輸入自己的 HTML 代碼。它非常適合更複雜的內容佈局,或為內容滑動器增加更強大的交互。例如,你可以嵌入註冊表單,以便客戶在產品導覽結束時選擇接收電子郵件通訊。

選擇HTML幻燈片類型,顯示選單中的HTML編輯器。

在“插入HTML”字段中,粘貼你的自訂代碼。它會自動為不同標籤使用顏色標記,幫助你確保結構正確。需要注意的幾點:

  • 你可以在標籤之間包括CSS樣式規則,並且這些規則將應用於SlideDeck中的所有幻燈片。
  • 由於SlideDeck的實時預覽無法預測你主題的樣式會如何影響內容滑動器,因此對於複雜樣式,最好在發佈SlideDeck的頁面中查看更準確的預覽。

輸入代碼後,點擊“應用”,幻燈片將添加到旋轉模板中。

配置Lens

現在你已經創建了第一個自訂內容SlideDeck!花點時間在實時預覽中點擊滑動器並欣賞一下。

現在,是時候通過配置Lens,使其與你網站的樣式無縫契合。SlideDeck包含大量選項,可以通過定製Lens來控制新產品導覽的外觀。

保存和發佈你的SlideDeck

內容非常棒?檢查。選擇並定製了甜美的主題?檢查。看來你已經準備好發佈新的產品導覽,以將訪客轉化為客戶!

SlideDeck提供三種方式將滑動器嵌入到你的WordPress網站中——將其插入現有頁面或帖子的內容中,創建嵌入滑動器的新頁面或帖子,最後將其插入頁面模板中,這是將產品導覽添加到首頁的最佳選擇。

總結

雖然內容滑動器通常僅用於圖片庫或特色帖子,但SlideDeck 2讓你有了更多的靈活性,可以探索內容滑動器的潛力,創建引人入勝的體驗,保持訪客的參與和回訪。我們在WPressize Me強烈推薦你檢查它!我們在“免費WordPress博客設置”頁面上展示了自訂 SlideDeck 的實時示例。

你有使用SlideDeck的例子嗎?在評論中與我們分享一下吧!另請查看本系列的第一部分,我們在其中展示了如何創建動態來源SlideDecks。觸摸界面滑動器是網頁設計的未來。立即獲取SlideDeck。使用優惠碼:WPB-SD2享受20%的折扣。

Read More
WordPress 插件

11个最佳WordPress登录页面插件(安全且可定制)

提升WordPress登录页面的安全性和外观

默认的WordPress登录页面在所有WordPress站点上看起来都是一样的。它非常简单,没有任何您网站的样式或品牌:也许您运行的是会员站点,或者有多个用户登录您的WordPress站点。在这些情况下,最佳实践是自定义登录页面。这不仅使其外观看起来更好,还创造了更好的用户体验。再者,您可能希望在不影响WordPress安全性的同时,使登录尽可能顺畅。

1. SeedProd

SeedProd是最佳的WordPress主题和登陆页面构建器。它允许您无需编写任何代码就可创建完全自定义的网站页面。SeedProd提供一个登录页面的模板,您可以将默认的WordPress登录页面转变为个性化的登录页面以提高转化率。

2. WPForms

WPForms是最佳的WordPress表单生成插件。它附带了一个功能强大的用户注册和登录插件。您可以轻松地在WordPress站点上的任何位置添加这些表单。在我们的指南中,有详细的说明,介绍如何在WordPress中创建自定义登录页面。

3. Theme My Login

Theme My Login是一个流行的插件,可以用来创建自定义WordPress登录页面。您还可以使用它让用户在不访问管理区域的情况下在您的WordPress站点上注册。

4. Temporary Login Without Password

Temporary Login Without Password允许您在不创建账户的情况下给予用户访问权限。您可以为临时登录设置到期日期或时间,或随时删除它。这是一个好的选择,如果您需要给WordPress开发者访问您的站点。

5. Shield Security

Shield Security是一个多功能插件,可执行一系列有用的安全功能。它可以限制登录尝试次数,并自动阻止暴力攻击的机器人。

6. Nextend Social Login

Nextend Social Login允许用户通过Facebook、Google或Twitter登录您的WordPress站点。插件易于设置和使用。您可以设置自定义重定向URL,在注册后将用户发送到特定页面。

7. WordPress Persistent Login

WordPress Persistent Login会自动勾选您的WordPress登录页面上的“记住我”选项。如果您运行的是一个会员站点,那么这些设置也适用于您的用户。

8. Custom Login Page Customizer

Custom Login Page Customizer允许您使用WordPress主题定制器设计自己的自定义登录页面。

9. Simple History

Simple History使您可以轻松地跟踪WordPress站点上的用户活动,包括用户登录。它保存了基本用户活动的简单易懂的日志。

10. Password Protected

Password Protected允许您轻松保护整个WordPress站点。您可以允许管理员和已登录用户查看它,或者创建一个主密码与他人分享。

11. LoginWP

LoginWP允许您在用户登录后将其重定向到您网站上的任何页面。您可以根据用户角色和权限设置这些重定向。

哪个是最佳的WordPress登录页面插件?

我们相信SeedProd是最佳的WordPress登录页面插件,它可以让您在几次点击内设置您的自定义登录页面,而且对初学者友好。希望本文能帮助您找到适合您网站的最佳WordPress登录页面插件。

Read More
WordPress 插件

如何在WordPress中添加MP3音頻文件(3個簡單方法)

為什麼在WordPress中添加MP3音頻文件?

在您的WordPress網站上共享音頻文件可以是一個很好的方式來保持人們的參與並鼓勵他們花更多時間瀏覽您的網站。如果您的網站參與度高,訪問者更有可能記住您的品牌。他們也可能會採取行動,如購買商品或訂閱您的電子郵件時事通訊。

當您的訪客花更多時間探索您的網站時,這對搜索引擎來說是一個積極的信號。因此,您的網站可以獲得更高的SEO排名並獲得更多的流量。考慮到這一點,在您的網站上共享博客文章、播客節目、網絡研討會錄音或歌曲的MP3音頻版本是個好主意。您甚至可以將這些音頻文件進行銷售。

方法1. 使用內置音頻區塊添加MP3文件(支持流媒體平台)

嵌入MP3音頻文件的最簡單方法是使用內置的WordPress“音頻”區塊。這個簡單的區塊具有所有重要的播放控制,包括播放/暫停按鈕、音量控制和變速播放按鈕。如果您不需要更多的高級功能,“音頻”區塊是一個不錯的選擇。您可以使用“音頻”區塊播放來自您WordPress媒體庫中的任何MP3文件。

注意:對於大多數用戶,我們不建議上傳MP3文件到您的WordPress網站播放。因為上傳較大的音頻或者視頻文件會占用大量空間並且可能會拖慢您的網站速度。您可以在我們的指南中了解更多關於為什麼不能將視頻上傳到WordPress的原因。

或者,您可以從像Spotify和SoundCloud這樣的熱門第三方音頻平台嵌入MP3文件。只需注意,一些平台僅允許您嵌入完整音頻的片段。他們可能還會鼓勵人們離開您的網站並在他們的平台上聽完整的MP3。

方法2. 使用WordPress插件添加MP3音頻文件(更多自訂選項)

內置的“音頻”區塊是一種添加MP3音頻到您的網站的簡單方法,包括嵌入第三方平台的內容。然而,它的自訂選項非常有限,尤其是在自訂音頻播放器的外觀和行為方面。如果您想從WordPress媒體庫中添加音頻文件,那麼HTML5音頻播放器是一個更可自訂的選擇。

首先,讓我們安裝並激活該插件。如果您需要幫助,可以參考我們的指南如何安裝WordPress插件。啟用插件後,您需要創建一個音頻播放器並將MP3文件添加到該播放器。

方法3. 使用Easy Digital Downloads添加MP3文件並賺錢

內置WordPress“音頻”區塊和HTML5音頻播放器都允許訪問者免費播放您的MP3文件。然而,您可以考慮銷售音頻文件並通過WordPress在線賺錢。默認情況下,WordPress沒有任何電子商務功能。所以,如果您想銷售您的MP3文件,您需要使用插件。

這就是Easy Digital Downloads的用武之地。它是最好的WordPress電子商務插件之一,讓您可以輕鬆銷售電子書、PDF文件、視頻、MP3音頻文件和任何其他類型的數字產品。甚至更好的是,如果您使用SiteGround作為您的虛擬主機提供商,Easy Digital Downloads已經預裝好,這讓您可以立即開始銷售MP3和其他數字產品。

了解更多如何開始使用Easy Digital Downloads的信息,請參閱我們的初學者指南如何在WordPress上銷售數字下載。一旦您設置了Easy Digital Downloads,您可以通過點擊左側菜單中的“Downloads”來添加每個MP3作為新產品。然後,您可以點擊“Add New”按鈕。

Read More