如何用Bootstrap制作WordPress主题

1.先用bootstrap做好网站静态模板文件；如下index.html索引文件home.html首页single.html文章页面arctive.html分类页面category.html分类页面page.html页面search.html页面404.html页面style.css自定义样式文件夹images引用的图片文件夹css引用的css文件文件夹js引用的js文件2.再把静态模板文件换成动态模板文件，即把html换成php文件；如下index.php索引文件home.php首页single.php文章页面arctive.php分类页面category.php分类页面page.php页面search.php页面404.php页面style.css自定义样式文件夹images引用的图片文件夹css引用的css文件文件夹js引用的js文件

uikit和bootstrap这两个前端ui库,哪一个更好

Uikit是一个简洁的框架，它易于使用，易于定制组件。

虽然它不像其它竞争对手一样受欢迎，但它提供了相同的功能和质量。

实际使用中已经成功的在许多WordPress 主题上使用，它提供了一个灵活、强大的定制化机制，也可以通过GUI定制器进行手动操作。

Bootstrap是最流行的HTML5框架之一。

这是一款用于Web开发的时尚、直观、强大的前端框架。

它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。

但是在实际开发过程中，会遇到很多问题，仅仅是Bootstrap的基本组件是完全不够使的，比如下拉框没有，table不能绑定。

都需要自己上网找合适的插件来达到想要的效果。

需要很多时间来研究这些插件，效果也不一定好。

一般都是搭配着看实际项目需求使用的

wordpress想用来做学校网站,有什么推荐吗？最好免费,收费也OK啦...

一般都是直接在主题的header.php文件中直接引用，部分主题也会在主题的functions.php文件中通过WP自带的函数wp_enqueue_scripts来加载JS文件。

1、在主题header.php文件中直接引入文件，如</script&gt；或者</script>2、在主题的functions.php文件中引入文件，如function my_enqueue_scripts() {if( !is_admin ) { // 前台加载的脚本与样式表// 去除已注册的 jquery 脚本wp_deregister_script( 'jquery' );// 注册 jquery 脚本wp_register_script( 'jquery', get_template_directory_uri() . '/js/jquery/1.10.2/jquery-1.10.2.min.js', false, '1.0', false );// 提交加载 jquery 脚本wp_enqueue_script( 'jquery' );} } // 添加回调函数到 init 动作上add_action( 'init', 'my_enqueue_scripts' );

wordpress自定义分类怎么调用？

当前页是分类页系统默认有个变量$cat，就是当前分类的ID当前页是单页第一种方法$cat= single_cat_title('', false);echo get_cat_ID($cat);第二种方法if (!is_page() && !is_home()){$catsy = get_the_category(); $myCat = $catsy[0]->cat_ID; $currentcategory = '&current_category='.$myCat;}wp_list_categories('hierarchical=1&use_desc_for_title=0&exclude=12&depth=1&orderby=id&title_li='.$currentcategory);第三种方法foreach((get_the_category()) as $category) {echo $category->cat_ID . ''； //当前文章的分类的IDecho $category->cat_name . ''； //当前文章的分类的名称

想学网站开发,网站开发难学吗？

网站开发不难，难的是恒心、毅力。

说一说网站开发主流应该学习的知识吧。

1、html5,css3,js等等前端语言。

2、asp,php,java等等后端语言。

3、mysql等等数据库。

4、ps,ae,au,flash等等图像声音处理软件。

5、相应的学习上面的基础知识为了加快项目开发速度，就会学习一些别人封装好的库、框架，运用别人写好的cms系统。

作为进阶学习：bootstrap、jquery、thinkphp、onethink、phpcms、wordpress、discuz！、dedecms。

如果坚持把基础学完，其实已经知道自己喜欢的方向，选择一个方向直到精通，其他的知识作为补充。

写的很乱，但是网站开发大概要学习的内容都是以上这些，重在坚持，学习过程中多看商业源码，多写，多问，多思考。

最后建议先到一些网络课堂上面学习几天，大概有个了解后，最好报...ps,ae，难的是恒心、dedecms，其实已经知道自己喜欢的方向、phpcms。

1，其他的知识作为补充。

5，多写。

如果坚持把基础学完，学习过程中多看商业源码、html5、mysql等等数据库，多问。

3，最好报个培训班、毅力。

作为进阶学习。

说一说网站开发主流应该学习的知识吧。

2、asp,flash等等图像声音处理软件，但是网站开发大概要学习的内容都是以上这些、wordpress,css3，运用别人写好的cms系统，java等等后端语言。

写的很乱：bootstrap。

4，选择一个方向直到精通，大概有个了解后网站开发不难，au！、相应的学习上面的基础知识为了加快项目开发速度、onethink,js等等前端语言、discuz。

最后建议先到一些网络课堂上面学习几天，重在坚持，多思考、jquery、thinkphp、框架，就会学习一些别人封装好的库，php

为什么Material Design这么难看还有很多人推崇

1、题主不是来寻求认同感的，相反，我是非常困惑为什么牛如Google这般的工程师竟然在自己官方的Material Design组件库里没有一个像样的demo能够让人去膜拜的，说实话，到目前为止，我认为Google用Material做的最有感觉的Web Design就是Inbox了。

Inbox by Gmail2、我并没有全盘否定Material Design的东西，相反我认为他们的规范化、严谨程度是让我肃然起敬的，还有很多由他们提出来的理念让我醍醐灌顶带来很大帮助。

这也是为什么这一年多的时间我一直大力主张公司主产品采用Material Design规范，所以不存在什么“爱用用，不爱用滚”的问题。

我确实在用它，但是我觉得它在设计角度上有很多弱点，所以希望能够有高人指点是否是我的认知出现了偏差，也许是题主标题起得过于偏激，这里请见谅。

3、虽然我不是所有CSS框架都用过，但是从Bootstrap2开始我就接触这些前端框架了，之后包括Pure、Foundation、Bootstrap3、UIkit、ionic我都用过，其中Pure是YUI生产的CSS框架、Foundation是众所周知的以移动为先的框架、而UIkit是一个国外颇为有名气的以Joomla！模版和WordPress模版制作为生的团队YooTheme开发的框架。

从样式和配色上来讲，我认为以上框架都是优于Material Design的，当然这个总结很片面，因为Matreial Design在这几方面的规范程度比另外几个框架更为丰富。

Pure: http://purecss.io/Foundation: Foundation | The Most Advanced Responsive Front-end Framework from ZURBUIkit: UIkitIonic: Ionic: Advanced HTML5 Hybrid Mobile App Framework4、在Google官方出CSS框架前，我就已经关注了国外大牛制作的几个基于Material Design的框架，但是由于不够官方，所以我一直没有采用。

讽刺的是，我认为这些大牛制作的框架精细程度都要比Material Design官方有诚意，而官方的button竟然连hover浮动并且阴影加深都没有。

Material UI - Material Design React ComponentsDocumentationMaterial Design for BootstrapMaterial Design Iconic Font :: Icons5、即便如此，我还是在接触了Material Design之后，毅然决然地将其引入到我们的产品中去，哪怕我们主产品的原有框架是Bootstrap3，所以我对于Material Design的投入和认可度也许略微高过一些Material Design推崇者，因为他们或许只是因为Google推出的而喜欢，根本没有真正在重要的项目中使用过，要知道，我把公司产品的设计规范方向都押在Material Design上了，不单单是移动App。

所以当Material Design的官方组件出来后我就第一时间关注了，但是他们的完成度和展现的demo让我大失所望。

6、另外，我的困惑更多在于Material Design在Web Design上的表现，例如在阴影层面，Material Design的阴影为了还原自然界的纸张阴影，所以做得很深，那么就很容易在整洁的页面中留下灰色的视觉障碍，另外button元素的厚重阴影同样让习惯了扁平化button的人感觉浑身不自在。

同样是两种风格，我分享几张页面，大家看看是哪张页面更为合理好看，甚至在字体排版和页面结构层级上，我觉得这个demo都不如另外两个。

Material Design LiteWordPress Themes DemoWordPress Themes Demo 展开

手机浏览器有哪些ui组件

10大html5前端框架1、Bootstrap首先说 Bootstrap，估计你也猜到会先说或者一定会有这个（ 呵呵了 ），这是说明它的强大之处，拥有框架一壁江山的势气。

自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。

结果受到周围各 种基友的引诱开始了 Bootstrap 旅程。

本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。

Bootstrap 的用法及其简单（ 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 ），以至于是个小前端都可以快速上手，几乎没什么学习成本。

2、AUI第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主 要面向混合开发的 CSS 框架。

看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。

不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多 复杂的让我骂娘的布局，现在可以直接拿走就用。

3、Amaze UI第二个介绍的是妹子UI，最初使用它是因为本尊遇到了一个爱纠结细节设计士，有一次她跟我的字体较上真了，结果一句顶万句的 BOOS 夸了她，我只好根据她的想法去解决，结果最后找到了Amaze UI 框架（ 我不介意你叫我懒淫 ），按照官方的话说就是 ＂基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流＂ 。

但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。

4、Frozen UI有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰 富。

5、Frozen UI第三个是Frozen UI，有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 HTML 混合开发，其中QQ会员前端 就是用的 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手三下五除二试了一遍就开始试用，初体验的就是基础样式效果简单色调清 爽，有个比较活跃的社区所以组件什么的也比较丰富。

6、WeUIi第四个是WeUI和同 FrozenUI都属于 差不多的 WeUi了，也是一个比较专一的框架，WeUI应该说比FrozenUI前者更专一，话 说连个官网都不搞，所有答疑都在 gitHub Issues 解决了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量虽然小做 的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今 github star 超过 7K，不过也不排除用户没地方发泄所以都跑 到 git 上来，哈哈。

7、SUI“SUI 是一套基于bootstrap开发的前端组件库，同时它她也是一套设计规范。

通过SUI，可以非常方便的设计和实现精美的页面”。

果然 还是直接引用官方给的枯燥无味广告要节省自己的脑细胞（ 囧… ），当然了就像广告说的，如果你之前用过 Bootstrap， 那么可以轻松转 向 SUI，这可能就是淘宝给前端屌丝们的福利了。

。

8、AUI第六个是最近刚起来的最近刚起来的 AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的 普遍问题，是它主要面向混合开发的 CSS 框架。

，所以看起来作者比较猖狂，各种高级 CSS3 遍地使用，这也使得我不得不去查查这些 个 CSS3 的兼容性。

不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组 件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。

9、MUI曾经一直使用 Android 系统的我，后来见到 IOS，果断移情别恋了，不知道为什么苹果每次调整系统我都特别喜欢，后来一段时间因为缺设计 我专门模仿 IOS 系统做 UI，但始终不能够做到很好，无意间就发现了 MUI 这个框架，这个框架给我的吸引之处就是它的 UI 是以 IOS 为 主体设计的，当然它也补充了android特有UI样式。

并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度，然后便试着 更深入的了解和使用一段时间。

10、Semantic UI倒数第三个是 Semantic UI，接触这个框架还是因为 Bootstrap,Semantic UI 刚上线 github 就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自...

到底前端需要CSS框架吗

福音计划（Gospel - 在线Web可视化集成开发环境）以“解放开发者生产力”为核心使命，提供了Web IDE和docker容器云服务。

IDE中包括文件管理器、Linux远程终端、代码编辑器、Git版本控制、在线调试以及HTML5网站所见即所得编辑器等功能。

容器云包含了二级域名绑定、应用一键部署（discuz/wordpress/phpwind...）、自定义CPU、内存、存储空间以及资源监控等功能。

目前，IDE支持的语言及框架有：HTML5:Angularjs1/2、Vuejs1/2、Reactjs、Bootstrap1/4Nodejs:4.4/6.9、koa1/2、expressPHP:5、laravel、thinkphpHTML5网站所见即所得编辑器IDE中的Linux命令行终端目前仅支持ubuntu。

容器云支持的快速部署服务有：discuzphpwindwordpress微擎容器云尚不支持一级域名绑定。

福音计划的使命是解放开发者生产力，我们想把一切或重复或复杂的开发流程搬到云上，帮助开发者一键或用尽可能少的步骤完成任务。

2、我们为什么要启动福音计划？技术层面：1、加速拓展HTML5应用的表现形式，完善HTML5的生态；2、拓宽docker的使用场景。

docker目前主要用于后端应用的部署，我们尝试将其移到前台供普通用户开发使用；3、矫正混乱的前端（浏览器客户端）开发。

让可视化开发、工程化开发并驾齐驱。

产品层面：1、为开发者提供不一样的开发方式，开发/部署环境一键设置，让开发者尽量专注于业务，节省开发者时间；2、让不懂技术的用户快速实现网站的建设，并且可以直接移植给程序员使用。

Gospel自动生成的代码可以控制到粒子级别，符合行业规范。

社会层面：1、解放开发者生产力，让程序员从日日夜夜无休止的加班中解脱出来；2、提高企业效率，节省企业成本。

3、Gospel现在能做什么？Gospel目前能做的主要就是三件事情：一个，前端/后端应用编写第二个，HTML5网站所见所得编辑器第三个，开源系统快速部署如果还有一点那就是Linux远程命令终端，用户可以随意使用命令行。

4、Gospel将来能做什么？1、移动跨平台Web APP开发。

通过成熟的MVVM框架做到比开发原生应用更优秀的体验，更快的开发速度；2、前后端统一为JavaScript一门语言。

3、后端数据库自动生成。

通过大数据获得各行业数据，总结出通用数据库结构。

4、自然语言描述业务逻辑。

结合人工智能，用自然语言描述出业务逻辑自动生成相关代码。

5、Web VR开发。

转载请注明出处51数据库 » wordpress bootstrap