解决wordpress添加媒体按钮失效、可视化/文本无法切换

同时解决上传HTTP错误

wordpress为了提高效率以及加载速度,把要用到的js连接在一起,如果没有结合在一起就会导致那些依赖js的功能失效,而部分主机可能由于环境配置不标准或禁用了某些相关函数,导致这些js无法连接在一起,因此产生了按钮异常等情况。

这句代码的作用是禁止js结合在一起。
解决方法:在网站根目录的wp-config.php文件中,添加以下这句代码即可:

define('CONCATENATE_SCRIPTS', false);

Bootstrap单栏响应式WordPress主题:Simple

Simple这款主题貌似用的人挺多的,作者也终于不负众望的更新了到3.0版本,这次更新比较大,所以就新建了一个帖子来说说这款主题了。
Simple,顾名思义,这是一款简洁的单栏WordPress主题,基于Bootstrap3.3.5,内置font-awesome字体图标, 有着良好的响应式风格,针对各类分辨率的终端进行了优化。这款主题或许没有那么多功能,但这正是我们需要的。之前想网上随便找一个主题,但是越看越觉得花 哨,于是决定自己写一个,这就有了今天的Simple。今天我会把主题和主题的前端文件提供出来,大家可以随意改动,来达到自己想要的效果。
3.0版本更新内容
使用新的后台设置框架。
修复已知BUG
样式微调
优化代码(近两年的主题了,以前的写法真伤不起)
更新自定义登录页面样式
更新缩略图机制,自适应。
主题截图
Simple3.0-1.png
Simple3.0.zip
PHP版本自己尝试

Pjax极简WordPress主题:Pure

Pure是一款简洁的WordPress博客主题,整体很小清新,主题集成了一些实用的小功能比如说提示框,下载按钮什么的,如果你正在寻找一款适合文艺博客的WordPress主题,不妨使用一下这款Pure主题。
主题特色
Pjax无刷新加载
使用Highlight.js代码高亮
滚动条样式美化
Font-Awesome图标支持
自适应
响应式
文章置顶
集成彩色提示框
集成按钮(普通按钮和下载按钮)
主题截图
Pure.png

Pure.zip

大气相册图片WordPress主题:Glaciar Lite

download-hck.png

如果你问小编我,有没有一款相册主题,响应式的,而且得大气,功能强大且高端大气有逼格,那么Glaciar Lite主题应该就是你的不二选择。

Glaciar Lite整个主题的CSS动画非常之多,页面与页面的过度做的非常GOOD,让人感觉非常的平滑。Glaciar Lite主题在用户体验上做了非常多的优化,想要做图片站的朋友们不妨下载一用。

主题特点
更加强大的人性化的主题设置
更加平滑的CSS动画
响应式设计
自适应,兼容各大浏览器
内置语言包,可支持翻译成各国语言
使用Fancybox灯箱来查看图片

glaciar-lite.1.0.5-1.zip

WordPress 文章插入图片自动移除 img 的 width、height、class 属性

问题分析
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"  />