如何创建WordPress主题:简介

如何创建WordPress主题:简介

这是一系列教程,在这里我将逐步记录我的WordPress主题开发过程。

什么是WordPress?

WordPress是一个安全,成熟的PHP CMS软件,可以快速构建一个简单的网站。如果您是开发人员,并且还可以自定义所需的功能,这将大大缩短新网站开发的时间表。

WordPress主题开发

我使用Underscores(_s)Starter Theme来加速主题开发过程。这是一个包含一些最基本组件的基本主题。

WordPress主题的HTML结构

让我们来看看我们将用于WordPress主题主体的HTML结构。

<div id="page" class="hfeed site">
     <header id="masthead" class="site-header" role="banner">
          <hgroup></hgroup>
          <nav role="navigation" class="site-navigation main-navigation"></nav><!-- .site-navigation .main-navigation -->
     </header><!-- #masthead .site-header -->
     <div id="main" class="site-main">
          <div id="primary" class="content-area">
               <div id="content" class="site-content">
               </div><!-- #content .site-content --></div>
          <!-- #primary .content-area -->
          <div id="secondary" class="widget-area">
          </div><!-- #secondary .widget-area -->
          <div id="tertiary" class="widget-area">
          </div><!-- #tertiary .widget-area --></div>
     <!-- #main .site-main -->
     <footer id="colophon" class="site-footer" role="contentinfo">
          <div class="site-info">
          </div><!-- .site-info -->
     </footer><!-- #colophon .site-footer -->
</div> <!-- #page .hfeed .site -->

这个HTML构成了_s主题的支柱。

可视化的HTML结构。

这些HTML块的排列由CSS确定,稍后我将介绍。

内容

  1. 如何创建WordPress主题:简介

发表评论

电子邮件地址不会被公开。 必填项已用*标注