9 个 Wordpress 代码为您的博客增添趣味并改善用户体验

Wordpress 易于配置和安装,在您发布博客后即可使用。

但是依赖 Wordpress 的默认选项可能会导致您的损失:

  • 功能较少
  • 无聊的用户(他们偶然发现的每个WP站点都看到相同的东西)
  • 搜索引擎排名下降。

您手中有一个灵活的工具,您可以调整它以使其成为一种令人愉快的使用和高效的依赖。 为什么不为你的用户(和你自己)加油呢?

本文希望通过添加有趣的内容来帮助您使基于 Wordpress 的网站变得有趣和有用 代码片段 这也将增强您的 搜索引擎优化.

[成功图标=”感叹号”]

需要帮助为WordPress博客增添趣味?
WHSR 现已与 Codeable.io 合作,协助需要专业 WP 开发/定制服务的用户。

要获得免费报价, 请填写此申请表.

[/成功]

给他们一个尝试,让我知道他们是如何为你工作的! ;)

增强您的 WordPress 博客的 9 个代码

我将在这篇文章中为您提供两种类型的代码片段:

  1. 法典代码
  2. 代码片段和小部件

法典代码是 PHP 我自己写的片段(在我未婚夫 Simone 的帮助下)严格使用 Wordpress.org 法典 作为参考。

代码片段和小部件是现成的 PHP 在其他网站和 Wordpress.org 上免费提供的代码(或 Wordpress 插件),但我还包括了我的未婚夫和我使用开放和 Codex 参考从头开始编写的片段。

这两种类型的代码都易于实现和安装,但如果您不确定如何操作代码,则可能需要从小部件和插件开始。

法典代码

1。 区分粘性帖子

要让 Wordpress 检查您当前的帖子是否为置顶帖子并相应地显示它,您可以使用 Codex 布尔函数:

<?php is_sticky(); ?>

单独的函数只返回TRUE或FALSE值,所以如果写一个条件结构(if / else)来管理你的粘贴帖子,你可以在这里做什么。 一个例子:

<?php 如果 is_sticky() { the_title(); the_time('M, d, Y'); the_excerpt(); } else { 包括'后模板。php'; }

在此示例用法中,我将置顶帖子显示为仅包含标题、发布日期和摘录(不是整个帖子)的框,而其他帖子的标准模板包含在帖子模板中。php.

每种类型的帖子都有自己的CSS样式表,但我们不在这里定义样式; 只有模板。

单。php 是您的单个帖子的默认模板(您会发现它包含在每个默认的 WP 主题中)。

如果您已经开发了自己的WP主题但是没有为单个帖子设置模板,则可以按照Codex指南进行操作 此处.

2。 显示帖子URL

添加到您的模板中可能会很有趣。 如果您希望您的读者获取您的每个页面(或帖子)的 URI,只需在您的单曲中使用以下标签。php, 页。php 甚至索引。php 模板:

<a href="<?php echo get_page_link();?>"><?php 回声 get_page_link(); ?>

不是使用the_permalink,这是最明显的选择,适用于所有情况,WP允许您为帖子和页面使用两种替代形式:

<?php 回声 get_post_permalink(); ?>
 <?php echo get_page_link(); ?> 

例如,您的页面模板可以包含:

关联:php echo get_page_link();?>"><?php 回声 get_page_link(); ?>

3。 检索并显示帖子ID号

即使您将永久链接结构设置为用户和SEO友好,您仍然可以通过将以下简单函数添加到元行来向访问者显示帖子ID:

<?php the_ID(); ?>

样品用法:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4。 按ID列出类别

Wordpress 标准功能是:

<?php get_all_category_ids() ?>

这是我在我的一个博客上使用的一个例子,使用来自的代码编写 法典StackOverflow上的一个主题:

<?php
 $category_ids = get_all_category_ids(); foreach($category_ids as $cat_id) { $cat_name = get_cat_name($cat_id); $category_link = get_category_link($cat_id); //我们需要 cat 链接才能使 URL 正常工作! 回声“ {$cat_id} :{$cat_name} "; } ?>

…及其显示方式:

类别WP代码

注意:get_all_category_ids()现在是一个已弃用的函数,但你仍然可以毫无问题地使用它,就像我在我的博客上所做的那样(上面的截图)。 但是,如果您希望对此代码段使用新功能,请访问 get_terms() 食典委的页面。

这段代码有什么作用?

该代码获取所有类别ID和每个ID的类别名称,然后将ID链接到类别链接,同时在“:”后面显示类别名称-因此 回波() 表达 {$ cat_id} :{$ cat_name}.

5。 为您的博客提供详细的用户/作者页面

您是否曾经想构建一个自定义页面来显示您的所有博客 作者 还是无需依赖插件的用户?

好吧,你 能够 仅使用文本编辑器创建您自己的自定义作者/用户页面, 则fTP 上传者和您心爱的 Wordpress 仪表板。

首先,您需要创建页面的副本。php 文件。 将您的副本重命名为任何名称——我命名了我的用户。php.

加入 模板标签 到此模板的顶部,以便 Wordpress 将其识别为模板,然后转到您的仪表板 ->页面->添加新 并为您的用户/作者列表创建一个页面。 返回“页面”列表,单击新页面标题下的“快速编辑”,然后从“模板”下拉菜单中选择新模板。 保存更改。

现在打开您的用户。php (或您命名的任何名称)文件并应用以下代码:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

这段代码使用了 count_users 该功能在法典中被列为“默认用法”。 您可以在以下位置查看此代码的实时示例 http://robocity.in/users/.

在那段代码之后,让我们添加一些关于博客管理员的内容:

<?php printf( __( '用户 "Leaders" 发布的帖子数: %d', 'text-dom-here' ), count_user_posts(1) ); ?>

我用了 count_user_posts 这里的功能,遵循食典委建议的使用格式。

该功能 get_userdata 很好地显示某个用户名与使用它的人的真实姓名之间的相关性。 见下文:

<?php $user_info = get_userdata(1); $username = $user_info->user_login; $first_name = $user_info->first_name; $last_name = $user_info->last_name; echo "$first_name $last_name 使用 $username 的用户名登录到他们的 WordPress 站点。"; ?>

现在,这是您可以在“作者/用户”页面上使用的最有趣的功能- get_users 功能:

<?php
$blogusers = get_users('blog_id=1&orderby=nicename&role=administrator'); // WP_User 对象数组。 foreach ( $blogusers as $user ) { echo ' ' . esc_html($user->user_login) 。 '-'。 esc_html($user->user_email) 。 ' '; } ?>

此功能将根据您可以在代码中配置的某些参数来检索用户列表。 在上面的示例中(取自食典页面,并在Robocity.in进行了修改以适合我的用户页面),我想获取按“ nicename”排序的博客ID 1(当前博客)的管理员列表,对于每个用户,我想用“ Username – [电子邮件保护]“。

如果您希望向用户显示有关自己的信息,可以使用 get_currentuserinfo 用于检索用户姓名和地址的功能。 我没有在我的例子中使用这个功能,但创造力不知道限制,对吧? ;)

代码片段和小部件

6.另类…档案!

更好的博客档案想象一下,如果您可以用右边的代码段替换旧的侧边栏“存档”列表(随着博客的增长并迫使用户滚动,它会不断增长)。

难道不会让您的读者更容易一目了然地捕捉您的博客时代和档案深度吗? :)

我的未婚夫和我使用Codex的get_post和档案列表的简单下拉菜单编写了这个简单的片段。 我们创建了自己的功能,以使这个想法很好地运作。

<?php
 函数 formatPostDate($postId, $format = '%F') { $post = get_post($postId); $output = strftime($format, strtotime($post->post_date)); 返回$输出; } function getLastPostID() { list($post) = get_posts(array('posts_per_page' => 1)); 返回 $post->ID; } ?> 该博客自 <?php echo formatPostDate(1, '%B %e, %Y'); ?>。 上一篇文章发表于 <?php echo formatPostDate(getLastPostID(), '%B %e, %Y'); ?>。 您想访问特定的档案吗?  <?php echo esc_attr( __( '选择存档' ) ); ?> <?php wp_get_archives(array('type' => 'monthly', 'format' => 'option', 'show_post_count' => 1 ) ); ?>

这段代码有什么作用?

函数formatPostDate采用帖子的ID和日期格式,并以您选择的格式返回日期。 第二个函数getLastPostID获取仅包含一个帖子的帖子数组并返回其ID。

要获取博客的第一篇文章(通常ID为= 1),我们在第一段中写回显formatPostDate(1,'%B%e,%Y'):此代码使用formatPostDate函数并将帖子ID作为参数#1和标准英语格式的日期,并返回日期。

要获取博客的最后一篇文章,我们使用formatPostDate(getLastPostID(),'%​​B%e,%Y')来获取最后一篇文章的ID和日期格式(再次使用英文),然后在屏幕。

7。 检查访问者是否使用移动设备

WP-Snippets.com上的Muneeb分享了一个有趣的代码片段(一个函数)来检查您网站上的访问者是否正在使用移动设备。

代码可用 此处.

此功能有助于进行移动优化,如果您希望仅向移动用户显示某些功能或将移动用户排除在某些网站功能之外,则此功能很有用。

8。 使用if / else构造来操纵页面边栏内容

此代码片段基于 Wordpress 的 Codex,但我将其放置在本节中是因为它可以带来很多创意,并且您可以在 Web 上找到现成的片段。

假设您要在您的网站上使用多个侧边栏。 你可以用div和section填充你的侧边栏,但是文件越多(即使你使用小部件),它就会越重。

食品法典委员会带你去救援 get_sidebar($名) 功能。 用法很简单:

  1. 为您的报价片段创建(比如说)一个侧边栏。 将其命名为侧边栏引号。php
  2. 在主侧边栏中。php 文件(或标题或索引文件,根据您的 WP 主题结构)写 get_sidebar(“quotes”); 包括“侧边栏引号。php“档案。

您将获得一个更纤细的侧边栏,其中包含对其他子侧边栏的调用,如果您知道一点,您可以使用 if/else 结构进行优化 PHP 编码 为 WordPress。

你可能不知道,但是当你使用通用的 get_sidebar() 代码时,它会包含“sidebar.php” 因为您没有添加 $name 参数。 这是默认用法。 当您在“sidebar*.php”,您可以使用 $name 参数调用该名称插件。

如果您要在博客的某些页面上显示广告,特别优惠或侧边栏功能,或者会使标准侧边栏超载的代码,您会发现此代码段可以为用户体验提供终身保护。

9. 将代码片段集成到您的 Wordpress 网站的工具

codesnippets截图

代码段 是由 Shea Bange 创建的免费 Wordpress 插件,可让您轻松地将代码片段添加到您的博客。

这个插件的好处是你不再需要编辑你的 功能。php 文件,但您可以直接从 Wordpress 仪表板添加自定义代码。 基本上,您可以像添加新帖子或页面一样添加代码片段。

WPMUDev.org的Tom Ewer 写了一篇关于这个插件的有趣介绍,但到目前为止,我发现Code Snippets最有用的资源是 Wordpress.org 上的插件支持论坛.

给你!

在下面的评论中分享您的 Wordpress 编码实验! 并随时就本文中介绍的片段提出问题。

作者照片

Luana Spinetti 的文章