如何制造WordPress相应式主题/模板？
这个年代，没有用WordPress做过网站的基础不敢说本身做过网站。WordPress是什么？WordPress是天下赫赫有名的网站内容管理体系（或者说博客/Blog体系），简称WP。据相干观察显现，2015年WordPress的市场份额环球高达48%，留任环球开源web网站体系冠军。而且还在疾速的增进中…综观国内开源的CMS，如今真正存活，坚持更新的至心没有几家了。曾气吞山河的动易、dedecms、phpcms、帝国cms、phpwind、discuz等等，尚能饭否？
东西/质料
HTML5
CSS3
当代浏览器，如：Chrome、Firefox、Edge等
相干引荐：《WordPress教程》
要领/步骤
1.简朴的说就是，在网页头部（<head> </head>）之间到场以下查询代码：
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
2.然后在CSS文件中，到场序言查询元素，如：
@media screen and (max-width:480px) {
//当浏览器屏幕小于480px时，此代码块见效
}
@media screen and (min-width:481px) and (max-width:720px) {
//当浏览器屏幕大于480px小于720px时，此代码块见效
}
@media screen and (min-width:721px) and (max-width:1079px) {
//当浏览器屏幕大于721px小于1079px时，此代码块见效
}
个中的局限能够依据实际情况本身修正。OK，相应式与非相应式差不多就是如许的区别了，只需您晓得html+css，置信您很快就会控制的，是否是觉得很简朴呢？
3.了解了症结点，我们就能够着手制造相应式静态页面了。然后把静态页面套上wordpress相干功用函数和轮回即可。当您制造好html静态页面，您能够参考《WordPress主题开辟制造经常运用的function函数：openue.com/post/597》举行模板制造了。
注意事项
在设想过程当中，css请只管防止运用牢固的宽高，多用百分比来替代，字体多用rem来替代px。
以上就是wordpress怎样制造相应式的细致内容，更多请关注ki4网别的相干文章！
