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

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

作者: Tanya木易 | 来源:发表于2018-08-24 16:42 被阅读0次

    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'));

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/saciiftx.html