建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:phpsutdyphp53php.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('https://read.html5.qq.com/image?src=forum&q=4&r=0&imgflag=7&imageUrl='<?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’));

点赞