QY的博客

让我们从头开始使用我们的WordPress Bootstrap主题：1.转到 WordPress 根目录下，打开 wp-content -> themes 文件夹这里只有WP默认的几款主题2.在此目录下新建一个叫 wpstrap 的新文件夹3.在编辑器中打开 wpstrap 文件夹4.新建一个 style.css 文件，在文件头部输入以下代码：...

我们要做的最后一件事是在我们的文章详情页面添加一些评论功能：打开 single.php 文件，我们要在类名为panel-body的div底部再添加一个评论模板， 添加comments_template() 方法:<?php endif; ?><?php comments_template(); ?></div&

在wpstrap主题文件夹下创建一个single.php文件。现在，如果我们单击其中一篇博文，页面会跳转到空白页，因为它会自动查看single.php页面。现在复制index.php文件中的所有内容，并将其粘贴到single.php文件中。 保存并重新加载页面; 它看起来与index页面完全相同。修改 single.php 文件里的内容，首先找到 if（has_post_thumbnail（...

接下来讲解如何使用wp-bootstrap navwalker实现带有WordPress主题的Bootstrap导航栏。 这个脚本非常流行，它可以整合你的导航栏，方便你创建子项目。打开网址www.github.com/twittem/wp-bootstrap-navwalker ，选择V3-branch版本（适合bootstrap3.x），找到wp-bootstrap-navwalker.ph...

现在我们设置侧边栏，以便我们可以添加侧边栏小部件打开functions.php文件，在add_action（）下面添加一个名为init_widgets（）的函数，代码如下：// Widget Locationsfunction init_widgets($id){ register_sidebar(array( 'name' => 'Sidebar', ...

现在我们添加一些CSS样式来使帖子看起来更好看一些：打开style.css并使用article.post，为每个帖子的底部加一个边框。该边框将是灰色，实心和1px。 另外，让我们使用padding-bottom：20px和margin-bottom：30px为底部添加一些填充article.post{ border-bottom: #ccc solid 1px; padding-bo...

我们先来添加摘要部分。添加内容摘要我们在9-column的div中添加如下代码：我们在9-column的div中添加如下代码：</p><div class="excerpt"> <?php echo get_the_excerpt(); ?></div>到前端刷新页面，摘要出现了添加阅读更多按钮在excerpt类下面，使...

接下来让我们从index.php中拆分出header和footer文件：在index.php文件中，将第一行至< / nav>标签的所有代码剪切下来。创建一个header.php文件，将刚刚剪切的代码粘贴进来并保存代码。在index.php文件的头部加入get_header()方法，代码如下： <?php get_header(); ?> 页面看起来没什么变...

在这个项目中，我们将Bootstrap与WordPress集成。 我们之前创建的模板外观非常简单。 我们没有采取一些壮观的设计。 这个项目的目标是让您了解：如何将Bootstrap和WordPress结合在一起，并将其用于为WordPress构建更多Bootstrap主题。在这个项目中，我们将学习以下知识点：构建一个Bootstrap主题处理日志循环实现 Navbar添加搜索栏和单个帖...

进入我们的index.php文件，找到下面这部分代码：<?php while(have_posts()) : the_post(); ?> <div class="row"> <div class="col-md-3"> IMAGE HERE </div> <div class="co

添加特色图片要显示特色图像区域，我们需要创建 functions.php 文件。创建functions.php文件，添加如下代码：<?php function theme_setup(){ // Featured Image Support add_theme_support('post-thumbnails');}add_action('after_s...

这节我们添加一个侧边栏，用来显示小部件，为此，我们首先需要创建一个functions.php文件。 我们需要注册我们想要的小部件。添加侧边栏：打开 index.php ，在col-md-4的 div 标签中添加以下代码， if(is_active_sidebar) 用来判断是否有控件在此区域显示 <?php if(is_active_sidebar('sidebar')) : ?&gt...

打开 header.php 文件，找到文件底部空的 form 标签，我们在标签内添加一些内容：<form method="get" class="navbar-form navbar-right" role="search" action="<?php echo esc_url(home_url('/')); ?>">注意：我们把class中的navbar-lef