WordPress 教学

如何在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 .= '';
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中有很多不同的排序文章的方法。除了升序、降序和随机排序,你还可以按过期日期显示文章。通过这篇文章,你现在可以按最后修改时间显示文章。

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

Read More
WordPress 教学

WordPress 自訂欄位 101:提示、技巧和竅門

什麼是 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 帖子和帖子類型中添加自訂元框》。

Read More
WordPress 教学

如何在WordPress中设计Contact Form 7表单

为什么要设计您的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上找到我们。

Read More
WordPress 教学

如何在WordPress中轻松创建优惠券网站

什么是优惠券网站?

优惠券网站是一种帮助客户找到优惠券和交易的联盟营销网站。随着在线购物变得越来越普遍,这是一种非常流行的在线商业理念,并且发展迅速。这些网站通过联盟营销和合作伙伴关系在线赚钱。基本上,当用户使用他们的优惠券代码或点击联盟链接进行购买时,他们会赚取佣金。例如,我们在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中轻松创建一个优惠券网站。接下来,你可能想查看我们的最佳小型企业现场聊天软件比较或我们关于如何选择最佳网页设计软件的指南。

Read More
WordPress 教学

如何在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。

Read More
WordPress 教学

14种方法恢复WooCommerce被遗弃的购物车销售

为什么要恢复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商店做出数据驱动的决策

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

Read More
WordPress 教学

如何在WordPress中嵌入Spotify(2种简单方法)

为什么要在WordPress中嵌入Spotify?

对于音乐家或播客制作者来说,在WordPress网站中嵌入Spotify内容是推广作品并与观众互动的强大方式。这样访客无需离开网站即可欣赏您的音乐或节目。即便您不是分享自己的内容,通过嵌入Spotify也可以令网站更具吸引力。

如何在WordPress中嵌入Spotify

WordPress让嵌入Spotify内容变得非常简单。您可以直接将Spotify链接粘贴到内容编辑器中,WordPress会自动将其转换为嵌入播放器。在本指南中,我将介绍两种简单的方法,将Spotify嵌入WordPress:

  • 方法1:使用WordPress中的Spotify模块进行嵌入(无需插件)
  • 方法2:使用EmbedPress插件进行嵌入(更多自定义选项)

方法1:使用WordPress中的Spotify模块进行嵌入(无需插件)

这是最简单的方法,因为您只需在WordPress区块编辑器中添加一个模块,无需额外插件。

步骤1:找到Spotify内容链接

首先,打开Spotify网页播放器或桌面应用程序,通过搜索功能找到您要嵌入的内容,复制其链接。

步骤2:将Spotify内容嵌入到WordPress

打开WordPress仪表板,转到文章或页面,点击‘+’添加Spotify嵌入模块,然后粘贴您复制的Spotify链接。

方法2:使用EmbedPress插件进行嵌入(更多自定义选项)

此方法适合需要更多嵌入灵活性的用户,EmbedPress插件允许您在没有代码的情况下自定义Spotify播放器。

步骤1:安装EmbedPress插件

在WordPress插件库中搜索并安装EmbedPress插件。

步骤2:将Spotify URL添加到WordPress

获取Spotify链接后,在您的文章或页面中使用EmbedPress模块粘贴并嵌入链接。

常见问题

在拼写音乐时,如何在WordPress中添加背景音乐、如何在WordPress中嵌入Spotify播放列表等常见问题也常被问及。

希望本文能帮助您学习如何在WordPress中嵌入Spotify,使您的音乐网站更加生动有趣。

Read More
WordPress 教学

如何在亚马逊网络服务(AWS)上安装WordPress

如何在亚马逊网络服务(AWS)上安装WordPress

亚马逊网络服务(AWS)通常为较大项目保留,提供了强大的云计算平台,可以让任何人按需使用亚马逊先进的基础设施。在本文中,我们将介绍如何在AWS上安装WordPress。

注意:如果您刚刚开始建立一个网站,我们建议您使用我们的WordPress安装指南中的简单解决方案之一。

我们将本篇文章分为两种方法。第一种方法是手动过程,非常技术性且复杂。第二种方法是对初学者更友好的解决方案,因为它使您可以通过首选的托管WordPress主机解决方案使用AWS基础设施。

方法一:手动安装WordPress在亚马逊网络服务上

第一步:创建自定义WordPress安装

首先,访问亚马逊网络服务网站。您可以创建一个免费账户,但需要输入信用卡信息,亚马逊会向您的卡收取1美元费用以验证您的身份。

账户验证后,登录到AWS控制台并点击“服务”菜单。在计算部分,选择EC2继续。

EC2是AWS的云计算平台,允许您创建虚拟机并运行类似WordPress的网页应用。接下来,点击“启动实例”按钮启动并配置您的实例设置。

您需要选择一个亚马逊机器映像。这些是预配置的软件堆栈,您只需点击一下即可安装。在‘AWS Marketplace’栏中搜索WordPress,然后选择‘WordPress by Bitnami’。

继续点击弹出的定价窗口,然后选择实例类型。可以选择t2.micro免费层,然后点击‘配置实例详细信息’按钮。

保持默认设置,点击‘下一步:添加存储’和‘下一步:添加标签’按钮。为实例输入一个名称作为标签,点击‘添加标签’按钮,输入‘Name’作为键,‘MyWordPress’作为值。

点击‘审核并启动’按钮继续,查看EC2实例配置并点击‘启动’按钮。然后选择‘不带对键对’继续。

点击‘启动实例’按钮存储设置并启动您的EC2实例。AWS会弹出成功消息,点击屏幕右下角的‘查看实例’按钮。

找到您的实例公有IP地址,复制它并在浏览器的新标签页中输入,您将看到默认主题的WordPress站点。访问后台管理页面在IP地址后添加/wp-admin,例如:http://18.191.114.246/wp-admin。

要获取登录用户名和密码,返回EC2控制台并点击‘操作’按钮,选择‘实例设置’>‘获取系统日志’。滚动到底部找到‘Setting Bitnami user password to’行,复制用户名/密码并输入登录页面。

恭喜,您已经成功在亚马逊网络服务上安装了WordPress。然而,您的网站只能通过IP地址访问。如果希望将域名指向您的AWS上的WordPress安装,您需要将域名连接到AWS的DNS服务器。

为亚马逊网络服务的WordPress站点添加域名

首先进入EC2实例仪表板,点击左侧‘网络与安全’部分下的‘弹性IP’,然后点击‘分配新地址’。选择使用IP方式,点击‘分配’按钮生成一个新的弹性IP。选择IP地址行并在‘操作’按钮下选择‘关联地址’,选择您的实例然后点击‘关联’按钮。

复制弹性IP地址,然后点击顶部‘服务’菜单并搜索‘Route53’,进入AWS的DNS管理服务。在DNS管理部分点击‘立即开始’按钮,创建托管区,并输入您的域名。然后点击‘创建记录集’按钮,在‘名称’栏输入www,在‘值’栏输入弹性IP,最后点击创建按钮。

记下NS字段下的名称服务器地址,进入您的域名注册商网站,编辑域名设置,将名称服务器地址输入到DNS名称服务器设置,保存更改。稍等片刻,DNS更改生效后访问域名便可看到您的AWS上的WordPress网站。

方法二:通过托管WordPress主机使用亚马逊网络服务

如您所见,在AWS上设置自定义WordPress安装是一个技术性且复杂的过程。AWS按需计费,流量突增会增加您的托管费用。且您仍需负责管理自己的服务。

使用托管WordPress主机是更简单的解决方案。我们建议使用WP Engine。他们的一部分托管平台基于AWS基础设施,您无需担心流量突增、服务器管理或WordPress维护。

另一个不错的选择是SiteGround,提供高速服务器、一流的WordPress安全性、24/7专业支持和大量开发者工具。

希望这篇文章帮助您了解如何在AWS上安装WordPress。您还可以查看我们的终极指南,提高WordPress速度和性能,或我们的最佳商业站点插件推荐。

Read More
WordPress 教学

如何在WordPress中显示密码保护文章的摘要

如何在WordPress中显示密码保护文章的摘要

方法一:手动显示摘要

首先,将以下代码片段复制粘贴到你的子主题的functions.php文件或特定站点的插件中。

function wpb_protected_excerpt( $excerpt ) {
if ( post_password_required() ) {
$post = get_post();
$excerpt=$post->post_excerpt;
}
return $excerpt;
}
add_filter( 'the_excerpt', 'wpb_protected_excerpt' );

function wpb_protected_excerpt_posts( $content ) {
if ( post_password_required() && is_single() ) {
$post = get_post();

return $post->post_excerpt.$content;
}}
add_filter( 'the_content', 'wpb_protected_excerpt_posts', 10 );

然后,进入WordPress的文章屏幕,编辑你要密码保护的文章,并点击页面顶部的“屏幕选项”按钮。确保“摘要”旁边的复选框被选中。这样会在文章编辑器下方显示摘要元框。你可以在此框中输入文章的摘要。

发布文章前,确保它已被密码保护。现在访问你的网站,你会看到密码保护文章的摘要。

方法二:使用插件限制内容

使用密码保护文章虽然简单,但无法确保特定用户才有权限查看。如果你管理一个多用户的WordPress网站,或愿意开放注册功能,使用插件限制访问会更好。

首先,安装并激活Restrict Content Pro插件。激活后,访问Restrict » Settings配置插件。你需要提供未授权用户看到的消息。完成后点击保存按钮。

现在你可以创建新文章或编辑现有文章。把你想显示为摘要的内容放在文章内容区域,剩下的内容用[restrict] [/restrict]标签包围。

重要提示:你不需要在发布菜单中使文章密码保护。你也可以通过在文章编辑器下方的Restrict Content元框勾选摘要框,并选择用户角色,向所有用户显示摘要,但仅允许已登录的用户查看内容。

在你的网站上销售高级内容

Restrict Content Pro还允许你销售高级内容的会员资格。你可以使用Stripe、PayPal和Braintree接受付款。

你可以创建用户在注册时选择的订阅包。根据订阅级别,决定用户能访问的内容。

我们希望这篇文章能帮助你在WordPress中显示密码保护文章的摘要。如果你喜欢这篇文章,请订阅我们的YouTube频道,以获取更多WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中建立作者網站(步驟詳解)


為什麼要建立作者網站?

許多作者依賴社交媒體平台或出版社的網站/行銷渠道來推廣他們的作品。然而,最終,您並不擁有任何社交媒體平台。如果您的帳戶被這些網站封鎖,您積累的社交媒體追隨者會瞬間消失。最好的推廣書籍或建立個人品牌的方法是建立一個網站。

首先,您擁有自己的網站,沒有人可以從中阻止您。您仍然可以建立社交媒體追隨者,但我們強烈建議同時建立您的電子郵件列表。這樣,您可以直接與追隨者進行交流,而不必依賴第三方平台。

最後,擁有自己的网站給您在如何賺取收入方面提供了更大的靈活性。您可以推廣您的書籍和其他作品,建立基於訂閱的在線社區等等。

建立作者網站需要什麼?

首先,您需要選擇合適的網站搭建平台。我們推薦使用WordPress.org。它是市場上最好的網站建設工具,並且超過43%的網站都由WordPress驅動。包括許多《紐約時報》暢銷書榜首作者在內的無數作者都使用WordPress建立他們的網站。

現在請記住,當我們提到WordPress時,我們指的是WordPress.org,而不是WordPress.com,後者是一家網站託管公司。詳細信息,請參閱我們的指南《WordPress.org和WordPress.com的區別》。

要在WordPress中建立一個作者網站,您需要以下幾項內容:

  • – 域名(例如:wpressize.com)。這將是您的網站地址,也是用戶在他們的瀏覽器中輸入以訪問您網站的內容。
  • – 網站託管帳號。這是您所有網站文件的存儲位置。

通常,域名每年約14.99美元,而網站託管計劃每月起價為7.99美元(通常按年支付)。幸運的是,Bluehost團隊同意為WPressize Me的用戶提供免費的域名和巨大的託管價格優惠。基本上,您可以以每月1.99美元的價格開始。

開始建立您的作者網站

註冊WordPress託管帳號後,下一步就是安裝WordPress。如果您使用的是Bluehost,他們會自動為您安裝WordPress。

只需登錄您的託管帳戶儀錶板,點擊“編輯WordPress網站”按鈕登錄到WordPress。

對於其他託管公司,您可以按照我們的逐步指南《如何安裝WordPress》。

作者網站範例(靈感與點子)

在您開始創建自己的作者網站之前,設定一些目標是個好主意,例如,您希望網站看起來如何以及您希望添加哪些功能。

以下是一些我們非常喜歡的作者網站示例。您可以查看這些網站以獲取創建自己網站的點子:

  • – James Clear的網站
  • – Lisa Gardner的網站
  • – Elizabeth Gilbert的網站
  • – Simon Sinek的網站
  • – Malcolm Gladwell的網站

選擇您的作者網站主題

考慮到您的作者網站的結構後,下一步是選擇一個設計。

選擇WordPress主題來展示您的網站風格,或者使用SeedProd的拖放頁面構建器創建自定義設計。

建議選擇具有乾淨佈局和充足空白的簡約主題,使您的網站看起來更專業。例如,可以使用SeedProd來創建符合您需求的自定義佈局。

設置您的網站佈局和頁面

WordPress包括兩種常用的內容類型:文章和頁面。
以下是一些常見的需要創建的頁面:

  • – 首頁
  • – 博客頁面
  • – 關於/簡介頁面
  • – 聯繫頁面

在您的作者網站上賣書

您可以創建一個名為“書籍”的頁面,並添加您的書籍封面圖像以及到Amazon等在線商店的購買按鈕。

推廣您的作者網站

建設完作者網站後,下一步就是推廣。以下是一些推薦的推廣方法:

  1. 開始您的電子郵件新聞
  2. 快速增長電子郵件列表
  3. 優化WordPress SEO
  4. 添加聯繫表單
  5. 銷售線上課程和訂閱
  6. 跟蹤用戶活動

希望這篇文章能幫助您學習如何在WordPress中創建作者網站。您還可以參閱我們的指南《建立WordPress網站需要花多少錢》或我們的專家比較《最好的虛擬業務電話號碼應用程序》。

Read More