如何创建一个使用引导的可湿性粉剂主题?

时间:2014-01-16 作者:AndreaNobili

我对WordPress很陌生,对BootStrap开发也很陌生(我昨天开始学习BootStrap),对于如何创建使用0引导的自定义WP模板,我有以下疑问。

例如,我使用BootStrap创建了此页面的源代码:http://www.html.it/guide/img/bootstrap/demo/home.html

我想尝试创建一个WP模板,从它开始。

不久前,我已经为WP实现了一个标准HTML\\CSS模板,我是否可以使用相同的技术将上一页划分为(页眉、页脚、内容等),并在这些部分中放入WP php代码以显示文章和其他WP函数?

这条路对吗?

其他疑问与上部幻灯片有关,在该幻灯片中,immage是以静态方式固定和定义的:

<!-- 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 -->
如果我想让管理员选择应该从后端显示的Images(我认为是在主题配置面板中),我该怎么办

你能告诉我怎么做这些事情吗?

Tnx公司

安德烈

1 个回复
最合适的回答,由SO网友:ucon89 整理而成

我将回答您的问题,“如何创建使用引导的WP主题?”

就像你以前学过的HTML/CSS一样。您可以在WP主题中实现。

尝试构建一个简单的主题。如果您不了解首页的工作原理,请不要配置管理面板。但是,如果您想知道如何制作管理面板,请点击此处http://wp.tutsplus.com/tutorials/theme-development/a-guide-to-the-wordpress-theme-customizer-what-it-is-why-it-benefits-us/

我很高兴如果有人学习如何制作WordPress主题,这将为社区带来好处。学习,如果你想问一些问题,不要忘记把你的代码。

快乐代码!

结束

相关推荐

编辑登录页的原始Html

我刚刚为我的博客创建并设置了一个登录页。我使用编织者主题。我选中了每个复选框以删除所有我不想要的内容(Hide Page Title, Hide Site Title/Description, Hide Menus, Hide Standard Header Image etc),并将页面模板设置为Blank. 事实上我不想any 我的纯html+css+js页面中有一些外来的东西,但这并不像看起来那么简单。也许wordpress文件夹中的某个地方有一个php文件,对应于我可以编辑的页面?