WordPress 后台默认已经集成了 jQuery UI 的颜色选择器组件(color picker),所以我们可以直接在 WordPress 后台使用颜色选择器: 1....首先加载 color picker 的 JS 和 CSS: add_action( 'admin_enqueue_scripts', 'wpjam_add_color_picker' ); function...假设后台页面中要使用的 input 的 class 为 color,加入下面的代码使该 input 转成颜色选择器: jQuery(function($){ $( "input.color").wpColorPicker...(); }); 最后的效果如下图:
WordPress 在图片上传后会默认压缩图片质量为原来的 90%,这样做的好处可以极大的加快页面的载入速度与缩小图片大小所占服务器空间。 如果希望 100% 原质量怎么办呢?...如何禁止 WordPress 自动压缩上传图片质量呢?...把如下代码插入到你的主题 functions.php 文件里,则以后不会对上传质量有所压缩了 add_filter( 'jpeg_quality', create_function( '', 'return...100;' ) ); 相反,希望图片压缩质量更高一些: add_filter( 'jpeg_quality', create_function( '', 'return 80;' ) ); 把以上代码后面的参数改成自己喜欢的压缩比例就可以了
UI界面读取一张图片,鼠标选中一个position,计算出对应图片的像素坐标,传给c++ c++中读取图片地址,解析出*char数组,根据ARGB协议,解析出ARGB的值,传递给UI界面 在UI界面中解析...ARGB值,显示对应的颜色和16进制的字符串表示 bitmap 中每个像素的ARGB内存分布 因为大小端的缘故,和我们理解的ARGB的顺序相反,大小端读者有兴趣可以深入了解, 参考:https://...一个像素对应的bitmap内存位置为: b = y * stride + x * 4 // 计算的是b通道 g = b + 1; r = b + 2; a = b + 3; 详细代码如下:...srcData[pos + 2]; argb[2] = srcData[pos + 1]; argb[3] = srcData[pos + 0]; return ret; } 实现颜色选择...获取鼠标点击坐标对应的图片像素坐标,传递给C++,这里简单处理,图片平铺到Image中 var pox = (mouseX / 640) *imageViewer.sourceSize.width
可能这对大家比较陌生,WordPress 在图片上传后会默认压缩图片质量为原来的 90%,这样做的好处可以极大的加快页面的载入速度与缩小图片大小所占服务器空间。...但部分站长(包括我)对于这 10% 的压缩还是比较在意的,还是希望 100% 原质量才能让我舒心。 那么如何禁止 WordPress 自动压缩上传图片质量呢?...把如下代码插入到你的主题 functions.php 文件里,则以后不会对上传质量有所压缩了 add_filter( 'jpeg_quality', create_function( '', 'return...100;' ) ); 另外一方面,可能希望图片压缩质量更高一些: add_filter( 'jpeg_quality', create_function( '', 'return 80;' ) );...相应的把以上代码后面的参数改成自己喜欢的压缩比例就可以了。
前几天就收到 WordPress 官方发来的预更新通知,告诉我本周会更新到 4.2。果然,昨天就收到了更新推送消息,随手就点击升级了,前台打开看了下没有看到明显的问题,也就放任不管了。...当我看到鸟哥有一条公告说的是【WordPress 更新 4.2,Begin 也升级到了 1.3 版本】,我突然醒悟,肯定是更新 WordPress4.2 带来的问题!...,WordPress 更新 4.2 版本后加了某个机制,需要从这个 2 个网站调取图片或其他资源,因为“厚实”的 GFW ,从而导致了大量的错误请求!...于是我根据报错信息,在 WordPress 代码中全局搜索,几番折腾终于找到了关键位置: 咱先不管这个功能的具体用意是什么,屏蔽再说!...保存后刷新前台再去看控制台应该就一切正常了!
WordPress 网站如何有选择性的在新窗口打开链接?在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用 JQuery实现有选择性的在新窗口打开链接的方法。...1、将代码添加到主题header.php模板中,前提是你的主题模板已预先加载了JQuery。...,其中#sidebar是你的主题侧边栏选择器名称。...3、还可以像这样,针对多个不同选择器中的链接: jQuery(document).ready(function($) {...$('#aaa a, #bbb a, #ccc a').attr({target: "_blank"}); });4、关键是要查看原代码找到对应选择器名称。
需求:有一个图片列表,我想要在图片onload成功之后获取加载成功的图片列表,图片资源加载为异步,我们使用ES7的async await方式实现,多张图片,是用for循环。...注意:图片加载失败一定要加监听,await只有在有返回之后才会继续向下执行,无论成功与失败,否则第一张图加载失败,下面的await的都不会执行。...let imgTotal = imageUrlList.length; for (let i = 0; i < imgTotal; i++) { //第i张图片加载完成...await addImageProcess(imageUrlList[i]).then((src) => { console.log(`第${i}张图片...}) } }catch(err){ console.log(err) } } getSuccessImageList() 以上图片链接从百度图片获取
开启多站点: 1、编辑wordpress网站根目录的wp-config.php文件,在文件中添加以下代码: define('WP_ALLOW_MULTISITE', true); 图片 2、进入“网站后台...——插件——已安装的插件”中停用所有插件 3、进入网站后台,点击左侧“工具——配置网络”进入设置界面 图片 4、在“创建一个WordPress站点网络”界面中根据自己的情况选择“子域名”或“子目录” (...6、操作完以上步骤后,重新登陆自己的wordpress网站进入后台,此时网站后台的左上角和仪表盘选项卡都会发生变化。 到这一步可以开启前面停用的插件了。...4.在安装子站的过程中会提示选择为新站点使用子域名或子文件夹方式来安装,如果提示要求一定要以一种的方式进行安装请照办,如果选择的是子域名方式来安装,请务必要做泛域名解析,例如你的主域名是qmzm.io,...安装该插件后,在域映射配置选项绑定主机的IP地址后,在域名选项把站点ID和要绑定的域名绑定在一起就ok了,要注意的是这一步工作,一定要把带有www.开头和没有www开头的都要绑定(www.qmzm.io
WordPress 5.6 发布,这个版本发布了新的默认主题 2021,然后给古腾堡增加大量的模块,让你更加方便插入图片,声音和视频。...2021主题还自带了一系列预设柔和色彩的调色板,所有这些调色板均符合AAA对比度标准,您还可以为主题选择自己的背景颜色,主题就会自动为您选择易于访问的文本颜色!...当然还可以从颜色选择器中选择自己的调色板。 自动更新改进 WordPress 5.6 现在提供了一个新的 UI,可以为 WordPress Core 版本进行自动更新。...现在,WordPress 允许用户在网站后台的控制台 > 更新页面 自动更新。启用自动更新后,用户不再需要在 WordPress管理控制台的“更新”页面上进行手动更新。...支持 PHP 8 WordPress 5.6 标志着 WordPress 核心支持 PHP 8 迈出了第一步,WordPress 建议主题和插件作者要让自己的产品和 PHP 8 兼容,就是在正常使用情况下
每年的流行趋势都会发生变化,展示出了可改进的地方、令人惊叹难以置信的新功能。 在2018年,WordPress的流行趋势有诸如单页主题和汉堡包导航条等等。...据预测, 在2019年,视频是获得流量最关键的因素。WordPress在代号为Vaughn的4.7版本里增加了头图视频的循环播放功能,获得了极大的赞誉。...强烈而鲜艳的色彩 Strong and vibrant colors : 不同的色彩对人的心理会造成不同的情感效应。我们对一个产品的评估,90%完全基于颜色。...大胆和高对比度的色彩组合变得越来越普遍,主题颜色的选择肯定是影响用户对品牌和网站印象的决定性因素。鲜艳的色彩,鲜明的对比赋予了艺术氛围,也可以很好的奏效。...你也可以使用插件的方式来进一步优化移动端的效果,在WordPress精品插件大全页面里搜索amp,选择一个插件,比如 AMP for WP – Accelerated Mobile Pages,下载安装来实现针对移动端的速度优化
大家好,又见面了,我是你们的朋友全栈君。 在视觉文化时代,如果您的网站包含图片,则它会获得更多的观看次数。 研究表明,如果带有照片或视频,您的内容将获得更好的好评。...但是,在研究它们之前,让我们大致了解图库插件,它们为何重要以及在选择插件之前应考虑的事项。 视觉内容心理学 我们已经知道,带有图片的内容会增加网站的访问量和参与度。...优化图像以提高可发现性 在竞争激烈的在线空间中,画廊应该做的不仅仅是展示图片。 它应该可以帮助您优化网站上的图像,以增加网站的可发现性。...正如我在简介中所述,当今市场上有成千上万的WordPress画廊插件,选择适合您的插件有时会造成混乱,耗时且令人沮丧。 在本文的其余部分,我将介绍CodeCanyon上可用的一些最佳画廊插件。...结论 我们已经看到,在视觉文化时代,带有图片的网站获得了更多的观看次数。 一个好的图片库插件是一项巨大的资产。 它具有旨在帮助在您的网站上显示图像并增加内容吸引力的功能。 回报是巨大的。
目录 DUX主题是基于WordPress程序的主题,由themebetter团队原创开发,是目前比较火的wordpress主题,和大前端主题一样比较优秀的主题还有begin知更鸟,两者功能都很多,界面也比较好看...更新Awesome图标库到最新版5.7.2,免费图标都可以用 优化小工具画廊的展示 优化导航二级菜单,让展示更大气 优化网址导航页面模版细节 修复WordPress5.1后Ajax评论回复功能失效 修复几个开启...-讨论中选择默认头像 调整底部友情链接选择只在首页显示时,不在首页分页中显示 调整产品分类的写法以避免因分类过多导致的高度不够用 调整会员中心发布文章字数判断方式,更准确 修复熊掌号推送在新版编辑器下可能无法正常推送的问题...修改会员中心发布的文章为待审状态 修复网站开启ssl后弹窗登录有可能失败的问题 修复首页最新发布置顶文章可能出现的问题 修复会员中心文章列表标题过长可能错乱的问题 6.0版本更新内容: 新增文章图片暗箱功能...:点击图片弹窗放大,可手势左右滑动切换、双指操作放大缩小、双击放大、单击关闭弹窗,此功能仅在手机端有效,且仅在文章图片无链接时点击才会弹窗 新增archives页面模版中文章标题后 显示 副标题 调整首页轮换图效率更高
关于优化Wordpress网站速度的几点建议选择优质的国外主机或者服务器使用CDN加速压缩图片(在上传Wordpress网站之前,我们可以使用Photoshop对其质量进行压缩)安装缓存插件(推荐WP-Optimize...联系按钮之类的尽量选择红色或者黄色显眼的颜色,让客户容易找到发送询盘的按钮。排版:客户来到网站,浏览信息都是从上往下的,所以我们要把重要的信息,客户关心的问题尽量放到上面。...浏览体验文本: 文本就是我们的字体,客户在浏览我们网站的时候,往往需要阅读网站的文字,所以我们也要注重文字的美观,利于阅读体验,比如字体的颜色和字体间距,如果内容多的话就要分段,内容表达清晰有逻辑,如果重要的部分我们可以做加粗处理...图片:有时候图片表达的说服力也很强,并且客户图片一般优先于文字的浏览,选择图片我们要清晰,表达的内容要合理。...比如我们在展示工厂生产的时候,展示图片可以 从生产的各个环节展示,多个角度拍摄,让用户多角度了解我们的 生产能力。
WordPress 发布了 3.4 版本,这个版本显著改善了 WordPress 的主题定制功能,自定义头部,以及图片标题等方面。...WordPress 3.4 发布:自定义主题变得更加容易 WordPress 3.4 最大的改进显然是新增的主题定制器,它可以让你实时修改和定制你的主题,你可以实时修改你当前主题的颜色,背景,以及自定义头部图片等等...WordPress 后台也改的更加好用,比如主题浏览页面不再分页,可以直接从媒体库直接选择自定义头部和背景,然后图片的标题也进行了修正提升,已经可以支持 html 代码。...下载:WordPress 3.4 ----
【gif,png,jpg】src:图片的链接地址 alt:图片加载失败的时候,在图片原本的位置显示的提示文本 title:鼠标悬停的时候,显示的提示文本 内部样式:在head中添加 4.选择器: (1)标签选择器:在中的标记都可以作为标签选择器 语法: <style...(11)background:背景颜色 背景图片链接地址 背景图片平铺方式 背景图片水平方向的位置 背景图片垂直方向的位置 参数二:url(“”) 参数三:默认repeat,no-repeat...0010 群组选择器的权重等于它自己本身的权重 包含选择器的权重为所有权重之和 当属性出现重复的时候,会遵从权重高的那个,当权重相同的时候,后写的属性值会覆盖前面的那个 (17)图片整合 本质:就是对背景图片进行定位...添加注释是很好的习惯,在刚写代码的时候,添加的注释要尽可能的详细,这会为后期的维护和项目的交接提供很好的便利,不然没人看的懂你的代码。 3.变量名的选择。
CSS中有很多设计很体贴但很少有人知道的属性,今天就总结一下这些属性。 attr CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值,并用于其样式。...它返回当前的标签所继承的文字颜色。 例子: 运行结果: 可以看出,最终.inside的border颜色为red,即当前元素的color值。 兼容性: user-select 控制选取能否被选择....(可以禁止用户选中内容) 例子: 浏览器兼容: selection ::selection CSS伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。...例子: 运行结果: 浏览器兼容: will-change CSS 属性 will-change 为web开发者提供了一种告知浏览器该元素会有哪些变化的方法,这样浏览器可以在元素属性真正发生变化之前提前做好对应的优化准备工作...扩展阅读: 具体使用实践,大家可以看张鑫旭的博客 《使用CSS3 will-change提高页面滚动、动画等渲染性能》 http://www.zhangxinxu.com/wordpress/2015/
一、插件简介 Wptouch Mobile Plugin v3.34 汉化版是一款优秀的外国公司 BraveNewCode Inc.出品的专注于解决 WordPress 移动博客模板方案的 WordPress...平台级插件,由 WordPress 程序媛兔子酱汉化,启用该插件后,仅需几步简单操作就可部署一个灵活的 WordPress 移动博客模板,并为移动访客提供一个高度优化的良好用户体验。...,更快用户界面;无需配置 4、高清视网膜界面 仅使用 CSS3 和矢量图标,WPtouch 主题轻量且在高清显示屏上显示清晰 5、无限缓存 用于 WPtouch 的闪电般的移动缓存。...6、响应式图片 响应式主题仅通过 CSS 缩放图片; WPtouch 可为每个设备发送理想的图片尺寸。 7、移动内容 向移动访客显示不同的文章或页面内容,桌面内容则保持相同。...8、自定义模板背景色 随心所欲选择主题、颜色、徽标及其他选项来设置您的移动网站。 四、后台预览: ? ? ? ? ? ? 五、前台预览: ? ? ? ? ? ?
全新的多媒体管理 WordPress 3.5 版本发布,这个版本最大的改变就是一个全新的多媒体管理功能。...一直以来,多媒体是 WordPress 系统的最弱的地方,所以 WordPress 开发团队听取了用户和社区多方的意见,对图片上传和相册管理功能都做出来改进,可以通过拖拽就能一次上传多张图片,并且图片的名称和属性的修改也更加方便...,现在,创建相册也更见简洁,通过简单的拖拉图片顺序就可以整理相册。...Twenty Twelve WordPress 3.5 还新增了一个默认主题: Twenty Twelve(2012),这个主题设计得非常简洁,让你更加关注内容,并且 2012 还是一个移动优先的响应式的主题...后台改进 WordPress 后台也进行了更新:新的欢迎页面和颜色选择器,设计风格也更加苹果风(如圆角按钮改成矩形圆角,不知会不会侵犯苹果的专利 ),支持 Retina 屏幕,链接管理默认被隐藏,对触摸屏也更加友好等等
之前使用dux的时候有很多方便的功能,现在换主题了,之前有功能没有了,那么我们就手动加上吧WordPress内容折叠WordPress添加说说功能WordPress添加内容评论可见WordPress添加...dux原版风格图片钻芒美化图片一、引用js,将以下代码加入至主题目录下的footer.php中/* 为wordpress主题添加“内容展开/收缩”功能开始 */jQuery(document...php }add_action('admin_print_footer_scripts', 'appthemes_add_collapse' );使用方法文章编辑器中选择文本,单击展开/收缩按钮,输入要折叠的内容...图片添加说说功能类似于qq空间的动态,可以发一些鸡毛蒜皮的小动态图片.xControl { font-size: 15px; font-weight: bold; padding...如何添加设置go跳转页面,可以参阅下边这篇文章wordpress 设置go跳转页面自从用了DUX5.2后,文章内的跳转链接变成了go跳转,但之前并不了解这个东西,所以之前文章内的链接打开直接跳404;,
注:排名不分前后 H-siren 主题特色 任何页面背景头图可以选择使用随机图片API显示,比如 漫月API 小歪二次元 PC 端首页的博主描述,可以选择使用“一言”代替,由 Hitokoto - 一言...这也是可定很喜欢的一个主题,最喜欢的是高斯模糊,还有文章里面那些变态到极致的设计(这真的是在夸作者啊啊啊)。嗯,好作品。很感谢他将主题开源出来。...(注意:主题下载后请把文件夹名字改回 Sakura,也即,保证主题路径为 wp-content/themes/Sakura/。) 这也是可定很喜欢的一款主题,很有个性。...状态展示优化,可以用来显示日记 文章归档界面优化,不同颜色随机显示,更加美观 添加了仿微信的音乐播放器,可以用在状态里面播放音乐。...兼容环境:PHP5.6.0 +,WordPress 4.8+ 主页图片 ?
领取专属 10元无门槛券
手把手带您无忧上云