同时解决上传HTTP错误
wordpress为了提高效率以及加载速度,把要用到的js连接在一起,如果没有结合在一起就会导致那些依赖js的功能失效,而部分主机可能由于环境配置不标准或禁用了某些相关函数,导致这些js无法连接在一起,因此产生了按钮异常等情况。
这句代码的作用是禁止js结合在一起。
解决方法:在网站根目录的wp-config.php文件中,添加以下这句代码即可:
define('CONCATENATE_SCRIPTS', false);
同时解决上传HTTP错误
wordpress为了提高效率以及加载速度,把要用到的js连接在一起,如果没有结合在一起就会导致那些依赖js的功能失效,而部分主机可能由于环境配置不标准或禁用了某些相关函数,导致这些js无法连接在一起,因此产生了按钮异常等情况。
这句代码的作用是禁止js结合在一起。
解决方法:在网站根目录的wp-config.php文件中,添加以下这句代码即可:
define('CONCATENATE_SCRIPTS', false);
Simple这款主题貌似用的人挺多的,作者也终于不负众望的更新了到3.0版本,这次更新比较大,所以就新建了一个帖子来说说这款主题了。
Simple,顾名思义,这是一款简洁的单栏WordPress主题,基于Bootstrap3.3.5,内置font-awesome字体图标, 有着良好的响应式风格,针对各类分辨率的终端进行了优化。这款主题或许没有那么多功能,但这正是我们需要的。之前想网上随便找一个主题,但是越看越觉得花 哨,于是决定自己写一个,这就有了今天的Simple。今天我会把主题和主题的前端文件提供出来,大家可以随意改动,来达到自己想要的效果。
3.0版本更新内容
使用新的后台设置框架。
修复已知BUG
样式微调
优化代码(近两年的主题了,以前的写法真伤不起)
更新自定义登录页面样式
更新缩略图机制,自适应。
主题截图
Simple3.0.zip
PHP版本自己尝试
Pure是一款简洁的WordPress博客主题,整体很小清新,主题集成了一些实用的小功能比如说提示框,下载按钮什么的,如果你正在寻找一款适合文艺博客的WordPress主题,不妨使用一下这款Pure主题。
主题特色
Pjax无刷新加载
使用Highlight.js代码高亮
滚动条样式美化
Font-Awesome图标支持
自适应
响应式
文章置顶
集成彩色提示框
集成按钮(普通按钮和下载按钮)
主题截图
如果你问小编我,有没有一款相册主题,响应式的,而且得大气,功能强大且高端大气有逼格,那么Glaciar Lite主题应该就是你的不二选择。
Glaciar Lite整个主题的CSS动画非常之多,页面与页面的过度做的非常GOOD,让人感觉非常的平滑。Glaciar Lite主题在用户体验上做了非常多的优化,想要做图片站的朋友们不妨下载一用。
主题特点
更加强大的人性化的主题设置
更加平滑的CSS动画
响应式设计
自适应,兼容各大浏览器
内置语言包,可支持翻译成各国语言
使用Fancybox灯箱来查看图片
问题分析
WordPress 文章插入图片附件的时候默认类似于以下的代码:
<img class="alignnone size-full wp-image-123" src="https://www.172u.cn/uploads/2018/11/F.png" alt="Fanly MIP" width="390" height="260" />
其中图片 img 标签中就会有 class、src、alt、width、height 这些属性,其中 src 是图片的路径,alt 是图片的描述有利于优化,所以 class 以及 width、height 对于一个优秀的 WordPress 主题来说是非常的多余和没有必要的,甚至会造成数据库的冗余等等。
解决方法
依然是通过在当前主题的 functions.php 中添加如下代码:
//remove insert images attribute
//add_filter( 'the_content', 'fanly_remove_images_attribute', 99 );
add_filter( 'post_thumbnail_html', 'fanly_remove_images_attribute', 10 );
add_filter( 'image_send_to_editor', 'fanly_remove_images_attribute', 10 );
function fanly_remove_images_attribute( $html ) {
//$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
$html = preg_replace( '/width="(\d*)"\s+height="(\d*)"\s+class="[^"]*"/', "", $html );
$html = preg_replace( '/ /', "", $html );
return $html;
}
最终效果
通过添加以上解决方法中的代码到 WordPress 主题中,在 WordPress 文章中插入图片的时候代码就非常的简洁了,最终效果代码如下:
<img src="https://www.172u.cn/uploads/2018/11/F.png" />