为什么要从WordPress表单添加Google日历事件？

通常情况下，你可以在WordPress网站上添加联系表单，并通过电子邮件或WordPress管理面板收到通知。你可以使用联系表单让客户预约、请求回电、获取报价等。然而，手动管理联系表单的潜在客户效率不高，可能会因此失去客户。此时，谷歌日历可以帮助你。它可以在任何设备上运行，你可以为每个日历事件获取即时通知或提醒。自动将表单条目发送到谷歌日历能确保你不会错过任何预约、订单或者呼叫。

连接你的联系表单和谷歌日历

创建WPForms联系表单

首先，你需要安装并激活WPForms插件。激活后，进入WPForms » 设置页面并输入你的许可证密钥。现在是时候创建联系表单了。如果你已经设置了一个联系表单，通过访问WPForms » 所有表单页面并单击表单名称来编辑它，否则，访问WPForms » 新增页面在WordPress管理面板中创建一个新表单。可以使用一个带有日期/时间字段的简单联系表单模板。

设置好表单后，将其添加到WordPress网站。在你希望包含表单的页面(或文章)中，点击‘+’图标添加一个新块，然后搜索WPForms块并将其添加到内容区中。

准备连接WPForms和Zapier

我们将使用Zapier将WPForms和Google Calendar连接起来。这意味着你需要安装并激活WPForms Zapier插件。安装后，进入WPForms » 设置 » 集成页面，点击Zapier徽标获取API密钥。

创建将数据从联系表单发送到Google Calendar的Zap

现在，前往Zapier网站，登录后点击‘创建Zap’按钮。首先，搜索WPForms并选择它作为应用和事件。然后登录到你的WPForms账户，选择联系表单，测试触发器，确保Zapier找到了你创建的测试条目。

接下来，选择Google Calendar作为你第二个应用，选择创建详细事件。登录你的谷歌账户，并设置事件详情，如选择日历、输入事件摘要、使用表单中的字段作为事件描述等。

最后，测试Zap，确保测试事件成功添加到谷歌日历中。

在WordPress中使用日历的专家指南

现在你已知道如何将Google Calendar事件从WordPress联系表单中添加，你可能还想了解其他关于日历、事件和预订的指南。

• 如何在WordPress中添加Google日历
• 如何在WordPress中添加Facebook事件日历
• 如何用Sugar Calendar创建一个简单的事件日历
• 如何在WordPress中创建用户提交的事件日历
• 如何在WordPress中创建预订表单
• 最佳WordPress日历插件比较
• 最佳WordPress预约和预订插件
• 最佳WordPress事件插件比较
• 如何在WordPress中添加酒店房间预订系统
• 如何在WordPress中添加漂亮的事件时间轴

希望本文能帮助你学会如何从WordPress联系表单添加Google Calendar事件。你可能还想查看我们的最佳商务电话服务推荐，以及如何获得免费商务电子邮件地址的详细指南。

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

什么是翻转框？

翻转框是一种当你将鼠标悬停在其上时会翻转的盒子。你可以将这种悬浮效果添加到像图片和文本框这样的内容中。类似于其他动画内容（如GIF和响应式滑块），翻转框效果可以使网站更加互动和吸引人。例如，你可以展示作者的照片和名字，并且在读者悬停时使用翻转框动画展示他们的简介。作为WordPress自由职业者，你可以展示你客户的标志，并使用翻转动画显示每个项目的链接。

虽然这些动画效果可以提升你网站的用户体验，但重要的是不要过度使用。大量的动画效果可能会显得繁杂和混乱，甚至影响你网站的性能。话虽如此，让我们来看看如何向你的网站添加翻转框覆盖和图片悬浮效果。

如何在WordPress中创建翻转框覆盖和悬浮效果

有很多种向WordPress添加动画效果的方法，包括使用SeedProd页面构建器或编写自定义代码。然而，最好的方法是使用“翻转框 – Awesomes翻转盒子图片覆盖”插件。这个免费插件提供了多种不同的翻转框样式，包括图片、文本和行动按钮的组合。

创建一个新的翻转框

首先，你需要安装并激活“翻转框 – Awesomes翻转盒子图片覆盖”插件。有关详细信息，请参见我们的分步指南如何安装WordPress插件。插件安装并激活后，你可以通过转到Flip Box » Create New来创建你的第一个翻转框。

这会显示所有你可以使用的不同模板。如果你不想使用这些设计，那么单击‘Import Templates’。

如果看到你想要使用的模板，那就继续点击‘Import’将其添加到你的WordPress博客或网站。选择设计后，你需要点击其‘Create Style’按钮。

在出现的弹出窗口中，输入翻转框设计的名称。这仅供你参考，所以可以使用任何你想要的名称。你还可以通过点击1st、2nd或3rd选择要使用的布局。完成后点击‘Save’。

向你的翻转框添加内容

你可以通过使用General、Front和Backend选项卡来更改翻转框的外观。你可以更改字体、填充和边距。大多数这些设置都是不言自明的，所以值得通读一遍，看看可以创建哪些不同的效果。对显示结果满意后，可以添加一些内容。简单地向下滚动到屏幕底部的翻转框预览，并将鼠标悬停在其上。当出现时，点击‘Edit’按钮。

若要更改前翻转框显示的标题，可以将其键入‘Front Title’字段。接着，你可以通过点击‘Font Icon’字段更改前图标，并选择弹出窗口中出现的新图像。

接下来你可以添加图像到前翻转框。简单点击‘Upload Image’，然后从媒体库中选择文件或从你的计算机上传新图像。如果你还没有想要使用的图像，可以使用Canva等网页设计软件创建一个图像。

对前翻转框满意后，就可以设计背面。开始时，将你想要显示的内容键入‘Backend Info’框。通常，你将使用行动呼吁来把访问者引导到相关页面，例如热门产品的列表、价格信息或其他某些内容。

若要更改行动按钮上显示的文本，只需键入‘Backend Button Text’。然后，可以将目标URL添加到‘Link’字段。最后，点击‘Upload Now’更改背景图像。当你对翻转框背面的设置满意时，就可以点击‘Submit’。预览将显示你的所有更改。

创建多个翻转框

此时，你可能想要通过点击‘+’按钮在‘Add New Flip Boxes’部分添加更多盒子。这样你可以创建多个具有相同风格的翻转框，然后将它们组织成列和行。

你现在可以按照上述步骤创建更多翻转框。例如，你可以为每个价格计划创建一个翻转框。

将翻转框添加到你的WordPress网站

当你对翻转框满意后，可以使用插件自动提供的简码将其添加到你的WordPress网站。只需复制屏幕右侧‘Shortcode’框中的值。

现在可以使用简码将翻转框添加到任何页面、帖子或支持小工具的区域。有关如何放置简码的分步说明，请参见我们如何在WordPress中添加简码的指南。插件还有一个翻转框小工具，你可以将其添加到WordPress主题的任何小工具支持区域。若你创建了多个翻转框动画，你将需要知道ID。若要获取此信息，可以转到Flip Box » Flip Box并查看‘ID’列。

当你有了这个信息后，转到Appearance » Widgets。这里，你需要点击‘+’按钮。然后输入‘Flipbox’。当看到合适的小工具时，只需将其拖放到侧边栏、页脚或类似部分。默认情况下，Flipbox小工具将显示你的一个动画。若要显示其他翻转框，只需在字段中键入其ID。

当你对小工具的外观满意时，点击‘Update’。有关更多信息，请参见我们如何在WordPress中添加和使用小工具的指南。我们希望这篇文章帮助你学习如何向你的WordPress网站添加翻转框覆盖和悬浮效果。你还可能想查看我们的如何创建图像库指南，或查看我们专家推荐的最佳WordPress滑块插件的列表。如你喜欢这篇文章，请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

什么导致WordPress中“缺少临时文件夹”错误？

您的WordPress网站是否显示“缺少临时文件夹”错误？这个常见的WordPress错误是由WordPress托管环境中的PHP设置不正确引起的。特定PHP设置定义了一个临时文件夹，像WordPress这样的应用程序可以用来临时存储数据。当您上传图片、安装或更新插件或主题、或更新WordPress核心时，WordPress需要访问这个临时文件夹。如果这个文件夹的位置在服务器的PHP配置中没有定义，那么WordPress将无法执行这些操作并显示“缺少临时文件夹”错误。

您可以联系您的托管服务提供商并要求他们为您修复这个问题。如果您对技术支持不满意，可以考虑更换为更好的WordPress托管公司。

话虽如此，您也可以通过一些操作自己修复此错误。让我们看看如何轻松修复WordPress中的“缺少临时文件夹”错误。

如何修复WordPress中“缺少临时文件夹”错误

在本教程中，您将需要编辑WordPress配置文件wp-config.php。如果您以前没有这样做过，请参阅我们关于如何在WordPress中编辑wp-config.php文件的指南。

首先，您需要使用FTP客户端或在您的虚拟主机账户的cPanel仪表板中找到的文件管理器连接到您的网站。接着，找到wp-config.php文件并编辑它。

在‘That’s all, stop editing! Happy publishing.’这行之前插入以下代码：

define('WP_TEMP_DIR', dirname(__FILE__) . '/wp-content/temp/');

保存您的更改并将wp-config.php文件上传回您的网站。

接下来，您需要进入/wp-content/文件夹并在其中创建一个新文件夹。您应将该新文件夹命名为temp。

就这样。现在您可以访问您的WordPress管理区域并尝试上传图片。

如果您仍然看到“缺少临时文件夹”错误消息，那么您需要检查wp-content文件夹的权限。使用您的FTP客户端，进入您的WordPress站点的根目录。然后，右键单击wp-content文件夹并选择“文件权限…”

这将弹出文件权限对话框。现在，您需要在数字值字段中输入755，然后点击‘OK’按钮继续。

您现在应该能够在您的WordPress站点上上传图片并执行更新。

我们希望本教程帮助您了解如何修复WordPress中“缺少临时文件夹”错误。您可能还愿意查看我们关于如何加速WordPress站点的指南或我们精选的最佳社交媒体插件。

为什么要找到你网站上最重要的页面？

当你运行一个WordPress博客时，随着时间的推移，你会产生越来越多的内容。然而，有些页面会比其他页面更重要。这些页面不仅会获得大量流量，还会有较高的用户参与度。通过优化你最重要的页面，你可以获得更多的流量，并将这些访问者转化为订阅者和客户。

你还可以创建类似的页面以吸引更多的访问者并提高用户参与度和转化率。尽管如此，很多内容管理员和企业主并不知道哪些页面对他们网站的成功至关重要。

在WordPress仪表盘中查看最重要的页面

最简单的方法之一是使用MonsterInsights。这是WordPress上最好的Google Analytics插件，有超过300万的专业人士信任MonsterInsights来自信地发展他们的业务。MonsterInsights使得使用Google Analytics变得异常简单，可以在不需要编辑代码或创建报告的情况下，从WordPress仪表盘中查看你最重要的页面。

首先，你需要在网站上安装并激活MonsterInsights插件。如果你需要帮助，请参阅我们有关如何安装WordPress插件的指南。激活后，你将被带到WordPress管理面板中的Insights页面。接下来，点击“启动向导”按钮，并按照向导将你的Google Analytics账户与WordPress网站连接。

一旦你在WordPress中设置了Google Analytics，现在你可以通过WordPress管理面板中的Insights » Reports来查看你网站上最重要的页面。接下来，前往概览标签，然后向下滚动到“Top Posts/Pages”（热门文章/页面）报告。在报告中，你将看到你网站上最重要的页面和帖子。

如果你升级到MonsterInsights Pro版本，你可以解锁更多的仪表盘报告，这些报告提供了如何与最重要的页面进行互动的更多见解。例如，如果你想更仔细地查看你的热门登陆页面，只需前往顶部的“Publishers”标签，然后查看“Top Landing Pages”（热门着陆页）报告。

在Google Analytics中查看你最重要的页面

尽管MonsterInsights使得在WordPress仪表盘中找到你网站上最重要的页面变得非常简单，你也可以使用Google Analytics来查看你的热门页面。

在Google Analytics 4中查看最重要的页面

在Google Analytics 4最新版本中，你可以通过前往报告页面来查看你的热门登陆页面。之后，从左侧菜单中前往Engagement（互动）» Pages and screens（页面和屏幕）。在报告中，你可以看到你的热门页面获得了多少浏览量，还显示查看这些页面的用户数和新用户数。

在Universal Analytics中查看最重要的页面

注意：Universal Analytics已经停用，并且不再处理你网站的数据。但是你仍然可以访问报告并查看历史数据以进行比较。只需从左侧菜单中前往Behavior（行为）» Site Content（网站内容）» All Pages（所有页面）。在报告中，你可以看到你的热门页面以及每个页面的总浏览数。

找到热门页面后该怎么办？

找到WordPress网站上最重要的页面后，下一步是优化它们以获得更多流量并将这些流量转化为订阅者和客户。

提升热门页面的SEO排名

搜索引擎优化（SEO）是一种通过时间来增加热门页面访客的聪明方法，因为它帮助你随着时间的推移增加流量。你应该检查你网站上热门页面的关键词排名。它们可能已经排名在第一页了，但你可以进一步优化它们，以提高它们在Google中的排名。

将访客转化为电子邮件订阅者

你知道吗，平均来说，超过75%的热门页面访客永远不会回到你的网站？这就是为什么建立电子邮件新闻通讯非常重要。它允许你在访客离开网站后与他们进行沟通。转换访客为订阅者的最佳地方是你网站上的热门页面。

优化你的销售漏斗

你是否在你的热门页面上销售产品或服务？在这种情况下，你可以通过优化这些页面来提供更好的用户体验，减少干扰，并推动用户完成购买，从而增加销售。例如，你可以在热门页面上添加浮动公告栏来让用户加入你的邮件列表，查看你其他的热门帖子，查看你的产品等。

我们希望这篇文章能帮助你了解如何找到你WordPress网站上最重要的页面。你也可以看看我们的指南，了解如何选择最佳的网站建设者或我们对小企业最佳电子邮件营销服务的比较。

如何在WordPress中显示最近更新的文章列表

更新于2015年6月3日由编辑部 | 审核人：Syed Balkhi

在WPressize Me，我们展示的是文章的最后修改日期，而不是原始发布日期。我们认为从WordPress的博客文章中删除日期是个坏主意。如果你使用的是最后修改日期，你可能会想在你的网站上显示最近更新的文章列表。在本文中，我们将向你展示如何在WordPress中显示最近更新的文章列表。

每次你更新文章时，WordPress会在posts表中记录更新的日期和时间作为最后更新日期。我们将向你展示如何创建一个自定义的WordPress查询，以列出你最近更新的文章。

function wpb_lastupdated_posts() { 
// 查询参数
$lastupdated_args = array(
'orderby' => 'modified',
'ignore_sticky_posts' => '1'
);
//循环显示5篇最近更新的文章
$lastupdated_loop = new WP_Query( $lastupdated_args );
$counter = 1;
$string .= '
';
while( $lastupdated_loop->have_posts() && $counter the_post();
$string .= '
post->ID ) . '"> ' .get_the_title( $lastupdated_loop->post->ID ) . ' ( '. get_the_modified_date() .') 
';
$counter++;
endwhile; 
$string .= '
';
return $string;
wp_reset_postdata(); 
} 
//添加短代码
add_shortcode('lastupdated-posts', 'wpb_lastupdated_posts');

要在主题的模板文件中显示最近更新的文章，你可以这样使用：

<?php 
if (function_exists(wpb_lastupdated_posts)) : 
wpb_lastupdated_posts();
endif;
?>

要在WordPress的文章、页面和小工具中显示最近更新的文章，你可以使用短代码 [lastupdated-posts]。

在WordPress中有很多不同的排序文章的方法。除了升序、降序和随机排序，你还可以按过期日期显示文章。通过这篇文章，你现在可以按最后修改时间显示文章。

你会在你的网站上怎样使用这个功能？你是显示原始发布日期还是最后修改日期？请在下方留言告诉我们。

什麼是 WordPress 自訂欄位？

WordPress 自訂欄位是元數據，用於向您正在編輯的帖子或頁面添加額外的信息。

默認情況下，當您撰寫新帖子、頁面或其他內容類型時，WordPress 將該內容保存為兩部分。

第一部分是您使用 WordPress 內容編輯器添加的內容正文。

第二部分是關於該內容的信息。例如，標題、作者、日期、時間等。這些信息稱為元數據。

WordPress 網站自動向您創建的每個帖子或頁面添加所需的所有元數據。您還可以通過使用自訂欄位創建和存儲自己的元數據。

默認情況下，自訂欄位選項在帖子編輯屏幕上是隱藏的。要查看它，您需要點擊屏幕右上角的三點菜單，並從菜單中選擇「偏好設定」。

這將打開一個彈出窗口，您需要切換到「面板」選項卡，然後啟用「自訂欄位」選項。

之後，簡單點擊「啟用並重新載入」按鈕重新載入帖子編輯器。

編輯器將重新載入，您將能看到內容編輯器下方的自訂欄位面板。

自訂欄位可用於添加與帖子、頁面或其他內容類型相關的任何信息。然後可以在您的主題中顯示這些元信息。

要做到這一點，您需要編輯您的 WordPress 主題文件。

注意：這個教程推薦給已經熟悉編輯主題文件的用戶，也對想要學習如何在自己的主題或插件中正確使用自訂欄位的 WordPress 開發者有幫助。

在 WordPress 中添加自訂欄位

首先，您需要在區塊編輯器中打開一個帖子或頁面，以便添加自訂欄位。然後，您需要轉到自訂欄位框。

接下來，您需要為您的自訂欄位提供一個名稱，然後輸入其值。點擊「添加自訂欄位」按鈕保存它。

該欄位將被存儲並在自訂欄位框中顯示。

您可以隨時編輯這個自訂欄位，然後點擊「更新」按鈕保存您的更改。您也可以刪除它，如果您不再需要它。

現在，您需要保存您的帖子以存儲您的自訂欄位設置。

在 WordPress 主題中顯示自訂欄位

要在您的網站上顯示自訂欄位，您需要編輯您的 WordPress 主題文件和代碼片段。

我們不建議直接編輯主題文件，因為最小的錯誤都可能導致您的網站中斷。一個更簡單的方法是使用 WPCode。

這是 WordPress 最佳的代碼片段插件，可讓您從 WordPress 儀表板添加自訂代碼和管理片段。

首次使用此插件的話，建議閱讀我們的指南《如何在 WordPress 中複製和貼上代碼》。

首先，您需要安裝並啟用免費的 WPCode 插件。詳細信息請參閱我們的初學者指南《如何安裝 WordPress 插件》。

啟用後，您需要從 WordPress 儀表板中轉到代碼片段 » 添加片段，並選擇「添加您的自訂代碼（新片段）」選項。

現在，您需要將此代碼複製並添加到您的主題文件中：

<?php echo get_post_meta($post->ID, 'key', true); ?>

不要忘記用您自己的自訂欄位名稱替換 key。

接著，您需要將代碼輸入到「代碼預覽」區域，並將代碼類型更改為「PHP 片段」。

<p>Today's Mood: <?php echo get_post_meta($post->ID, 'Mood', true); ?></p>

從這裡，您可以向下滾動到插入部分。這裡，您可以選擇代碼將在何處運行。默認情況下，WPCode 將自動插入代碼並在您的網站上全局運行它。

但是，您可以更改這個設置並選擇希望自訂欄位出現的位置。例如，我們將選擇「特定頁面」選項卡，選中「插入在帖子之前」選項。這樣，自訂欄位將顯示在博客帖子開頭。

您現在可以保存更改並訪問添加自訂欄位的帖子，查看它的效果。

您也可以在其他所有 WordPress 博客帖子中使用這個自訂欄位。

您還可以輕鬆調整不同博客帖子的自訂欄位。只需創建新帖子或編輯現有帖子。

然後，轉到自訂欄位框，從下拉菜單中選擇您的自訂欄位，並輸入其值。

完成後，點擊「添加自訂欄位」按鈕保存更改，然後發佈或更新帖子。

疑難排解：無法在帖子編輯屏幕的下拉菜單中找到自訂欄位

默認情況下，WordPress 只有 30 個自訂欄位載入到帖子編輯屏幕的下拉菜單中。

如果您使用的 WordPress 主題和插件已經使用了許多自訂欄位，這些欄位可能會首先出現在下拉菜單中，您看不到新創建的自訂欄位。

為了解決這個問題，您需要將以下代碼添加到您的主題的 functions.php 文件或使用 WPCode（推薦）：

add_filter( 'postmeta_form_limit', 'meta_limit_increase' );

function meta_limit_increase( $limit ) { return 50; }

上述代碼將限制更改為 50。如果仍然看不到自訂欄位，您可以嘗試進一步增加該限制。

使用進階自訂欄位創建用戶界面

如您所見，一旦添加自訂欄位，您每次撰寫帖子都需要選擇欄位並輸入其值。

如果您有許多 WordPress 自訂欄位或網站上有多位作者撰寫，此方法並不理想。

是否會更方便，讓用戶能通過填寫表單來添加自訂欄位？實際上，許多知名的 WordPress 插件已經這麼做了。

例如，流行的 All in One SEO 插件中的 SEO 標題和元描述框是一個自訂元框：

創建添加自訂欄位用戶界面最簡單的方法是使用 Advanced Custom Fields 插件。

首先，安裝並啟用 Advanced Custom Fields 插件。詳細信息請參閱我們的逐步指南《如何安裝 WordPress 插件》。

啟用後，需轉到 ACF » 欄位組頁面並點擊「添加新」按鈕。

欄位組像是一個容器，包含一組自訂欄位。它允許您添加多個自訂欄位面板。

現在，您需要為您的欄位組提供一個標題，然後點擊右上角的「+ 添加欄位」按鈕。

您現在可以選擇欄位類型。Advanced Custom Fields 允許您創建所有類型的欄位，包括文本、圖片上傳、數字、下拉菜單、複選框等。

接下來，您可以向下滾動查看該特定欄位的其他選項，如欄位名稱、欄位標籤和預設值。您可以根據需要更改這些設置。

如果需要，您還可以將多個欄位添加到您的欄位組中。完成後，點擊「保存更改」按鈕。

接下來，編輯帖子或創建新帖子，您將在內容編輯器下方看到新的帶有您的 WordPress 自訂欄位的面板。

詳盡步驟，請參閱我們的指南《如何在 WordPress 帖子和帖子類型中添加自訂元框》。

为什么要设计您的Contact Form 7表单？

Contact Form 7是WordPress中最受欢迎的联系表单插件之一。它免费使用并允许您使用短代码添加表单。

然而，Contact Form 7的功能非常有限。其表单样式非常单调，并且插件没有内置选项来更改表单样式。这使得难以使联系表单的设计与您的网站主题匹配或编辑字体和背景颜色使表单脱颖而出。

如果您想要更可自定义且具有高级功能的表单，我们推荐WPForms，这是一款对初学者非常友好的联系表单插件。它带有拖拽式表单构建器，1800多个预构建表单模板和众多的自定义选项。WPForms也有免费的版本，包括60多个模板、条件逻辑、Stripe支付等功能。

开始使用Contact Form 7

首先，您需要在网站上安装并激活Contact Form 7插件。如果您需要帮助，请参见我们的指南如何安装WordPress插件。

激活后，您可以从WordPress控制面板转到Contact » Add New。

您现在可以编辑表单并为表单设定一个标题。插件会自动添加默认的姓名、电子邮箱、主题和消息字段。您也可以通过拖拽添加更多字段。

完成后，不要忘记点击“保存”按钮并复制短代码。
接下来，将其添加到您的博客文章或页面。

在WordPress中通过自定义CSS设计Contact Form 7表单

由于Contact Form 7没有内置样式选项，您需要使用CSS来设计您的表单。Contact Form 7生成的是标准合规的表单代码，每个元素都有相应的ID和CSS类，这让自定义变得非常容易。

每个Contact Form 7表单都使用CSS类.wpcf7，您可以用它来设计表单。

在这个例子中，我们将在输入字段中使用名为Lora的自定义字体，并更改表单的背景颜色。

div.wpcf7 { 
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, sans-serif;
font-style:italic;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}

如果您需要帮助添加自定义CSS，请参见我们的指南如何在WordPress网站中轻松添加自定义CSS。

在应用此CSS后，我们的联系表单看起来如下。

为多个Contact Form 7表单设计样式

如果您使用多个联系表单并希望为每个表单设计不同的样式，则需要使用每个表单生成的ID。上面的CSS将应用到网站上的所有Contact Form 7表单。

首先，打开包含您想要修改的表单的页面。接下来，将鼠标移动到表单的第一个字段，右键点击并选择“检查”选项。

浏览器屏幕将分裂，您将看到页面的源代码。在源代码中，找到表单代码的起始行。

如截图所示，我们的联系表单代码从这行开始：
<div role="form" class="wpcf7" id="wpcf7-f113-p114-o1" lang="en-US" dir="ltr">

id属性是Contact Form 7为此表单生成的唯一标识符，它是表单ID和表单所在页面ID的组合。

我们将使用此ID在CSS中为我们的联系表单设计样式，并将我们的第一个CSS代码段中的.wpcf7替换为#wpcf7-f113-p114-o1。

div#wpcf7-f113-p114-o1{
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
#wpcf7-f113-p114-o1 input[type="text"],
#wpcf7-f113-p114-o1 input[type="email"],
#wpcf7-f113-p114-o1 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, "Open Sans", sans-serif;
font-style:italic;
}
#wpcf7-f113-p114-o1 input[type="submit"],
#wpcf7-f113-p114-o1 input[type="button"] {
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}

您现在可以为您想要自定义的每个Contact Form 7表单重复此步骤并替换表单ID。

使用CSS Hero设计Contact Form 7表单

更简单的方法是使用CSS Hero改变Contact Form 7表单的样式。它让您无需编写CSS即可编辑表单。

只需在您的网站上安装并激活CSS Hero插件。您可以参考我们关于如何安装WordPress插件的指南。

接下来，转到包含表单的页面，并点击顶部工具栏中的“使用CSS Hero自定义”选项。

CSS Hero将提供一个简单的用户界面，您可以在其中无需编写任何代码即可编辑CSS。

使用该插件，您可以点击表单中的任何字段、标题和其他元素，并编辑背景颜色、字体、边框、间距等等。

自定义表单后，只需点击底部的“保存并发布”按钮。

我们希望这篇文章帮助您了解如何在WordPress中设计Contact Form 7表单。您可能还想看看我们的文章如何创建电子邮件通讯和最佳WordPress计算器插件的专家推荐。

如果您喜欢这篇文章，请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

什么是优惠券网站？

优惠券网站是一种帮助客户找到优惠券和交易的联盟营销网站。随着在线购物变得越来越普遍，这是一种非常流行的在线商业理念，并且发展迅速。这些网站通过联盟营销和合作伙伴关系在线赚钱。基本上，当用户使用他们的优惠券代码或点击联盟链接进行购买时，他们会赚取佣金。例如，我们在WPressize Me上有我们自己的优惠区，在那里我们与顶级的WordPress公司合作，向用户提供独家优惠券和交易。

开始构建你的优惠券网站

要建立一个优惠券网站，你需要一个域名和一个虚拟主机帐户。域名就是用户在浏览器中输入以访问你网站的地址（例如：wpressizeme.com）。虚拟主机账户是存储你网站所有文件的地方。域名通常每年花费 $16.99，而虚拟主机起价为每月 $7.99。这对于初创小型企业来说有点昂贵。幸运的是，Bluehost已经同意为WPressize Me用户提供免费域名和SSL证书的慷慨折扣。你可以以每月 $2.75 的价格开始。

在WordPress中设置优惠券网站

首先你需要安装并激活WP Coupons插件。激活后，你可以前往 Coupons » Add New 页面创建你的第一个优惠券。简单地为你的优惠券提供一个标题，然后在内容区域填写详细描述。

在你的网站上展示优惠券

默认情况下，WP Coupons允许你使用优惠券归档模板一次性显示所有优惠券。不过，默认模板可能与你的主题不兼容，或者你想在其他页面上显示优惠券。你可以使用[wp_coupons]短代码在WordPress网站上的任何地方显示所有优惠券。编辑你想要显示优惠券表格的文章或页面，然后在编辑屏幕上点击(+)添加区块按钮并将短代码区块添加到内容区域。将[wp_coupons]短代码复制并粘贴到区块设置中，不要忘记更新或发布更改。

在文章或页面中展示单个优惠券

WP Coupons还使在你的文章和页面中展示单个优惠券变得容易。前往 Coupons » Coupons 页面并点击你想在文章或页面中添加的优惠券下方的编辑链接。在优惠券编辑页面，向下滚动到‘WP Coupons Details’框并复制右下角的短代码。在文章或页面编辑屏幕上，点击(+)添加区块按钮并选择短代码区块。然后将早前复制的短代码粘贴进去并保存文章/页面。现在可以预览你的内容，以查看单个短代码的效果。

在侧边栏小部件中显示优惠券

WP Coupons提供了两种方式在WordPress侧边栏小部件中显示优惠券。要在侧边栏中显示随机优惠券，你可以前往 Appearance » Widgets 页面并将‘WP Coupons Widget’添加到侧边栏。

更改优惠券的样式

WP Coupons提供有限的选项选择颜色和样式。你可以通过访问Settings » WP Coupons页面并切换到Style Options标签来找到它们。从这里，你可以选择颜色和字体大小以匹配你的WordPress主题或设计需求。

管理和发展你的优惠券网站

你可以使用许多的联盟营销工具和插件来管理和发展你的优惠券网站。以下是一些你需要的基本工具：

1. Pretty Links Pro

Pretty Links Pro 是一个WordPress联盟链接管理插件。它可以将冗长且难看的联盟链接缩短成简洁的链接，还能帮助你轻松跟踪、分组、排序和管理你的联盟链接。它对于联盟营销人员来说是一个巨大时间节省工具。

2. MonsterInsights

MonsterInsights 是WordPress 的最佳Google Analytics 插件。它显示了用户的来源以及访问你网站时的行为，还允许你轻松设置转化跟踪，从而可以基于数据做出决策来发展你的业务。

3. OptinMonster

OptinMonster 是市场上排名第一的转换优化软件。它允许你轻松将网站访客转化为订阅者和客户，提供强大的工具来在你的网站上推广优惠券和交易。

我们希望本文帮助你了解如何在WordPress中轻松创建一个优惠券网站。接下来，你可能想查看我们的最佳小型企业现场聊天软件比较或我们关于如何选择最佳网页设计软件的指南。

如何在WordPress中显示上周的帖子

许多初学者很快就开始修改他们的WordPress主题，因此我们为他们准备了一份WordPress主题作弊表以帮助他们入门。这给新用户带来了一些有趣的挑战。其中一个读者最近问我们如何在WordPress中显示上周的帖子。他们只是想在主页上添加一个显示上周帖子的部分。在本文中，我们将向您展示如何在WordPress中显示上周的帖子。

显示本周帖子

在展示如何显示上周的帖子之前，让我们先看看如何使用WP_Query显示本周的帖子。将以下代码复制并粘贴到您主题的functions.php文件或特定插件中。

function wpb_this_week() { 
  $week = date('W');
  $year = date('Y');
  $the_query = new WP_Query( 'year=' . $year . '&w=' . $week );
  if ( $the_query->have_posts() ) : 
    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        
<a href="" title="Permanent link to  ">
        
    
    
  
    

  <?php endif;
}

在上面的代码示例中，我们首先找出了当前的周和年份。然后我们使用这些值在WP_Query中显示本周的帖子。现在，您只需将添加到您希望显示帖子的主题文件中即可。

显示上周帖子

这很简单，对吗？现在，要显示上周的帖子，您只需要从当前周的值中减去1。但是，如果这是今年的第一周，那么您将得到周为0和年份为当前年的结果，而不是上一年。以下是如何解决此问题的代码。

function wpb_last_week_posts() { 
  $thisweek = date('W');
  if ($thisweek != 1) :
    $lastweek = $thisweek - 1;   
  else : 
    $lastweek = 52;
  endif; 
  $year = date('Y');
  if ($lastweek != 52) :
    $year = date('Y');
  else: 
    $year = date('Y') -1; 
  endif;
  $the_query = new WP_Query( 'year=' . $year . '&w=' . $lastweek );
  if ( $the_query->have_posts() ) : 
    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        
<a href="" title="Permanent link to  ">
        
    
    
  
    

  <?php endif;
}

在上面的代码示例中，我们进行了两个检查。第一个检查将上周的值设置为52（即一年中的最后一周），当当前周的值为1时。第二个检查将年的值设置为上一年，当上周的值为52时。

要显示上周的帖子，您只需将添加到您希望显示它们的主题模板文件中。或者，如果您希望拥有一个短代码，以便您可以将其添加到页面或小部件中，只需在上面的代码下面添加这一行即可。

add_shortcode('lastweek', 'wpb_last_week_posts');

现在，您可以在帖子、页面或小部件中使用此短代码，如下所示：

[lastweek]

请注意，您并不总是需要WP_Query来创建自定义查询。WordPress自带一些函数，帮助显示最新帖子、归档、评论等。如果有更简单的方法使用现有函数，那么您就不需要自己编写查询了。

我们希望这篇文章能帮助您在WordPress中显示上周的帖子。试验一下代码并根据您的需要进行修改。如果您有任何问题，请在下方留言或加入我们的Twitter。

为什么要恢复WooCommerce的被遗弃购物车销售？

当用户将产品添加到他们的购物车时，他们开始了交易过程。在实体零售店中，人们很少放弃他们的购物车。但在在线商店中，购物车弃置率可以高达80%。

有很多原因会导致人们在未完成购买的情况下放弃购物车，其中最常见的包括高昂的运费、缓慢的结账过程和需要创建账户的要求。如果你想提高转化率并减少购物车弃置率，那么你需要处理这些因素。在你的WooCommerce网站上进行一些小调整，你可以恢复大量正在失去的销售。

1. 使用退出意图弹窗提醒用户购物车内的商品

当用户似乎准备离开你的网站时，退出意图弹窗可以挽救销售。这些弹窗会在用户的鼠标移动到窗口外时出现，在关键时刻抓住他们的注意力。

2. 向订阅者发送被遗弃购物车通知

推送通知使你能够在顾客离开网站后仍然与他们保持联系。这些消息会在他们的浏览器中弹出，提醒他们对你的产品的兴趣。

3. 让WooCommerce购物车可见并且明显

很多顾客将商品添加到购物车是为了以后查看，但注意力分散很容易让他们忘记。一个显著的购物车图标可以不断提醒他们已保存的商品。

4. 避免高运费和隐藏费用

高昂的运费是购物车弃置的主要原因之一。尽管有时候费用是无法避免的，但你可以让顾客更容易接受。

5. 启用无需创建账户的访客结账

很多电商网站希望用户创建账户以便将来更快地结账。然而，很多顾客只是想买个产品而不想创建另一个账户。

6. 加快WooCommerce的结账流程

你是否注意到Amazon.com多么快速？这是因为页面加载时间的每一次延迟都可能让公司损失数百万美元。

7. 在结账时提供多种支付方式

缺乏支付选项是顾客放弃购物车的另一个原因。这就是为什么转化率专家总是建议添加多种支付方式以减少购物车弃置率。

8. 在产品和购物车页面有效使用紧迫感和稀缺性技巧

自古以来，卖家就用稀缺性和紧迫感的技巧。电子商务网站通过显示有限的产品库存或限时折扣来使用这种策略。

9. 使用FOMO来阻止WooCommerce购物车弃置

FOMO，即“害怕错过”，是一个心理术语，描述了对错过某些令人兴奋和流行的事物的焦虑。

10. 让顾客能轻松得到答复

另一个导致购物车弃置的很大原因是缺乏信息。你的顾客可能对产品有一些未解答的问题，如果他们无法快速找到答案就会离开。

11. 向WooCommerce购物车页面添加信任提升器以建立信心

在线购物时，尤其是在从一个他们从未听说过的商店购买时，人们会更加谨慎。这时，顾客会寻找信任信号以确保他们是从一个合法的商店购买并且他们的个人和支付信息是安全的。

12. 让客户容易联系上你的团队

添加产品FAQ部分和实时聊天支持是很好的，但有些用户不想使用实时聊天并且不急于做出决定。

13. 允许用户保存他们的WooCommerce购物车

大多数购物者经常浏览多个网站进行价格比较、查看评论并查看不同产品。在这个过程中，他们可能会关闭标签页或完全离开你的商店。

14. 关于你的WooCommerce商店做出数据驱动的决策

许多初学者依靠他们的最佳猜测和简单的流量统计数据来恢复被遗弃的购物车销售。你不需要这样做，因为你可以获得实际数据来驱动你的决策。