如何设计自适应wordpress主题

Question

如题所述

Answer 1

wordpress是一个CMS，也就是内容管理系统。其实吧，它分为MVC三块。M指的是model，也就是模型，它是与数据库相关的，由那些php程序完成；V指的是view，也就是视图，它直接决定了网站长成什么样子，是由那些主题文件决定的；C指的是controller，也就是当你输入url之后，要用到哪个视图，哪个模型，也是由php程序完成。
因此，显而易见，要想自适应屏幕，就要修改主题文件。
主题文件里有html（在wp里是php渲染成html）、css、js，在这些文件里，css决定了你网站的外貌，因此修改css文件。
在css编程里，有一种“响应式布局”，通过媒体查询、流式布局、液态图片来实现不同屏幕的适配。你可以自己写媒体查询的css文件。当然，现在网上也有很多现成的前端ui框架，比如最常用的bootstrap，你可以在它的基础上进行修改。