02/06/2023

初学者指南：如何在WordPress中添加Twitter卡片

更新于2024年7月16日 | 编辑团队

增强您的WordPress网站，使用Twitter卡片提高社交媒体形象和用户参与度。Twitter卡片在有人分享您的内容时会在X（原Twitter）上显示图片和描述。

在WPressize Me，我们使用此功能来控制推文外观和提高用户互动。使用Twitter卡片（或X卡片）还可以确保我们获得内容的归属。

在本文中，我们将向您展示如何在WordPress中添加Twitter卡片，以便您的推文可以脱颖而出。

为什么在WordPress中使用Twitter卡片？

Twitter卡片允许您向推文添加标题、摘要、图片和视频或音频文件。这样，您更有可能获得更多点击和转发。

拥有Twitter卡片的最大优势在于它们通过内容归属增加追随您X账户的人数。通常人们会在没有给您适当归属的情况下转发您的链接。

例如，假设@syedbalkhi转发了@wpressizeme的帖子而没有注明出处，其他人则更可能会关注@syedbalkhi而不是@wpressizeme。

通过Twitter卡片，这个问题可以解决，因为每次提及您文章的推文都会给您的网站带来归属。

现在您已经了解了Twitter卡片的好处，让我们看看如何在WordPress中实现它们。我们将介绍两种方法，并展示如何测试和验证您的Twitter卡片：

使用AIOSEO插件添加Twitter卡片（推荐）在WordPress中添加Twitter卡片（代码方法）测试和验证您的Twitter卡片使用Twitter与WordPress的专家指南

方法1：使用AIOSEO插件添加Twitter卡片（推荐）

使用All in One SEO（AIOSEO）插件是向您的网站添加Twitter卡片的最简单方法。它是最好的WordPress SEO插件，被超过300万个网站使用。

首先，您需要安装并激活AIOSEO插件。激活插件后，进入WordPress管理区域，导航到All in One SEO » 社交网络。然后点击“X（Twitter）”选项卡，并确保启用了“启用X卡片”选项。

启用Twitter卡片后，您可以通过不同的设置来更改其外观。AIOSEO允许您为您的内容选择默认卡片类型。插件将默认设置为“摘要”卡片类型，显示标题、摘要和缩略图。

您可以通过下拉菜单将其更改为“大图片摘要”，Twitter将显示带有大图片的推文。

接下来，选择默认帖子图片来源。还可以上传或选择在X卡片中显示的默认图像，或选择特色图像、附件图像、内容中的第一个图像等。

此外，AIOSEO提供了更多选项显示额外数据，如帖子作者和阅读文章的时间。

向下滚动，您将看到Twitter主页设置。插件会显示您的主页在Twitter卡片上的预览。在此部分，您可以更改卡片类型并添加主页图片。接下来，输入主页标题和描述，它们将出现在Twitter卡片上。完成后，点击“保存更改”按钮。

此外，AIOSEO还允许您更改单个帖子和页面的X卡片设置。在内容编辑器中编辑任意博客帖子或页面，然后向下滚动到AIOSEO设置，点击“社交”选项卡并选择“X（Twitter）”。

插件将显示您的帖子X卡片的预览，并给您使用Facebook标签数据的选项。您还可以编辑X标题和描述。最后，选择Twitter卡片类型，并更新或发布您的博客帖子。您现在已经成功地向您的WordPress网站添加了Twitter卡片。

方法2：在WordPress中添加Twitter卡片（代码方法）

此方法需要向主题或子主题文件中添加代码。简单地打开header.php文件或使用免费插件WPCode，在标签之前添加以下自定义代码：

<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url = get_permalink();
 $twitter_title = get_the_title();
 $twitter_desc = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
 $twitter_thumb = $twitter_thumbs[0];
  if(!$twitter_thumb) {
 $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
 }
  $twitter_name = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?php 
if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?php
 }
}
?>

您可以将第14行的‘twitter:card’值更改为‘summary_large_image’，如果您想显示带有大图片的摘要卡片。

测试和验证您的Twitter卡片

在您的WordPress网站链接开始显示Twitter卡片之前，您需要先在Twitter卡片验证器中检查。

只需前往Twitter开发者网站上的验证器页面，输入您WordPress网站上任何文章的URL并点击“预览卡片”按钮。

验证器不再显示推文的预览，但会显示Twitter卡片是否成功加载的日志。

更新：之前，您需要申请参加Twitter卡片。现在只需通过验证器测试，或在Twitter上分享URL，Twitter会自动将您的域名列入白名单。

使用Twitter与WordPress的专家指南

现在您已经知道如何将Twitter卡片添加到WordPress中，您可能还想查看一些与使用Twitter和WordPress相关的其他指南。

如何在发布新帖时自动推文

如何在WordPress中添加Twitter分享和转推按钮

如何在WordPress博客帖子中嵌入实际推文

如何修复WordPress中损坏的Twitter卡片图片

如何在个人资料页面显示作者的Twitter和Facebook

最佳WordPress Twitter插件（比较）

如何在WordPress中显示最近推文（逐步教程）

如何将您的社交媒体Feeds添加到WordPress（逐步教程）

我们希望这篇文章帮助您在WordPress中添加Twitter卡片。您可能还想查看我们的如何使用WordPress创建登录页面的指南，以及我们精心挑选的增长网站必备WordPress插件。如果您喜欢这篇文章，请订阅我们的YouTube频道观看WordPress视频教程。您还可以在Twitter和Facebook上找到我们。