如何将Html网站转换为WordPress商业主题Part2

之前,我们已成功将HTML主题转换为WordPress,并配置了CSS和JavaScript以创建WordPress主题所需的基本文件。

在本教程的这一部分中,我们将创建一个WordPress博客。

为什么我需要一个商业博客

好吧,简单地说,博客适用于企业。它可以帮助您获得更多访问者并提高您在搜索引擎中的知名度。网站营销软件平台Hubspot 指出,博客公司的访问量比不公开访问的公司多55%。如果您正确地引导他们,更多的访客可以变成客户。

我希望每个人都相信。那么,让我们现在开始我们的教程。🙂

从头到尾创建WordPress博客的步骤

  1. 创建WordPress博客模板文件
  2. 使用WordPress默认循环加载最新的博客文章
  3. 设置单个帖子页面

第1步:创建WordPress博客模板文件

我们可以使用页面模板在WordPress中生成我们的自定义博客页面。

首先,通过名称page-blog.php在Theme文件夹中创建一个新文件,并插入以下注释:

<?php
/*
Template Name: Blog Page
*/
?>

 

这将启用页面属性下WP-Admin-> Add New Page中的“Template”下拉菜单。

自定义模板

创建一个名为“博客”的新页面,然后选择模板作为“博客页面”。

第2步:使用WordPress默认循环加载最新的博客文章

在page-blog.php文件中,我们将使用默认的WordPress循环来加载最新的博客文章。将以下代码复制到page-blog.php文件中:

<?php
/*
Template Name: Blog Page
*/
?>
<?php
get_header();
?>
<div class="padding">
<div class="box-bg margin-bot">
<div class="wrapper">
<?php $the_query = new WP_Query( 'showposts=5' ); ?>
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<li><?php the_content(); ?></li>
<?php endwhile;?>
</div>
</div>
</div>
<?php
get_footer();
?>

在前面的部分中,我们在index.php文件中使用了上面的循环。但是,这一次,我们使用这个循环来调用整个帖子内容,而不是去剥离标签。

第3步:设置单个帖子页面

在设置我们的博客页面以显示我们最近的帖子之后,我们需要创建一个帖子页面,在一个页面上完整地显示帖子。默认情况下,WordPress将加载single.php以显示帖子(如果存在)。

我们将创建single.php并在此文件中运行循环以显示所需的帖子。以下是您需要的代码:

<?php
get_header();
?>
<div class="padding">
<div class="box-bg margin-bot">
<div class="wrapper">
<!-- WordPress Loop -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry <?php if(is_home() && $post==$posts[0] && !is_paged()) echo ' firstpost';?>">
<h3 class="entrytitle" id="post-<?php the_ID(); ?>"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<p class="blogdate"> <?php the_time('F jS') ?>, <?php the_time('Y') ?></p>
<div>
<?php the_content(__('Read more'));?>
</div>
<?php trackback_rdf(); ?>
</div>
<?php comments_template(); // Get comments.php template ?>
<?php endwhile; else: ?>
<p> <?php _e('Sorry, no posts matched your criteria.'); ?> </p>
<?php endif; ?>
<!-- End WordPress Loop -->
</div>
</div>
<!-- end middle content area -->
<?php
get_footer();
?>
</div>
</div>
</div>

功能说明:

have_posts() 是一个返回TRUE或FALSE的布尔函数,它通常用于检查是否存在帖子。

the_post() 也是一个布尔函数,用于检索下一篇文章。

is_home() 检查页面是否是主页(index.php)。

the_id() 返回帖子的ID,通常用于在post-id中调用。

the_permalink() function用于显示循环中调用的帖子的URL。

the_title() 函数在循环中使用,返回循环中正在处理的帖子的标题。

the_time() 返回当前帖子的时间。

the_content() 返回循环内正在处理的帖子的内容。

我们可以使用上述技术在我们的WordPress商业主题上创建一个博客,保持原始HTML主题的完整性。

而且,还有更多……

在本系列教程的第3部分中,我们将添加一个自定义的小部件区域并添加Theme Customization API。


WPNicer,专注Wordpress主题及小程序 » 如何将Html网站转换为WordPress商业主题Part2

提供最优质的资源集合

立即查看 了解详情