个性化阅读
专注于IT技术分析

如何创建使用BootStrap的WordPress主题?

我在WordPress中是个新手, 在BootStrap开发中是个新手(我昨天开始学习BootStrap), 并且对于如何创建一个从0开始使用BootStrap的自定义WP模板存在以下疑问。

例如, 我有使用BootStrap制作的该页面的源代码:http://www.html.it/guide/img/bootstrap/demo/home.html

我想尝试从其开始创建WP模板。

前一段时间, 我已经实现了WP的标准HTML \ CSS模板, 我可以使用相同的技术将前一页划分为(页眉, 页脚, 内容等), 然后在这些部分中添加WP php代码以显示文章和其他内容。 WP功能?

这是正确的方法吗?

另一个疑问与上一张幻灯片有关, 在此幻灯片中, 图像的固定和固定方式是固定的:

<!-- Sezione slider con Flexslider -->
<div class="row">
<div class="col-sm-12">
 <div id="main-slider" class="flexslider">
  <ul class="slides">
   <li>
   <img src="assets/img/flexslider/flex-1.jpg">
   <div class="flex-caption">
   <p class="flex-caption-text">
   <span>Lorem ipsum</span><br>
   <span>sit dolor</span><br>
   <span>adipiscing elitur</span>
   </p>
   </div>
   </li>
   <li>
   <img src="assets/img/flexslider/flex-2.jpg">
   <div class="flex-caption">
   <p class="flex-caption-text">
   <span>Lorem ipsum</span><br>
   <span>sit dolor</span><br>
   <span>adipiscing elitur</span>
   </p>
   </div>
   </li>
   <li>
   <img src="assets/img/flexslider/flex-3.jpg">
   <div class="flex-caption">
   <p class="flex-caption-text">
   <span>Lorem ipsum</span><br>
   <span>sit dolor</span><br>
   <span>adipiscing elitur</span>
   </p>
   </div>
   </li>
  </ul>
 </div><!-- /.flexslider -->

如果我希望管理员可以从后端选择应该显示的图片, 该怎么办(我认为在主题配置面板中)

你能给我一些有关这些事情的想法吗?

特纳克斯

安德里亚


#1


我不是100%确定这将涵盖你的所有问题, 但是将Bootstrap与WP结合使用与使用WP创建常规主题相同, 你只需包括其他引导文件, 然后在标记中使用相关的类。显然还有一个可以使用的插件:http://wordpress.org/plugins/wordpress-bootstrap-css/

最大的不同是你如何处理菜单-我通常使用此walker生成菜单, 然后可以使用默认的Bootstrap菜单样式:https://github.com/twittem/wp-bootstrap-navwalker。

至于轮播, 请尝试以下操作:http://www.lanexa.net/2012/04/how-to-make-bootstrap-carousel-display-wordpress-dynamic-content/

赞(0)
未经允许不得转载:srcmini » 如何创建使用BootStrap的WordPress主题?

评论 抢沙发

评论前必须登录!