建wordpress网站模板遇到的一些问题 及 前端html制作问题

chrome Provisional headers are shown错误提示
http://www.duanzhihe.com/575.html

js响应

小图标不加载

整站下载有很多id自动生成的东西

css js的整理

本地wordpress导入插件无法安装
解决办法：从官网下载相应的插件，解压后添加到相应的文件夹下。

在使用wordpress时，会发现在“添加媒体”时，限制最大上传文件是2M，有时会希望突破这个限制。实际上，这个2M并不是wordpress限制的，而是php服务器限制的。所以，要突破2M限制，就要修改PHP服务器配置文件php.ini，这个文件一般在php安装目录的根目录下，可以搜索下。
配置好之后，在导航栏输入：localhost/phpinfo.php(或者127.0.0.1/phpinfo.php)
找到这个目录下的文件 X:\phpsutdy\php53\php.ini
找到后，打开这个文件，在其中可以找到如下设置：

post_max_size=8M　　　　 //上传文件大小上限
upload_max_filesize=2M　　//默认上传文件大小，这个就是2M的限制！

如果要改为10M，只需要把两个都改为10M就可以了。
在localhost/phpinfo.php中查看配置大小是否修改

内容截取五种方式：
http://boke112.com/3445.html
http://blog.csdn.net/ghs2599/article/details/8973121 （用的这个,部分文章读取截取失败）

分类显示：
http://blog.sina.com.cn/s/blog_7380598c0100wvx9.html

图片显示：
缩略图 http://weidyhzw.blog.163.com/blog/static/17587540201310234753993/
读取第2 3 张图片http://www.paipk.com/515.html
特色图片调用 http://www.solagirl.net/how-to-setup-featured-image-in-wordpress.html

文章图片读取布局中 http://blog.163.com/inghui69@126/blog/static/290249662012918115336644/

目录读取：未解决

目录专栏地址：从后台分类查看每个分类详细，顶部有预览
分类有category/people/ 和?cat=8两种

文章读取图片居中css设置
p img{ width: 100%; height: auto;max-width: 100%; display: block; }
但是，footer底部的图片读取又自己放大了

解决办法：

  <style type="text/css">
p img,embed{ height: auto;max-width: 100%; display: block; margin-left: auto; margin-right: auto;} 
</style>

搜索：
http://blog.sina.com.cn/s/blog_70ac6bec01015sxv.html（用的这个）
https://www.wpdaxue.com/get_search_form.html

建筑部分背景图片由缩略图获得：

  <div class="item slide active" style="background-image: url('<?php if ( has_post_thumbnail( ) ) { the_post_thumbnail_url('arch' );} ?>'); height: 680px;background-size:cover;">
the_post_thumbnail_url('arch' );／／获得缩略图地址
background-size:cover;／／css3 图片拉伸

十个还不错的编辑器：http://www.cnbeta.com/articles/soft/42189.htm
需要wp4.8及以上，http://www.mkbergman.com/advanced-tinymce-editor/
https://wordpress.org/plugins/tinymce-advanced/
这个觉得不错，用不了(目前 版本4.8.2）

水印插件：DX-Watermark

目录右侧竖线：
删除.menu-item{border-right:1px solid #666;}
添加原：header .logobar #main-nav.navbar-inverse li {border-ring:1px solid #666;}

段落开头缩进
.Mid2L_con p {text-indent:2em;}

文章内图片不居中（设置居中后）

.Mid2L_con .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.Mid2L_con .aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

形式：
add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'status', 'video'));