11个新手必备的实用WordPress代码片段

11个新手必备的实用WordPress代码片段

对于刚接触WordPress的人来说,学习使用代码片段可以开启一个新的可能世界,帮助您根据自己的需求定制网站。

在过去15多年里,我们在开发自己的网站时经常使用代码片段来定制管理面板和前端显示。

通过这篇指南,我们的目标是让这些强大的工具对新手来说也能易于掌握,仔细挑选并解释最有用的WordPress代码片段,您可以立即开始使用。

为什么在WordPress中添加代码片段?

如果您有一个WordPress网站,那么在主题文件或代码片段插件中添加一些有用的代码片段可以帮助您实现无限定制,使您的网站脱颖而出。您可以使用自定义代码来调整网站上的某些特定元素。举个例子,您可以通过添加一个简单的CSS代码片段来改变WordPress中的文本选择颜色。作为新手,添加一些有用的代码片段还可以通过减少多个插件的需求来提升性能和速度。除了这些,代码片段还可以帮助您扩展编码技能,访问WordPress社区免费共享的庞大代码片段库。

1. 允许上传SVG文件

SVG(可缩放矢量图形)是一种使用XML标记语言定义矢量图形的文件格式。这种格式允许您在不损失质量的情况下放大图像。这些文件比JPEG或PNG更小,更轻量化,有助于提升网站速度。然而,WordPress默认不允许上传SVG文件,因为SVG有可能包含恶意代码,危及站点安全。即便如此,如果您仍希望在网站上传SVG文件,可以添加以下代码片段:

add_filter('upload_mimes', function($upload_mimes) { if (!current_user_can('administrator')) { return $upload_mimes; } $upload_mimes['svg'] = 'image/svg+xml'; $upload_mimes['svgz'] = 'image/svg+xml'; return $upload_mimes; }); add_filter('wp_check_filetype_and_ext', function($wp_check_filetype_and_ext, $file, $filename, $mimes, $real_mime) { if (!$wp_check_filetype_and_ext['type']) { $check_filetype = wp_check_filetype($filename, $mimes); $ext = $check_filetype['ext']; $type = $check_filetype['type']; $proper_filename = $filename; if ($type && 0 === strpos($type, 'image/') && 'svg' !== $ext) { $ext = false; $type = false;} $wp_check_filetype_and_ext = compact('ext', 'type', 'proper_filename'); } return $wp_check_filetype_and_ext; }, 10, 5);

您可以将此代码片段添加到主题的functions.php文件或使用代码片段插件。稍后,我们将展示如何具体操作。

2. 禁用WP管理工具栏

默认情况下,WordPress会在网站顶部显示一个管理工具栏,向所有已登录用户(包括订阅者、作者、编辑和其他用户角色)显示。这些用户可以通过该工具栏访问WordPress仪表板,并根据其权限对站点进行更改。然而,当前端展示网站时,该工具栏有时会遮挡设计元素,如头部。要禁用WP管理工具栏,只需将以下PHP代码片段添加到您的WordPress网站:

add_filter('show_admin_bar', '__return_false');

执行该代码后,管理工具栏将不会显示在网站前端。如果您只希望管理员保留管理工具栏,可以查看我们的教程,了解如何仅为管理员禁用WordPress管理工具栏。

3. 移除WordPress版本号

WordPress通过您的网站显示当前的版本号。然而,这有时会形成安全漏洞,向黑客透露正在使用的WordPress版本,从而针对特定版本的已知漏洞发起攻击。要移除版本号,添加以下代码片段到您的网站:

add_filter('the_generator', '__return_empty_string');

一旦完成,黑客将无法通过自动扫描器和其他低级尝试猜测您的WordPress版本。

4. 将特色图片添加到RSS订阅中

RSS订阅允许用户通过Feed阅读器(如Feedly)收到您的WordPress博客的定期更新。通过在RSS订阅文章旁边添加特色图片或缩略图,可以使订阅更加吸引人,从而提升用户体验。您可以通过添加以下 WordPress 代码片段轻松在您的RSS订阅中展示帖子缩略图:

function wpcode_snippet_rss_post_thumbnail($content) { global $post; if (has_post_thumbnail($post->ID)) { $content = '

' . get_the_post_thumbnail($post->ID) . '

' . $content; } return $content; } add_filter('the_excerpt_rss', 'wpcode_snippet_rss_post_thumbnail'); add_filter('the_content_feed', 'wpcode_snippet_rss_post_thumbnail');

这将让您的订阅更加吸引人,吸引访客回访您的网站。

5. 禁用自动更新邮件

默认情况下,WordPress每次自动更新插件、主题或核心软件时,都会发送邮件通知。这些邮件可能会让人烦不胜烦,特别是如果您有多个WordPress网站。添加以下PHP代码片段即可禁用自动更新邮件:

add_filter('auto_core_update_send_email', '__return_false'); add_filter('auto_plugin_update_send_email', '__return_false'); add_filter('auto_theme_update_send_email', '__return_false');

添加代码后,您将不会再收到插件或主题自动更新的通知。

6. 更改管理员栏中的“Howdy, Admin”

登录WordPress仪表板时,屏幕右上角会显示“Howdy,Admin”的问候。这个问候可能听起来不那么自然,显得过时或者有些烦人。要更改管理员栏中的问候语,添加以下代码片段到您的WordPress网站:

function wpcode_snippet_replace_howdy($wp_admin_bar) { $new_howdy = '欢迎,'; $my_account = $wp_admin_bar->get_node('my-account'); $wp_admin_bar->add_node(array('id' => 'my-account','title' => str_replace('Howdy,', $new_howdy, $my_account->title),)); } add_filter('admin_bar_menu', 'wpcode_snippet_replace_howdy', 25);

代码添加后,您必须在$new_howdy =行旁边添加您喜欢的问候语。

7. 禁用XML-RPC

XML-RPC是WordPress的核心API。它允许用户连接到其网站并使用第三方服务。如需使用自动化工具或移动应用来管理网站,您需要启用XML-RPC。如果不需要这些功能,建议禁用XML-RPC以防止黑客访问您的网站。添加以下代码片段禁用XML-RPC:

add_filter('xmlrpc_enabled', '__return_false');

8. 禁用自动清空垃圾

WordPress会在垃圾站停留超过30天的内容自动删除,包括帖子、页面和媒体文件。如果希望随时恢复已删除的文件,可以添加以下代码片段到您的WordPress网站:

add_action('init', function() { remove_action('wp_scheduled_delete', 'wp_scheduled_delete'); });

9. 更改摘要长度

摘要是博客文章在首页、博客或归档页标题下显示的前几行内容。您可能希望缩短摘要以制造悬念,鼓励用户点击阅读全文。同样,您可以增加摘要长度,给读者更多背景信息。添加以下代码片段即可更改摘要长度:

add_filter('excerpt_length', function($length) { return 40; }, 500);

默认情况下,此代码片段会将摘要限制在40个单词,但您可以在第五行调整此数字。

10. 禁用站点管理员邮箱验证

默认情况下,WordPress每隔几个月会向站点管理员发送一次邮箱验证邮件。然而,这个通知有时会频繁发送,令人烦恼。添加以下代码片段可以禁用管理员邮箱验证通知:

add_filter('admin_email_check_interval', '__return_false');

11. 禁用自动更新

WordPress会自动更新其核心软件、插件或主题,以减少安全威胁、恶意软件感染、网站入侵和数据盗窃。然而,自动更新有时可能引入兼容性问题或在少数情况下破坏您的网站。添加以下代码片段即可禁用自动更新:

add_filter('auto_update_core', '__return_false'); add_filter('auto_update_plugin', '__return_false'); add_filter('auto_update_theme', '__return_false');

如何在WordPress中添加代码片段(简单方法)

现在您已了解了新手必备的实用WordPress代码片段,可以轻松将它们添加到主题的样式表或functions.php文件。然而,请记住,代码中最小的错误都会破坏您的站点并使其无法访问。如果切换到不同的主题,所有自定义代码将丢失,您需要重新添加。因此,我们总是建议使用WPCode插件。

WPCode是目前市场上最好的WordPress代码片段插件,使得在网站上添加自定义代码变得非常安全和容易。该插件还拥有一个包含900多个代码片段的库,其中包括我们提到的所有片段。首先,您需要安装并激活WPCode插件。详见教程:如何安装WordPress插件。安装后,访问WordPress仪表板的代码片段 ‘»+ 添加片段’ 页面。这将带您进入片段库,您可以通过点击‘使用片段’按钮将自定义代码添加到您的网站。

如果添加自定义代码片段,只需将代码粘贴到‘代码预览’框中。然后,滚动到‘插入’部分,选择‘自动插入’模式。代码会在激活片段后自动执行。最后,访问页面顶部,将非活动的开关切换为活动。然后点击‘更新’按钮保存设置。您已经成功地将代码片段添加到您的WordPress网站。欲了解详细说明,请查看我们的初学者指南:如何轻松地在WordPress中添加自定义代码。

关于WordPress代码片段的常见问题

如何在WordPress网站上显示代码?

如果您在写关于技术话题的博客文章,添加代码片段到文章中会很有用。为此,您需打开要显示代码片段的页面/文章,并点击添加块‘+’按钮。然后从块菜单中插入代码块,并将您的自定义代码添加到块中。最后,点击顶部的‘发布’或‘更新’按钮保存更改。代码片段将显示在您的WordPress网站上。

如何在不使用代码的情况下从头创建WordPress网站?

如果您想不使用任何代码创建网站,可以使用SeedProd。它是市场上最好的WordPress页面构建器,允许您在不使用代码的情况下创建自定义主题和登录页面。该插件提供300多个预制模板、拖放式构建器和众多高级块,使您仅需几次点击即可构建一个吸引人的网站。

我可以从哪里获得WordPress代码片段?

您可以使用WPCode的库,访问900多个代码片段,轻松添加到您的网站。不过,如果不使用WPCode,也可以从Stack Overflow、CodePen或GenerateWP等网站获取预先编写的代码片段。

希望这篇文章帮助您找到了最有用的WordPress代码片段。您可能还想查看如何在WordPress页面或文章中轻松添加JavaScript的教程,以及我们挑选的市场上最佳WordPress主题构建器推荐。



Related Posts

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>