默认情况下,图片只有在WordPress后台上传才能显示在媒体库中,如果想节省主站的空间和流量,图片放在另外的服务器或者让其它网站的外链图片,也显示在媒体库中方便调用,可以使用External Media...通过此插件,只需添加远程图像地址的URL,即可将图片显示在本地媒体库中,同时也可以解决特色图像不能调用外部图片的问题。...因添加完外部媒体链接后,信息已记录在数据库wp_posts表中,所以停用插件并不影响媒体正常使用。 官网下载 网盘下载(汉化)
WordPress 默认支持多种图片格式包括 .jpg,.jpeg,.png,和.gif,出于安全考虑不能上传可缩放矢量图形(SVG)。...SVG是最灵活的图像类型之一,是一种基于XML的矢量图像,网站可通常使用它来在其网站上显示徽标和图标。...SVG 越来越受欢迎的主要原因是可缩放的图像格式,通常文件大小较小(有时相当大),并且不会在视网膜屏幕上像素化,不会像 jpg,png 等图像格式那样容易模糊。...让媒体库支持 SVG 上传 /*添加媒体库 SVG 图标支持*/function salong_mime_types($mimes) { $mimes['svg'] = 'image/svg+xml'...; return $mimes;}add_filter('upload_mimes', 'salong_mime_types'); 在媒体库显示 SVG 图标 /*在媒体库显示 SVG 图标*/function
需求 自从机缘巧合的开始翻译Gensis的系列教程,越来越沉迷于研究这款WordPress主题框架了,一边翻译一边学习一边也在自己的丘壑博客上实验。...目录弹出框其实就是个很常见的modal(模态)框: 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。...后来发现了一个最简单办法:WordPress的模板PHP文件里可以直接把shortcode的内容显示出来,有一个函数do_shortcode() ,这就太方便了,把之前在另一篇文章里用到的插件 display...但这不符合我的需求,我的需求是: 只需要在添加了Genesis Explained这个tag的文章下面才显示 在这两个链接中间插入一个“目录”的按钮 只在同系列文章之间导航,不显示其他无关的文章 如果文章是该系列的第一篇...第二步 添加模态对话框 这一步很简单,直接把remodal的JavaScript文件和CSS文件下载下来,扔进子主题的js文件夹里,注册到WordPress里就行了,都不需要在写额外的js文件来初始化或者运行这个插件
所以,当我们在谈论在WordPress中嵌入JavaScript时,特指的是浏览器端的JavaScript。 为什么要在WordPress文章或页面中添加JavaScript?...一般来说,在WordPress文章或页面中插入JavaScript的方法有如下几种: 编辑器:在古腾堡编辑器中插入一个HTML块,把代码以HTML的形式插入。...Code Embed:在WordPress文章和页面中添加Javascript的最佳插件 插件介绍 这个插件的作者是David Artiss,从他的自我介绍里得知他是 WordPress.com VIP...安装WordPress插件的步骤很简单,可以下载WordPress插件文件并上传到你的站点。或者,使用WordPress仪表板中的“添加新插件”功能。安装后不要忘记激活插件。...第4步:编辑页面或帖子,插入短代码 现在,你可以使用此自定义字段CODEshowtime将JavaScript代码嵌入到文章中的任何位置。只需在帖子内容的任何位置添加这个名字即可 ,见上图。
现在主流的PHP建站程序wordpress还是非常的流行,使用的人非常多 如何在wordpress网站中增加在线客服咨询功能 第一步:在唯一客服系统(gofly.v1kf.com)中注册账号,获取到客服...js部署代码 第二步:wordpress后台添加客服代码 登录到网站后台,依次找到【外观】【主题文件编辑器】找到footer.php 如下图 把客服js代码,粘贴到之前即可 至此,wordpress...网站中增加在线客服咨询功能就完成了,是不是很简单
WordPress中的图像优化意味着您正在拍摄上传到WordPress媒体库中的图像,并以几种不同的方式对其进行优化。...可以为WordPress正确优化图像的两种主要方法是压缩图像和添加alt标签。您也可以弄乱标题和说明文字,但压缩以获得适当的加载速度和允许Google理解图像的alt标签是最重要的两个。 ...它消耗的资源非常低,不会减少服务器负载,并且在共享云、专用和VPS主机上运行良好。您还可以优化媒体库中的图像或通过FTP上传。 ...ShortPixel WordPress图像优化器插件 主要特点: 一键优化WordPress库中的照片 资源要求低 文件大小没有限制 可用于在共享主机、云和VPS上优化WordPress网站上的照片...TinyPNG WordPress图像优化器插件特征: 上传时自动优化新图像。 先进的后台优化,以加快您的工作流程。 优化媒体库中已有的单个图像。 轻松批量优化现有媒体库。
最近升级到WordPress5.3后,不少人的网站都出了问题,例如文章发布失败、图片提示图像后期处理失败,图片文件大小不能超过2560像素等,本文奶爸给大家介绍如何解决WordPress5.3上传图片图像后期处理失败缩小到...错误提示 如果你升级到WordPress5.3后,出现下面这两种提示,那么本文的方法可以帮你解决。 中文的提示是:图像后期处理失败。如果这是一张照片或较大图像,请将其缩小到2500像素并重新上传。...方法二、使用媒体库上传图片 这个方法只是一个变通上传的方法,并不能实际解决问题。 首先通过后台的媒体库上传图片,然后再到文章里面插入图片。...方法三、禁用2560像素图片剪切功能 可以安装Disable “BIG Image” Threshold这个插件或者在主题函数文件里面插入下面这串代码 //超过2560px的图片不剪裁 add_filter...( 'big_image_size_threshold', '__return_false' ); 方法四、降级到老版本的WordPress 不少人认为是WordPress 5.3和服务器一些组件的兼容问题
我们有时在使用WordPress媒体库时,可能会遇到无法正常加载的情况,比如不显示图像/缩略图、会无限旋转、或者根本不会加载。那么WordPress媒体库无法正常加载该怎么办?...问题1、WordPress媒体库无法加载或一直旋转如果我们的WordPress媒体库没有加载,只是部分加载了页面,或者一直旋转,那么很可能是存在不兼容的WordPress主题或插件。...相关修复方法如下:登录到WordPress后台,在仪表盘中单击Plugins → Installed Plugins,右侧将显示已安装的WordPress插件列表。...如果我们禁用了所有插件,WordPress媒体库仍然无法正常加载的话,那么很可能是WordPress主题不兼容问题,这时我们可重新安装新的主题模板。...应用755对文件夹及其所有子文件夹和文件的权限(称为“递归”或“封闭”)。WordPress文件权限设置完毕后,我们可尝试重新加载媒体库,看是否能正常工作。
本文将介绍如何通过使用插件实现远程附件功能,将 WordPress 的媒体库附件存储在腾讯云对象存储 COS 上,并通过腾讯云 CDN 进行加速,实现所有功能。...3、在存储桶列表中找到刚才创建的存储桶,并单击其存储桶名称,进入存储桶页面。 4、在左侧导航栏中,单击概览,查看访问域名并记录。...(二)配置插件 1、单击 WordPress 左侧导航栏设置,然后在页面中配置 COS 的相关信息,配置说明见下表: 配置项 配置值 存储桶名称 创建存储桶时自定义的名称 存储桶地域 创建存储桶时所选择的地域...APPID APPID 是您在成功申请腾讯云账户后所得到的账号,由系统自动分配,具有固定性和唯一性,可在 账号信息 中查看 SecretID、SecretKey 访问密钥信息,可前往 云 API 密钥...原因是没有添加 header。您需要在跨域访问 CORS 设置中添加 HTTP Header 配置。下面提供两种途径进行配置: i.
在「媒体库」页面列表模式下可以选择一个图片的分类,然后点击筛选: 在「媒体库」页面网格模式下,选择一个图片的分类,无需点击直接筛选。...在文章编辑页面,点击添加媒体之后,然后也可以在媒体库直接筛选,快速找到所需的图片: 优化后台媒体库加载 WordPress 后台媒体库的月份筛选附件功能,是直接通过查询数据库来获取博客的附件的月份,这样每次打开媒体库...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。
简介 这篇文章我们来介绍一下通过使用插件实现远程附件功能,将 WordPress 的媒体库附件存储在腾讯云 COS 上 腾讯云 COS 具有高扩展性、低成本、可靠和安全等特点,将媒体库附件保存在 COS...准备工作 搭建 WordPress 博客平台 可以在 WordPress 官方页面下载 WordPress 的最新版并查看安装指南 或者在安装服务器系统时在镜像市场中选择预装 WordPress博客平台...URL,确认附件图片的 URL 指向腾讯云 COS [sync-qcloud-cos-3.png] 扩展 使用 CDN 加速访问 存储桶如果需要配置 CDN 加速,可参见 CDN 加速配置 文档 在腾讯云...原因是没有添加 header 需要你的 COS 源的 CDN 中添加 HTTP Header 配置 Access-Control-Allow-Origin:* 或者只允许你自己的域名 Access-Control-Allow-Origin...:https://qq52o.me 在存储桶的基础设置中设置 跨域访问CORS,详细请查看对应文档设置跨域访问 [sync-qcloud-cos-4.png] 设置回源 如果不在WordPress后台媒体库处上传资源
本文将介绍如何通过使用插件实现远程附件功能,将 WordPress 的媒体库附件存储在腾讯云对象存储 COS 上,并通过腾讯云 CDN 进行加速,实现所有功能。...3、在存储桶列表中找到刚才创建的存储桶,并单击其存储桶名称,进入存储桶页面。图片4、在左侧导航栏中,单击概览,查看访问域名并记录。...(二)配置插件1、单击 WordPress 左侧导航栏设置,然后在页面中配置 COS 的相关信息,配置说明见下表:配置项配置值存储桶名称创建存储桶时自定义的名称存储桶地域创建存储桶时所选择的地域APPIDAPPID...是您在成功申请腾讯云账户后所得到的账号,由系统自动分配,具有固定性和唯一性,可在 账号信息 中查看SecretID、SecretKey访问密钥信息,可前往 云 API 密钥 中获取不上传缩略图勾选后不会上传对应的缩略图文件...原因是没有添加 header。您需要在跨域访问 CORS 设置中添加 HTTP Header 配置。下面提供两种途径进行配置:图片i.
WordPress:Memcached 内存缓存优化 ,加速WordPress 后台媒体库加载 WordPress网站媒体库的图片随着文章的增长,会越来越多,有时候不断的去翻几个月前的图片进行引用,发现显示特别慢...今天就跟大家分享下如何使用 Memcached 内存缓存优化 WordPress 后台媒体库加载。...WordPress 是直接通过查询数据库来获取博客的附件的月份,这样每次打开媒体库,或者添加媒体,打开「添加媒体」弹窗时候,都会到数据库去查询。...不说有什么特殊效果,至少自己添加起媒体文件总舒服很多吧!...将下面的代码复制到当前主题的 functions.php 文件中,就可以使用内存来缓存媒体库的月份了: // 使用 Memcached 内存缓存优化 WordPress 后台媒体库月份获取加载 - https
在 WordPress 后台,点击删除一篇文章或者评论,不是直接删除,而是移动到垃圾箱,而且默认它会在垃圾箱保留30天,这样做的原因是为了防止你误删,还有机会从垃圾箱恢复。...30天后,WordPress 就会永久的删除垃圾箱里面的文章和评论,那么这些设置我们可以改变吗?今天这篇文章就讲讲如何限制或取消自动清空回收站功能。 1....取消自动清空回收站的功能 在当前主题的 functions.php 文件添加如下代码: add_action( 'init', function { remove_action( 'wp_scheduled_delete...设置回收站保留的时间 WordPress 默认回收站保留的时间是30天,如果你要改变这个值,可以在 WordPress 的 wp-config.php 文件添加如下的代码: define('EMPTY_TRASH_DAYS...设置媒体库支持回收站 WordPress 媒体库默认是没有回收站的,如果希望删除的媒体不要立即删除,也是保存到媒体库中,可以在 WordPress 的 wp-config.php 文件添加如下的代码:
在 WordPress 后台,点击媒体库选择图片的时候,可以按照月份筛选附件: WordPress 的媒体库月份筛选功能 这个是 WordPress 的媒体库月份筛选功能,博客的这些附件的月份是直接通过查询数据库来获取的...这样每次打开媒体库,或者添加媒体,打开「添加媒体」弹窗时候,都会到数据库去查询。...使用内存缓存优化媒体库月份获取 虽然不会造成很大的问题,但是附件如果不新增删除,这个月份的数据基本不会变化,我们可以通过 Memcached 将其缓存起来。...另外,性能的优化都是这些小地方一点一点积累起来。 将下面的代码复制到当前主题的 functions.php 文件中,就可以使用内存来缓存媒体库的月份了: // 缓存获取附件的月份。...wpjam_delete_media_library_months_cache'); add_action('delete_attachment', 'wpjam_delete_media_library_months_cache'); 使用内存缓存优化媒体库月份获取功能已经整合进图片集插件
更快的加载速度对于网站的用户体验和网站的营销效果是至关重要的。 为了在所有设备和用户中达到最佳加载效果,你网站上的图片文件大小不应该超过 500 KB。...你可以在 Chrome 浏览器的开发工具中运行 Lighthouse,也可以通过命令行或作为 Node 模块运行。...每条审计都有对应的文档解释为什么该项目是重要的,以及如何修复它。” 创建更小的 WebP 图片 我测试的页面返回了三张图片。在它生成的报告中,它提供了推荐和目标。...我在 Photoshop 中把它转换了,用默认的 WebP 设置参数保存它,它的文件大小为 44.9 KB。比预期的还要好!...在 Marius Hosting 有下面的说明: “直接向 Wordpress 上传 WebP 图片会怎样?这很简单。向你的主题 functions.php 文件添加几行内容就可以了。
认情况下,WordPress会将图像元素width和height属性添加到图像元素中。...从媒体库插入的图像中删除图像大小属性 删除图像大小属性可完全控制 CSS 属性,可将以下代码添加到主题 functions.php 文件中: /*** 移除图片高度和宽度属性从文章内容中的图片上*/ function...add_filter( 'post_thumbnail_html', 'salong_remove_image_size_attributes' ); // 从添加到WordPress文章的图像中删除图像大小属性...通过 jQuery 删除width和height属性 对于已经添加到文章的图像,必须手动删除width和height属性,或者也可以使用一些jQuery代码来解决问题,以下代码添加到主题 js 文件中:...使用 CSS 使图像大小属性失效 对于响应式图片或者延迟加载时的默认图片都是较好的解决方法,将以下代码添加到主题 CSS 样式文件中: img { width: initial !
管理站点选项 安装好之后,在 WPJAM 菜单下会多出一个「站点选项」的子菜单,点击进去,即可查看你站点所有非 WordPress 系统自动生成的选项: 如果选项存储为字符串或者非序列化存储,则直接显示...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。
WordPress 网站文章中插入图片同主题代码不一样的原因。最近有主题用户问:为什么查看插入到文章中的图片源代码与我博客的不一样,多出很多代码。...这些多出的代码是WordPress 增加一个叫“图片多屏自适功能”,用于在不同屏幕大小的设备上显示不同尺寸的图片。 1、启用这个功能前提:本地上传图片到媒体库,并直接插入图片。...WordPress后台—设置—媒体库设置为: 只有这样才会启用这个功能。 2、禁止该功能,知道如何启用这个功能,禁用也就简单了。...3、方法一,把上图中的图像大小数值都设置为零,之后再上传图片并添加到文章中,就不会有多余的代码了。注:对之前已上传到媒体库中的图片无效。...另外,图片多屏自适功能自动添加的代码,对网站SEO什么的并没有任何影响,不必大惊小怪。
WordPress不支持svg/ico/webp上传怎么办? 上传的时候提示以下错误: 上传失败。抱歉,由于安全原因,这个文件类型不受支持。...小狐狸教你不用WordPress插件即可搞定该问题,其实【关键词】早也分享过《WordPress怎么上传SVG图片到媒体库之Safe SVG插件》,我们还是在现有WordPress模板函数文件functions.php...中,添加以下代码即可: add_filter('upload_mimes', 'tbi_upload_mimes'); function tbi_upload_mimes($mimes = array(...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
领取专属 10元无门槛券
手把手带您无忧上云