首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress 媒体库支持 SVG 图标的上传与预览

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

1.5K50
您找到你想要的搜索结果了吗?
是的
没有找到

WordPress添加简书风格连载目录和文章导航

需求 自从机缘巧合开始翻译Gensis系列教程,越来越沉迷于研究这款WordPress主题框架了,一边翻译一边学习一边也自己丘壑博客上实验。...目录弹出框其实就是个很常见modal(模态)框: 模态框(Modal)是覆盖父窗体上子窗体。通常,目的是显示来自一个单独内容,可以不离开父窗体情况下有一些互动。...后来发现了一个最简单办法:WordPress模板PHP文件里可以直接把shortcode内容显示出来,有一个函数do_shortcode() ,这就太方便了,把之前另一篇文章里用到插件 display...但这不符合我需求,我需求是: 只需要在添加了Genesis Explained这个tag文章下面才显示 在这两个链接中间插入一个“目录”按钮 只同系列文章之间导航,不显示其他无关文章 如果文章是该系列第一篇...第二步 添加模态对话框 这一步很简单,直接把remodalJavaScript文件和CSS文件下载下来,扔进子主题js文件夹里,注册到WordPress里就行了,都不需要在写额外js文件来初始化或者运行这个插件

2K20

Code Embed:WordPress文章和页面添加Javascript最佳插件

所以,当我们在谈论WordPress嵌入JavaScript时,特指的是浏览器端JavaScript。 为什么要在WordPress文章或页面添加JavaScript?...一般来说,WordPress文章或页面插入JavaScript方法有如下几种: 编辑器:古腾堡编辑器插入一个HTML块,把代码以HTML形式插入。...Code Embed:WordPress文章和页面添加Javascript最佳插件 插件介绍 这个插件作者是David Artiss,从他自我介绍里得知他是 WordPress.com VIP...安装WordPress插件步骤很简单,可以下载WordPress插件文件并上传到你站点。或者,使用WordPress仪表板添加新插件”功能。安装后不要忘记激活插件。...第4步:编辑页面或帖子,插入短代码 现在,你可以使用此自定义字段CODEshowtime将JavaScript代码嵌入到文章任何位置。只需帖子内容任何位置添加这个名字即可 ,见上图。

4.4K40

6个最好WordPress图像优化器插件提高WordPress网站性能

WordPress图像优化意味着您正在拍摄上传到WordPress媒体库图像,并以几种不同方式对其进行优化。...可以为WordPress正确优化图像两种主要方法是压缩图像和添加alt标签。您也可以弄乱标题和说明文字,但压缩以获得适当加载速度和允许Google理解图像alt标签是最重要两个。   ...它消耗资源非常低,不会减少服务器负载,并且共享云、专用和VPS主机上运行良好。您还可以优化媒体库图像或通过FTP上传。   ...ShortPixel WordPress图像优化器插件 主要特点: 一键优化WordPress照片 资源要求低 文件大小没有限制 可用于共享主机、云和VPS上优化WordPress网站上照片...TinyPNG WordPress图像优化器插件特征: 上传时自动优化新图像。 先进后台优化,以加快您工作流程。 优化媒体库已有的单个图像。 轻松批量优化现有媒体库

2.3K00

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和服务器一些组件兼容问题

96320

WordPress媒体库无法加载原因和修复方法

我们有时使用WordPress媒体库时,可能会遇到无法正常加载情况,比如不显示图像/缩略图、会无限旋转、或者根本不会加载。那么WordPress媒体库无法正常加载该怎么办?...问题1、WordPress媒体库无法加载或一直旋转如果我们WordPress媒体库没有加载,只是部分加载了页面,或者一直旋转,那么很可能是存在不兼容WordPress主题或插件。...相关修复方法如下:登录到WordPress后台,仪表盘单击Plugins → Installed Plugins,右侧将显示已安装WordPress插件列表。...如果我们禁用了所有插件,WordPress媒体库仍然无法正常加载的话,那么很可能是WordPress主题不兼容问题,这时我们重新安装新主题模板。...应用755对文件夹及其所有子文件夹和文件权限(称为“递归”或“封闭”)。WordPress文件权限设置完毕后,我们尝试重新加载媒体库,看是否能正常工作。

2.2K30

开启生态新姿势 | 使用 WrodPress 远程附件存储到 COS

本文将介绍如何通过使用插件实现远程附件功能,将 WordPress 媒体库附件存储腾讯云对象存储 COS 上,并通过腾讯云 CDN 进行加速,实现所有功能。...3、存储桶列表中找到刚才创建存储桶,并单击其存储桶名称,进入存储桶页面。 4、左侧导航栏,单击概览,查看访问域名并记录。...(二)配置插件 1、单击 WordPress 左侧导航栏设置,然后页面配置 COS 相关信息,配置说明见下表: 配置项 配置值 存储桶名称 创建存储桶时自定义名称 存储桶地域 创建存储桶时所选择地域...APPID APPID 是您在成功申请腾讯云账户后所得到账号,由系统自动分配,具有固定性和唯一性,可在 账号信息 查看 SecretID、SecretKey 访问密钥信息,前往 云 API 密钥...原因是没有添加 header。您需要在跨域访问 CORS 设置添加 HTTP Header 配置。下面提供两种途径进行配置: i.

1.3K10

WPJAM 「图片集插件」:设置图片分类和通过分类快速筛选图片

媒体库」页面列表模式下可以选择一个图片分类,然后点击筛选: 媒体库」页面网格模式下,选择一个图片分类,无需点击直接筛选。...文章编辑页面,点击添加媒体之后,然后也可以媒体库直接筛选,快速找到所需图片: 优化后台媒体库加载 WordPress 后台媒体库月份筛选附件功能,是直接通过查询数据库来获取博客附件月份,这样每次打开媒体库...博客 支持一键将文章图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论外部链接加上安全提示中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章插入 #话题标签#。

1K20

如何将WordPress远程附件存储到腾讯云对象存储COS上

简介 这篇文章我们来介绍一下通过使用插件实现远程附件功能,将 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后台媒体库处上传资源

4.5K153

开启生态新姿势 | 使用 WordPress 远程附件存储到 COS

本文将介绍如何通过使用插件实现远程附件功能,将 WordPress 媒体库附件存储腾讯云对象存储 COS 上,并通过腾讯云 CDN 进行加速,实现所有功能。...3、存储桶列表中找到刚才创建存储桶,并单击其存储桶名称,进入存储桶页面。图片4、左侧导航栏,单击概览,查看访问域名并记录。...(二)配置插件1、单击 WordPress 左侧导航栏设置,然后页面配置 COS 相关信息,配置说明见下表:配置项配置值存储桶名称创建存储桶时自定义名称存储桶地域创建存储桶时所选择地域APPIDAPPID...是您在成功申请腾讯云账户后所得到账号,由系统自动分配,具有固定性和唯一性,可在 账号信息 查看SecretID、SecretKey访问密钥信息,前往 云 API 密钥 获取不上传缩略图勾选后不会上传对应缩略图文件...原因是没有添加 header。您需要在跨域访问 CORS 设置添加 HTTP Header 配置。下面提供两种途径进行配置:图片i.

1.3K21

WordPress安装Memcached内存缓存优化

WordPress:Memcached 内存缓存优化 ,加速WordPress 后台媒体库加载 WordPress网站媒体库图片随着文章增长,会越来越多,有时候不断去翻几个月前图片进行引用,发现显示特别慢...今天就跟大家分享下如何使用 Memcached 内存缓存优化 WordPress 后台媒体库加载。...WordPress 是直接通过查询数据库来获取博客附件月份,这样每次打开媒体库,或者添加媒体,打开「添加媒体」弹窗时候,都会到数据库去查询。...不说有什么特殊效果,至少自己添加起媒体文件总舒服很多吧!...将下面的代码复制到当前主题 functions.php 文件,就可以使用内存来缓存媒体库月份了: // 使用 Memcached 内存缓存优化 WordPress 后台媒体库月份获取加载 - https

52530

WordPress 技巧:如何限制或取消自动清空回收站功能

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 文件添加如下代码:

73820

使用内存缓存优化 WordPress 后台媒体库加载

WordPress 后台,点击媒体库选择图片时候,可以按照月份筛选附件: WordPress 媒体库月份筛选功能 这个是 WordPress 媒体库月份筛选功能,博客这些附件月份是直接通过查询数据库来获取...这样每次打开媒体库,或者添加媒体,打开「添加媒体」弹窗时候,都会到数据库去查询。...使用内存缓存优化媒体库月份获取 虽然不会造成很大问题,但是附件如果不新增删除,这个月份数据基本不会变化,我们可以通过 Memcached 将其缓存起来。...另外,性能优化都是这些小地方一点一点积累起来。 将下面的代码复制到当前主题 functions.php 文件,就可以使用内存来缓存媒体库月份了: // 缓存获取附件月份。...wpjam_delete_media_library_months_cache'); add_action('delete_attachment', 'wpjam_delete_media_library_months_cache'); 使用内存缓存优化媒体库月份获取功能已经整合进图片集插件

32620

线上图片请抛弃 PNG 和 JPG:使用 WebP

更快加载速度对于网站用户体验和网站营销效果是至关重要。 为了在所有设备和用户达到最佳加载效果,你网站上图片文件大小不应该超过 500 KB。...你可以 Chrome 浏览器开发工具运行 Lighthouse,也可以通过命令行或作为 Node 模块运行。...每条审计都有对应文档解释为什么该项目是重要,以及如何修复它。” 创建更小 WebP 图片 我测试页面返回了三张图片。它生成报告,它提供了推荐和目标。...我 Photoshop 把它转换了,用默认 WebP 设置参数保存它,它文件大小为 44.9 KB。比预期还要好!... Marius Hosting 有下面的说明: “直接向 Wordpress 上传 WebP 图片会怎样?这很简单。向你主题 functions.php 文件添加几行内容就可以了。

1.2K20

删除或失效WordPress文章图像大小属性

认情况下,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 !

2.5K40

站点选项 WordPress 插件:管理和删除无用站点选项

管理站点选项 安装好之后, WPJAM 菜单下会多出一个「站点选项」子菜单,点击进去,即可查看你站点所有非 WordPress 系统自动生成选项: 如果选项存储为字符串或者非序列化存储,则直接显示...博客 支持一键将文章图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论外部链接加上安全提示中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章插入 #话题标签#。...格式文章 WordPress 实现真正文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。

98230

WordPress 网站文章插入图片同主题代码不一样原因

WordPress 网站文章插入图片同主题代码不一样原因。最近有主题用户问:为什么查看插入到文章图片源代码与我博客不一样,多出很多代码。...这些多出代码是WordPress 增加一个叫“图片多屏自适功能”,用于不同屏幕大小设备上显示不同尺寸图片。 1、启用这个功能前提:本地上传图片到媒体库,并直接插入图片。...WordPress后台—设置—媒体库设置为: 只有这样才会启用这个功能。 2、禁止该功能,知道如何启用这个功能,禁用也就简单了。...3、方法一,把上图中图像大小数值都设置为零,之后再上传图片并添加到文章,就不会有多余代码了。注:对之前已上传到媒体库图片无效。...另外,图片多屏自适功能自动添加代码,对网站SEO什么并没有任何影响,不必大惊小怪。

46620

WordPress不支持svgicowebp上传怎么办?

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(...任何个人或组织,未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者合法权益,联系我们进行处理。

31470
领券