為什麼需要裁剪和編輯 WordPress 文章縮圖或特色圖片？

添加縮圖或特色圖片是讓新博客文章更吸引人的最簡單方式。在我們的經驗中，一張精心裁剪和妥善編輯的縮圖對用戶的參與度有很大的影響。

大多數 WordPress 主題支持特色圖片，並能在網站各處漂亮地顯示它們。詳細步驟請參閱我們的專家指南，了解如何在 WordPress 中添加特色圖片或文章縮圖。

根據您的主題，WordPress 可能會自動裁剪您的文章縮圖，有時會切掉重要部分，給人不好的印象。根據我們的豐富經驗，我們建議進行手動裁剪以確保最佳效果。

從 WordPress 裁剪和編輯文章縮圖

您知道嗎，您可以在 WordPress 中進行基本的圖片編輯？WordPress 的「編輯圖片」功能允許您裁剪、旋轉、翻轉和縮放圖片。這對於快速編輯工作非常方便，尤其是在無法訪問您主電腦上的更強大圖片編輯軟件時。

首先，打開您希望編輯縮圖的文章。在右側，向下滾動至特色圖片面板，然後點擊圖片。這將打開 WordPress 媒體庫並選擇您的特色圖片。在右側是一個區域，您可以為圖片添加替代文字、標題、說明和描述。您還會在「附件細節」下看到一個「編輯圖片」鏈接。點擊該鏈接後，您將進入「編輯圖片」頁面。

在這裡，您會看到圖片預覽、裁剪和以不同方式編輯的按鈕，以及一些用於縮放或裁剪圖片的有用選項。首先，您應該查看「縮圖設置」部分。這裡，您可以選擇是否將更改應用於所有圖片尺寸、僅縮圖或除縮圖外的所有尺寸。請記住，這個縮圖設置是針對 WordPress 為該圖片創建的最小尺寸，例如在使用「最新文章」塊時。這與特色圖片或文章縮圖不同。

這些設置使您可以為特色圖片或文章縮圖創建一個版本，為小縮圖創建另一個版本。在本教程中，我們將使用默認的「所有圖片尺寸」選項。

裁剪 WordPress 文章縮圖

要裁剪圖片，您需要點擊屏幕頂部的「裁剪」按鈕。現在，您會在圖片的每個角和邊看到拖動手柄。您可以拖動這些手柄以選擇裁剪後應保留的圖片部分。拖動手柄時，您可以查看右側「圖片裁剪」下的「選擇」字段，以監控將要裁剪的尺寸。一旦滿意，僅需再次點擊「裁剪」按鈕即可裁剪圖片。

在 WordPress 中裁剪文章縮圖的一個常見原因是確保它具有正確的縱橫比，例如 1:1（正方形）或 16:9。您可以使用「縱橫比」設置更容易選擇具有正確比例的區域。您只需輸入所需的縱橫比，您的選擇將保持該比例。例如，我們將輸入縱橫比 1:1 以確保圖片為正方形。當您將鼠標拖動到圖片上時，形狀將始終為正方形。當您對選擇的區域感到滿意時，再次點擊「裁剪」按鈕。之後，您需要點擊「保存」按鈕以儲存更改後的圖片。

縮放 WordPress 文章縮圖

不要使用過大的圖片，否則會影響網站的性能。您可以在我們的指南中了解更多關於如何優化網頁性能的圖片。我們的圖片解析度為 2560×1637 像素，這超出了我們需要的文章縮圖大小。然而，通過在第一個「縮放圖片」字段中輸入，我們可以將其減少到 1200 像素寬度。注意，圖片的高度會自動更改以保持比例。接下來點擊「縮放」按鈕以更改圖片解析度，然後記得點擊「保存」按鈕以保存更改。請注意，您只能在 WordPress 中縮小圖片，無法通過增加圖片尺寸來放大圖片。然而，您可以使用其他圖片編輯軟件在不失真質量的情況下放大圖片。

旋轉 WordPress 文章縮圖

如果您的文章縮圖因側向旋轉而看起來不對，那麼您可以使用 WordPress 圖片編輯器來修復它。您會找到兩個旋轉圖片的按鈕。「向左旋轉」將會逆時針方向旋轉它，而「向右旋轉」則會順時針方向旋轉它。確保點擊「保存」按鈕以儲存更改。

翻轉 WordPress 文章縮圖

您也可以翻轉您的圖片。例如，如果圖片上的文字顯示為反向，這是非常有用的。點擊「水平翻轉」按鈕會立即創建鏡像。點擊「垂直翻轉」按鈕會使圖片上下顛倒。完成後，您可以點擊「保存」按鈕儲存更改。

恢復 WordPress 文章縮圖

當您保存對圖片的更改時，WordPress 會保留原始圖片的副本。您可以隨時恢復該圖片。只需返回 WordPress 的「編輯圖片」屏幕，您會看到一個標有「恢復原始圖片」的新面板。您需要點擊向下箭頭按鈕擴展此部分。您現在會看到一個標有「恢復圖片」的按鈕。當您點擊該按鈕時，所有更改都將被捨棄，恢復原始圖片。在這種情況下，您不需要保存更改，因為圖片已經恢復。

在電腦上裁剪和編輯 WordPress 縮圖

雖然 WordPress 圖片編輯器方便，但通常更容易使用第三方圖片編輯軟件在電腦上裁剪和編輯圖片。Adobe Photoshop 是一個創建和編輯圖片的優質軟件程序。雖然只是編輯文章縮圖可能過於複雜，但如果您對它熟悉並且已經在電腦上安裝，它是個不錯的選擇。或者，您也可以選擇多種價格優惠的 Photoshop 替代品。Affinity Photo、Pixelmator Pro 和 GIMP 都提供了全面的工具來裁剪和編輯圖片。

第三種選擇是使用照片查看器。這些應用程序易於使用，並且通常擁有基本的裁剪和編輯功能。一些好的免費選擇有：Irフ浏览器適用於 Windows（免費）、Photos 應用程序內置於 Windows 操作系統中（免費）以及 Apple Photos 適用於 Mac（隨 MacOS 免費）。雖然這些工具相似，但它們的工作方式不同。一旦您選擇了一個應用程序，您需要熟悉它的工具。比如這裡是一張使用 Affinity Paint 的裁剪工具的截圖。

從零創建博客文章縮圖和特色圖片

許多初學者在找到可以在其博客上使用的圖片時會遇到困難。您不能僅僅從 Google 搜索中下載圖片，因為這些圖片可能受版權保護，您可能會侵犯原創者的權利。幸運的是，有幾個地方您可以找到免版稅圖片。找到圖片後，您可以在電腦上編輯它以適應主題的特色圖片尺寸。或者，您也可以使用 AI 工具為您的博客文章和特色圖片生成圖片。更多詳情見我們挑選的最好用來創建更好的博客文章圖片的工具（很多是免費的）。

我們希望本教程幫助您學會如何裁剪和編輯 WordPress 文章縮圖。您可能還想了解如何在 WordPress 中創建聯繫表單，或查看我們列出的最佳社交媒體插件列表。
如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

为什么要将社交媒体动态添加到您的WordPress网站？

根据我们的社交媒体统计数据，人们每天在社交媒体上花费大约2小时23分钟。这是一个很好的时间，可以向现有的关注者推广您的内容，并与新用户建立联系。如果您有一个或多个社交媒体帐号，那么您已经迈出了不错的第一步。然而，将这些社交动态添加到您的WordPress网站也是明智之举。

通过在WordPress中嵌入社交媒体帖子，您可以向访问您网站的人推广您的不同账户。这可以为您带来更多的点赞、分享和互动。如果访问者喜欢他们所看到的，他们甚至可能决定开始在不同的社交媒体网络上关注您。

如何在WordPress中添加社交媒体动态

在WordPress博客中添加社交媒体动态的最佳方法是使用Smash Balloon。这是WordPress最佳的社交媒体动态插件，已获得超过175万用户的信任。使用此插件，您无需处理jQuery代码、API或尝试将社交帖子排成一个漂亮的布局，一切都会自动运作。

在WordPress中添加Facebook社交媒体动态

无论您是有一个小型商业网站、个人博客、还是其他类型的WordPress网站，您的目标受众都可能已经熟悉Facebook。当您在WordPress中嵌入实时Facebook动态时，新帖子将自动出现在您的网站上。这还鼓励访客点赞、分享和评论您的Facebook帖子，从而在社交媒体上获得更多互动。

在WordPress中添加Instagram社交媒体动态

拥有超过20亿月活跃用户的Instagram，是推广您的网站、产品和服务的理想平台。根据您的行业，Instagram甚至可能是扩展您的品牌和吸引新客户的最佳地点。

在WordPress中添加Twitter社交媒体动态

WordPress允许您使用内置的Twitter模块在博客文章和页面中手动嵌入推特。不过，如果您想嵌入多个推特，我们建议使用Smash Balloon Twitter Feed插件。

添加组合社交墙到WordPress

如果您创建的平台各异，您可能希望将所有内容结合到一个社交媒体动态中。通过这种方式，您可以展示您在社交媒体上的广泛影响力，并在不同平台上创建各种有趣且多样化的内容。

我们希望这篇文章能够帮助您在WordPress中添加社交媒体动态。您可能还想查看我们的指南，了解如何在WordPress中显示社交媒体粉丝数以及我们为WordPress选择的最佳URL缩短工具，以便跟踪链接。

如何在WordPress中限制用户名和用户邮箱

运营我们的网站时，我们发现一些用户使用可疑用户名注册。这些用户名中有的包含粗话，有的使用了商标词，还有一些假装成正式名称。这不仅导致混淆，也可能造成安全隐患。

如果您允许用户在您的网站上注册，可能会遇到类似的问题。因此，控制用户可以注册的用户名和邮箱地址是非常重要的。在本文中，我们将教你在WordPress中如何限制用户名和用户邮箱。

为什么要在WordPress中限制用户名和用户邮箱？

当您运行一个WordPress会员网站或社区网站时，需要允许用户注册。新用户可以在注册时选择任何用户名和邮箱地址。

这意味着用户可以选择与管理员、版主和支持人员相似的用户名，甚至可以冒充您团队的一员，带来安全风险。此外，他们还可能在注册用户账户时使用不当语言或商标词。

因此，最好限制用户在用户名和邮箱地址中使用某些单词。这有助于防止使用污秽语言，并保持论坛和社区的高标准。

在WordPress中限制用户名和用户邮箱的最简单方法

防止在用户名中使用特定词语和短语的最佳方法是使用Restrict Usernames Emails Characters插件。

这是一个免费WordPress插件，允许您限制某些用户名、邮箱地址、符号、域名等。插件甚至提供选项，允许使用特定语言，例如拉丁语、阿拉伯语、斯拉夫语或任何语言。

首先，您需要安装并激活Restrict Usernames Emails Characters插件。激活后，您可以在WordPress仪表盘中导航到Settings » Restrict Usernames Emails Characters，从“常规设置”标签中确保插件已启用。

然后，您可以向下滚动到插件的“禁用这些名称”部分，输入要限制在用户名中使用的词语或短语。

插件还提供了一个选项，可以让小写字母等于大写字母。默认情况下，这个选项是启用的，您可以从下拉菜单中将其禁用。

同样，您也可以防止使用特定邮箱地址。只需在“不允许使用这些邮箱”部分中输入用户在注册时不能使用的邮箱地址即可。这将有助于过滤掉垃圾邮件，用户将不得不使用他们的实际邮箱地址。

此外，还有插件的可选设置，以自定义用户名和邮箱地址的限制，例如限制某些邮箱域，禁止用户名包含特定词汇，避免使用WordPress允许的字符和符号，并允许特殊字符。

完成后，一定要点击“保存更改”按钮。

接下来，您可以转到插件中的“错误消息”标签。插件默认已为不同情况预设了错误通知，您可以在此部分自定义任何错误消息。

现在，如果有人在注册您的WordPress网站时尝试输入受限的用户名和邮箱地址，他们将看到错误信息，必须选择其他用户名和邮箱地址。

了解更多保护WordPress网站的方法

除了在WordPress中限制用户名和邮箱之外，您还可以做更多事情来保护您的网站。例如，可以屏蔽使用临时邮箱地址注册账户的用户。

很多用户利用临时邮箱地址创建虚假账户，滥用免费试用，或者用于其他有害目的。

您还可能希望阻止某些IP地址访问您的网站。这是处理评论垃圾邮件、邮件垃圾、黑客攻击和其他安全威胁的有效方法。

希望这篇文章帮助您了解如何在WordPress中限制用户名。您还可以查看我们选择的最佳WordPress用户管理插件，以及如何允许用户在WordPress登录屏幕上隐藏或显示密码的文章。

如何輕鬆在WordPress中建立帶日期選擇器的表單

更新日期：2024年6月24日 | 編輯部撰稿 | 評論者：Syed Balkhi

你是否想要在WordPress中建立一個帶日期選擇器的表單？

日期選擇器欄位是一種方便的方法來捕獲與日期相關的信息。舉例來說，你可能需要知道用戶的出生日期，或者希望他們能夠通過表單輕鬆安排服務的預約。

在本文中，我們將向你展示如何輕鬆地在WordPress中建立一個帶日期選擇器的表單。

為什麼要建立帶日期選擇器的WordPress表單？

當你希望用戶輸入日期時，帶日期選擇器的欄位非常有用。

常見的例子包括：注冊表單要求用戶輸入出生日期；訂單表單讓用戶選擇送貨日期和時間；租賃物品表單選擇取件或返件日期；回電請求表單以便用戶告訴你何時他們希望被聯繫；請假申請表單讓員工輸入休假開始和結束日期；住宿或服務網站的預約表單。

相比手動輸入來說，日期選擇器讓用戶更能輕鬆插入日期，並確保日期格式在所有表單提交中保持一致，從而減少錯誤並改善用戶體驗。

步驟1：安裝WPForms插件並選擇模板

第一步是安裝WPForms。這是市場上最佳的WordPress聯絡表單插件，它可以讓你輕鬆地在WordPress網站上建立各種表單，包括帶日期選擇器的表單。

詳細的指導，你可以參考我們的分步教學指南「如何安裝WordPress插件」。

注意：這個指南需要使用WPForms的高級版本，因為日期選擇器字段屬於該版本。但如果你使用我們的WPForms折扣碼，可以節省50%的常規價格。

激活後，從WordPress儀表板進入WPForms » 新增頁面。

這將引導你到「選擇模板」頁面。在選擇模板之前，最好先命名你的WordPress表單，以便之後能夠輕鬆識別。

向下滾動，你會看到這裡有許多預先製作好的表單模板，其中許多已包含日期範圍字段。

本例中，我們將使用「簡單聯絡表單」模板，並向其中添加日期選擇器字段。但你可以隨意選擇適合你的模板。選好後，點擊「使用模板」按鈕。

步驟2：向WordPress表單添加日期選擇器字段

現在，你將進入WPForms表單構建器。你會注意到屏幕左側的字段選項和右側的表單預覽。

默認情況下，「簡單聯絡表單」模板僅包含姓名、電子郵件地址和評論欄位。為演示用途，我們將向表單中添加一個日期字段。如果你的模板已有此字段，可以跳過此步驟的編輯部分。

你需要做的是向下滾動到左列中的「高級字段」部分，在那裡你會看到「日期/時間」字段。只需將該字段拖放到你想要的位置。在本例中，我們將其放置在電子郵件字段下方。

完成後，點擊「日期/時間」字段進行編輯。這將在屏幕左側打開「字段選項」標籤。

在這裡，你可以更改該字段的標籤，默認標籤是「日期/時間」，我們將其更改為「電話聯絡的優先時間」。

你也可以使用「格式」下拉菜單更改字段日期格式。選項包括日期和時間、日期或僅時間。如果你希望僅使用日期而不需要時間字段來收集用戶的出生日期，這將非常有用。

除此之外，你可以填寫描述文本，為用戶提供更多的入欄提示。

最後，如果你希望此字段為必填項，可以選中「必填」框。這意味著用戶必須選擇日期和時間才能提交表單。

完成後，點擊頂部的「保存」按鈕以保存表單設置。

步驟3：配置日期時間選擇器的高級選項

默認情況下，日期範圍選擇器字段將是帶有時間下拉選單的日曆。

當前日期將被選中，但用戶可以更改以選擇不同的日期。日期格式為月/日/年。

時間下拉菜單預設為12小時制，間隔為30分鐘。用戶可以選擇最適合他們的時間段。

在某些情況下，你可能需要更改日期選擇器設置。例如，你的國家使用日/月/年或24小時制格式而不是默認的格式。

要這麼做，需要切換到左側面板頂部的「高級」標籤。在這裡，你可以調整日期選擇器字段的大小。然後，在「日期」部分，將日曆選擇器更改為日期下拉選單。

若該表單欄位有空間限制，將日曆選擇器更改為日期下拉選單是一個好主意。以下是日期下拉選單的外觀：

在此之下，你可以將日期格式從月/日/年（1/31/2024）更改為日/月/年（31/1/2024）或月 日，年（2024年1月31日）。

如果你選擇日曆日期選擇器，也可以在「日期」字段中插入佔位符文本。你可以填寫你的日期格式，以讓用戶知道你所使用的格式，這樣他們不會感到困惑。

此外，可以啟用「限制天數」開關來調整可以選擇的日期範圍。如果你僅在平日提供服務，這將非常有用。

也可以禁用過去日期來防止選擇之前的日期。

接下來，讓我們移動到「時間」部分以更改時間選擇器。這裡你可以將間隔更改為15分鐘或1小時而不是默認的30分鐘。最好在這裡輸入佔位符文本以顯示你使用的時間格式。

時間選擇器預設為12小時制，但你可以切換為24小時制。

也可以啟動「限制時間」設置來指定服務的開始和結束時間。這樣用戶就不能在營業時間外預約。

另外，你可以為日期範圍字段輸入CSS類名。這是一個高級且可選的功能，稍後你可以使用代碼覆蓋表單樣式。

最後，你可以在必要時隱藏表單字段標籤和/或副標籤。

當你對新表單感到滿意時，可以點擊屏幕右上角的「保存」按鈕保存表單。

步驟4：將表單嵌入到你的網站

現在，你可以將新建立的帶日期選擇器的表單嵌入到WordPress網站。為此，只需點擊表單構建器頂部的「嵌入」按鈕。

彈出窗口將要求你選擇一個現有頁面來添加表單，或者從頭開始創建一個新頁面。這兩個選項都使用區塊編輯器，因此步驟相似。

在現有頁面或新頁面中添加WPForms區塊

要在現有頁面中插入表單，點擊「選擇現有頁面」按鈕。然後選擇你在WordPress博客或網站上已有的頁面之一，並點擊「開始」。

如果要將表單添加到新頁面，只需點擊「創建新頁面」按鈕。然後，為新頁面命名，點擊「開始」。

這兩種方法都將帶你進入區塊編輯器，在這裡你會看到一些關於如何添加WPForms區塊的說明。首先，點擊「+」添加區塊按鈕。然後，在區塊搜索欄中輸入「WPForms」。只需將區塊拖放到頁面上合適的位置。

現在只需點擊下拉菜單。然後，選擇你剛才建立的表單。在區塊設置側邊欄中可以自定義表單欄位、標籤和按鈕樣式，使它們與你的WordPress主題更好匹配。你可以更改每個元素的大小、邊框半徑和顏色。

現在，可以點擊「更新」或「發布」按鈕使表單在網站上生效。它應該看起來像這樣：

如果你希望在帖子中插入表單而不是頁面，則可以在區塊編輯器中創建新帖子或打開現有帖子。然後，按照同樣的步驟將WPForms區塊添加到頁面中。

將WPForms區塊添加到小工具區域

如果你使用的是傳統的WordPress佈景主題，則可能希望在小工具準備區域（如標頭、頁尾或側邊欄）顯示你的表單。如果你的表單相對較短且不佔用過多空間，這會是一個好主意。

注意：如果你使用的是區塊主題，則此方法將不適用於你的网站。

為此，只需進入WordPress管理界面的「外觀」 » 「小工具」。然後，導航到你願意添加區塊的小工具區域並點擊裡面的白色「+」添加區塊按鈕。之後，你可以搜索WPForms區塊。

如果你看到兩個選項，可以選擇任意一個，因為它們的功能相同。同樣，選擇你剛才建立的表單。在區塊設置側邊欄中可以配置樣式，使其更符合你的WordPress主題。

滿意編輯後，只需點擊「更新」按鈕。

到此為止！以下是我們的表單在WordPress博客帖子底部的外觀：

使用短碼嵌入WordPress表單

如果WPForms區塊或小工具無法工作，你也可以使用短碼添加WordPress表單。在「嵌入到頁面」彈出窗口中，點擊「使用短碼」鏈接。之後，你會看到一個短碼，你可以將其複製並粘貼到頁面、帖子或小工具區域中。

有關如何使用短碼的更多信息，請閱讀我們的文章《如何在WordPress中添加短碼》。

優化WordPress表單的最佳提示

現在你已經知道如何向表單中添加日期選擇器字段，讓我們來介紹一些最佳提示，以將你的表單提升到新的層次：

– 向表單提交者發送確認郵件：這樣用戶會收到通知，確認你的收到，並且不會忘記他們選擇的日期或時間。

– 在表單中接受在線付款：WPForms支持流行的支付網關，如Stripe、PayPal、Square和Authorize.net。你可以收集一次性或定期付款，且無需支付額外的交易費用。

– 使長表單更具互動性：如果你有需要捕捉大量信息的活動或用戶註冊表單，使其更具互動性可以提高表單完成率。

– 防止聯絡表單垃圾信息：你可以啟用WPForms的內置防垃圾保護和reCAPTCHA驗證框來過濾垃圾信息。

– 遵循我們的聯絡表單設計最佳實踐：這個指南可以引導你設計最佳的WordPress表單，以轉化普通訪問者為潛在客戶或消費者。

– 閱讀我們的專家指南《如何創建互動表單》：WPForms的聯合創始人Jared Atchison向你提供了如何使表單更具吸引力的建議，從使用條件邏輯到加入豐富媒體內容。

我們希望本文幫助你學會如何在WordPress中建立帶日期選擇器的表單。你可能還會想要查看我們的文章《如何在WordPress中建立多頁表單》和《最佳WordPress調查插件推薦列表》。如果你喜歡這篇文章，請訂閱我們的YouTube頻道以獲取更多WordPress視頻教程。你也可以在Twitter和Facebook上找到我們。