当我们安装主题和插件时,都会向…
WordPress尚未成为家喻户晓的名字。这种良性之美无处不在,为世界上最好的网站和Web应用程序提供了强大的支持。它是首屈一指的CMS和博客平台,不仅功能强大,而且易于学习和使用。为什么WordPress每天都会流行起来?
但是,当您设置并启动WordPress时,在表面上看到的只是幕后情况的一小部分。实际上,与后台活动相比,我们所有人如此钟爱的美丽UI实在是一无所有。我的意思是,WordPress在称为PHP和MySQL的两种较为复杂的Web技术上运行。
其他发挥作用的技术包括JavaScript,它是jQuery,CSS和HTML的近亲。WordPress主题(甚至插件)主要是用PHP编写的,并且依赖于MySQL数据库来运行。它们还取决于上述网络技术。所有这些技术必须协同工作。
现在,作为一个初学者,您可能不明白,为了使WordPress平台,主题和插件能够一致地工作,开发人员使用了一组标准化代码,或者统称为PHP标记。我们将在今天的帖子中概述这些代码,向您展示它们的实用性。我们将在此处适当压缩一些示例,请准备好展开主题构建之旅!
主题解剖
WordPress主题仅不过是几个链接在一起的PHP文件而已。它带有一个CSS样式表文件,该文件负责主题(和网站)的外观。回到基本知识,WordPress主题只是几个PHP文件。上面是WordPress主题剖析的出色tuts +速查表的快照。要创建WordPress主题,您需要以下文件:
- header.php –此模板文件包含标头信息,该信息出现在<head>部分中,并且在<body>标记之前。在这里,您可以添加元数据,网站标题以及指向CSS样式表的链接。
- index.php –这是您的WordPress主题(或网站)的主体模板。它的唯一目的是通过使用模板标签(稍后将详细介绍模板文件)将其他文件合并在一起。
- sidebar.php –这是您的侧边栏部分。您可以放置小部件,类别,其他菜单,搜索表单以及您喜欢的其他任何东西
- footer.php –这是页脚部分。添加您的版权信息,RSS链接,小部件,链接,社交图标等
- page.php –每当您在基于WordPress的站点上创建页面时,这就是负责的模板
- single.php –此模板文件包含一个博客文章
- comments.php –负责他们评论的模板
- 404.php –当您的读者遇到臭名昭著的404 not found错误时显示的模板
- search.php –为 您的读者提供在WordPress网站上查找内容的机会
- searchform.php – 您将需要一个搜索表单来提供上述功能,现在不是吗?
- archive.php – 因为查找您在2008年发布的内容不会造成麻烦
- functions.php – 在此处放置所有特殊功能,甚至包括自定义插件。但是,为了实现跨主题兼容性,建议您将自定义代码添加为独立插件。您可以添加额外的菜单,激活小部件等等。该文件为您提供了强大的功能,可根据您的需要打开WordPress网站/主题。
- style.css – 本身不是PHP模板文件。但这是您添加CSS样式以控制美观的文件。它还带有WordPress主题的信息标题。
毫无疑问,您可以使用更少的模板来构建主题,但是我们不建议您养成习惯。毕竟,您只需要上述10个左右的文件即可创建标准的WP主题。十三岁不是一个大人物,是吗?简而言之,您的index.php可能类似于:
<?php // Every page will need the contents of the header.php get_header(); ?> // Insert main content here, include the loop <?php // Include your sidebar get_sidebar(); ?> <?php // The footer hook is used by themes and plugins to load scripts and tracking codes get_footer(); ?>
继续前进,让我们讨论一个叫做loop的漂亮代码片段。
循环
在我们以前的一些系列文章中,例如流行的WordPress教程:如何从HTML创建WordPress主题,尽管提到了问题,但我们提到了循环。那么,使循环成为流行片段的原因是什么?好吧,如果没有这段特殊的代码,您将不得不将每个帖子以及摘录手动编码到WordPress主题中。每次发布新文章时都需要这样做。
您浪费的时间和精力会使您变得僵硬。在使您遗憾的自残致死后,您留下的碳烙印会在臭氧层上撕裂一个十二个洋基体育场大小的洞。好吧,我过度强调事实(或缺乏事实),但是如果您要手动将每篇文章编码到WordPress网站中,您将变得更加愚蠢。
循环可以节省生命。只要将以下代码段放在WordPress模板文件中的任何位置,它就会列出您创建的所有帖子:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); // Post Content here endwhile; endif; ?>
我们通常使用index.php中的循环来显示帖子列表,但可以随意尝试;将其添加到要列出您的帖子的任何位置。此外,在循环中添加自定义HTML和PHP标签,以根据需要自定义您的帖子。说到标签,WordPress提供了哪些功能?
包括标签
模板包含标签只是您在任何模板文件中使用的PHP代码,以包括(或调用)您的WordPress主题文件夹中的其他模板文件。这是我们正在谈论的:
- <?php get_header(); ?> –在index.php中使用它来调用(或包括)header.php文件。它将获取header.php并将其内容显示在index.php中-这就是包含文件的全部内容。
- <?php get_sidebar(); ?> – 包括sidebar.php
- <?php get_footer(); ?> – 包含footer.php模板文件
- <?php comments_template(); ?> – 快速测验:您认为这个include标签有什么作用?
模板Bloginfo标签
还有另一类模板标签,我们简称为bloginfo标签。它们扮演一个角色,即从数据库中获取有关WordPress网站的信息。这主要是您通过“ 用户个人资料”和 “设置”->“常规”在管理区域中提供给WordPress网站的信息 。 从数据库中检索信息后,这些标记将在您放置它们时在您的网站上显示相同的信息。
您可以略微修改bloginfo的结构,以便不仅可以显示检索到的信息,还可以在PHP代码的其他地方使用它(信息)。方便吗 稍后再详细说明。以下是最常见的bloginfo标记:
- <?php bloginfo(’name’); ?> –显示您的WordPress博客/站点的标题
- <?php bloginfo(’url’); ?> – 此模板标记显示您博客的URL
- <?php bloginfo(’description’); ?> –这将显示博客的描述或标语。
- <?php bloginfo(’charset’); ?> –显示用于对网站进行编码的字符集。默认为UTF-8
- <?php bloginfo(’stylesheet_url’); ?> –显示活动主题的CSS样式表的URL
- <?php bloginfo(’version’); ?> –显示您正在使用的WordPress版本
- <?php bloginfo(’language’); ?> –显示WordPress语言
- <?php bloginfo(’rss_url’); ?> –显示RSS 0.92提要的URL
- <?php bloginfo(’rss2_url’); ?> – 显示RSS 2.0提要的URL
您还可以使用其他几个bloginfo标签来增强WordPress主题。现在,我们在几秒钟前讨论了有关Bloginfo的少量修改。到目前为止,我们一直在使用 <?php bloginfo();。?>。 让我们将其修改为:<?php $ bloginfo = get_bloginfo($ show,$ filter); ?>。请允许我分解参数:
- $ show –这是关键字,用于命名要从数据库中检索的信息。示例包括“名称”,“ URL”,“描述”,“ admin_email”等
- $ filter – 这仅允许您过滤检索到的信息。默认情况下,它设置为“原始”,这意味着$ show的值按原样返回。将其设置为“ display”将导致$ show的值首先通过wptexturize()函数传递。不过,现在不要为此担心。
这是一个示例:假设我们要获取并显示您的标语(网站描述),就像“最佳高级WordPress主题”一样,我们将首先使用此标语来检索此信息…
<?php $site_description = get_bloginfo( 'description' ); ?>
…将网站说明加载到 $ site_description。 要在您的站点上显示站点描述,请使用以下命令:
<?php echo 'Your tagline is: '. esc_html( $site_description ); ?>
这给您: 您的口号是:最佳高级WordPress主题
注意:还有许多其他类型的 模板标签,它们使您可以在WordPress网站上实现更多目标。它们被分为各种集,即 通用标签,作者标签,帖子缩略图标签,类别标签和链接 标签等。您甚至可以在循环中使用它们,是的,您应该玩得开心。
主题样式表
我们之前提到过style.css。同样,为什么style.css文件很重要?首先,它提供有关您的主题的详细信息。此信息进入样式表标题,该标题有助于在管理区域中选择主题时识别主题。因此,两个主题的样式表标题中都不应具有相同的详细信息。这是一个样式表标题的示例:
/* Theme Name: Your Theme Name Theme URI: https://www.yoursite.com/yourtheme Author: Your Name Author URI: https://www.yoursite.com/ Description: This WordPress theme is 100% responsive blah blah... Version: 1.0 License: GNU General Public License V2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: gold, one-column, left-sidebar, responsive-grid, etc Text Domain: yourthemename */
此信息在style.css中排名第一(或位于最顶部)。除此之外,请确保您:
- 遵循CSS编码标准
- 使用有效的CSS
- 最小化CSS
- 添加适合打印的样式
- 设置所有HTML元素的样式
最后的想法
该备忘单只是一个快速入门资源,可以帮助您开始学习WordPress主题开发。使用我们在此处共享的标签和摘录,您可以快速开发一个标准主题,并在不费吹灰之力的情况下对其进行增强。当然,您需要继续学习WordPress主题开发,为此,我们推荐WordPress Codex,tuts +,Threehouse和ThemeShaper等知名资源。
除此之外,请随时在下面的评论中分享您的技巧,秘籍,摘要或其他任何您要记住的内容。我们很想知道您在哪里或如何学习WordPress。
微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!
需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!