一个让WordPress媒体库支持外链图片的插件

一个让WordPress媒体库支持外链图片的插件最近有一个月左右没更新了,因为这个月的业余时间都在忙于一个WordPress插件:ExternalMediawithoutImport。其实只是很小很简单的一个插件,代码不过短短几百行。不过这东西一旦被当成产品认真做起来,依然让我感到——每天在上班时间以外,应对完工作上的需求和bug之后,接着还要在业余时间认真做好另一个产品是多么劳心劳力。这是我正式发布并打算认真维护的第一个个人

大家好,又见面了,我是你们的朋友全栈君。

最近有一个月左右没更新了,因为这个月的业余时间都在忙于一个WordPress插件:External Media without Import。


其实只是很小很简单的一个插件,代码不过短短几百行。不过这东西一旦被当成产品认真做起来,依然让我感到——每天在上班时间以外,应对完工作上的需求和bug之后,接着还要在业余时间认真做好另一个产品是多么劳心劳力。这是我正式发布并打算认真维护的第一个个人项目。为此我还自己设计制作了用于WordPress官方渠道的插件图标和Banner:

一个让WordPress媒体库支持外链图片的插件


闲话少说,还是来介绍一下这个插件。先列出插件地址。


插件的WordPress官方渠道地址:

https://wordpress.org/plugins/external-media-without-import/


插件的Github地址:

https://github.com/zzxiang/external-media-without-import


使用WordPress建站的人可能大都知道,在没有插件支持的情况下,要将一张图片添加进WordPress媒体库中,就必须要将图片文件上传到WordPress所在的服务器。但是有的用户可能希望将图片存储在另一台服务器另一个域名上以节省WordPress主站的空间和流量,与此同时仍然想将这些图片添加进WordPress媒体库,以便使用WordPress媒体相关的功能和插件——比如相册等。


External Media without Import就是用来满足这个需求的插件。它可以将一个外链图片添加进WordPress媒体库中,但只是往WordPress数据库里插入一条链接数据,并不会将图片文件传到WordPress站点所在的服务器上。当然,一条数据库记录也会占用服务器空间,但比起动辄几十KB乃至几个MB的图片文件来说,还是微不足道的。


该插件在WordPress管理页面的媒体添加上传面板中增加了一个Add External Media without Import按钮:


一个让WordPress媒体库支持外链图片的插件


点击它就会出现一个输入图像URL的面板。输入图像URL后点击“添加”按钮,就会将外链图片插入至媒体库中。就是这么简单易用:


一个让WordPress媒体库支持外链图片的插件


因为界面上扩展的是媒体库的上传面板,所以用户在编辑文章和页面的过程中也可以随时使用该插件添加外链图片到媒体库中。


另外,你也可以点击管理页面左侧菜单的“多媒体”->“Add External Media without Import”子菜单直接进入URL的输入面板。


做这个插件的最初动机是来源于我博客的作品集页面的排版。那时我的作品集页面使用了一个支持外链图片但只支持Grid排版的相册:Responsive Grid Gallery with Custom Links。然而页面中的各个图片宽度高度都不相等,这就造成了页面中有的图片上下或左右空隙很大,使排版很是难看:


一个让WordPress媒体库支持外链图片的插件

因此我打算改用瀑布流排版(Masonry Layout)。支持瀑布流排版的相册插件倒是不少,但并不是随便挑一个都能用。这是因为绝大部分相册插件要么只接受媒体库里的图片,要么需要用户上传本地图片,也就是说相册中的图片仍然要存储在WordPress站点上。而我为了节省博客站点自身的空间和流量,将所有图片都放在了Photobucket上。因此我需要一个既支持外链图片又支持瀑布流排版的相册插件。


然而支持外链图片的相册插件本身就很少,支持外链图片的瀑布流相册插件更是一直没找到。于是我想到了让WordPress媒体库支持外链图片的插件,那样很多相册插件就能用上了。于是就诞生了这个External Media without Import插件。


接着我又使用BNE Gallery ExtendedWP Gallery Custom Links两个插件扩展了WordPress的自带相册——前者让相册支持瀑布流排版,后者让相册中的每张图片支持自定义的点击链接。最终用这两个插件再加上我自己做的External Media without Import,三管齐下实现了作品集页面的外链图片的瀑布流相册。从下图右侧的页面源代码中选中的元素可见图片是从Photobucket上取的,并没有存储在WordPress站点上:


一个让WordPress媒体库支持外链图片的插件


想不到我的第一个正式发布的个人项目是个Web项目,用到的技术是我在现在工作的互联网创业公司学到的Web技术。原本想主打的游戏开发技术到现在一毛钱都还没用上。


本文在我的独立博客的地址:http://zxtechart.com/2017/06/05/wordpress/

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/150572.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 大一c语言图书管理系统_C语言结构体类型名

    大一c语言图书管理系统_C语言结构体类型名图书管理系统1.前言在大一下,我们的C语言课程布置了一次大作业,要求做出一个管理系统,整个系统可以设计为数据插入模块、数据修改模块、数据删除模块、数据显示模块和数据查询模块。各种信息管理系统本质上是没有太大区别的,对于数据的操作都是差不多的。2.功能及其相关函数2.1菜单界面的构建建立两个界面函数,用来搭建主页,这里用到两个头文件#include<conio.h>定义了通过控制台的数据输入与输出函数#include<windows.h>用来调整方框大小与背景颜色

  • go语言微服务之RPC协议[通俗易懂]

    go语言微服务之RPC协议[通俗易懂]1什么是RPCRemoteProcedureCallProtocol–远程过程调用协议!IPC:进程间通信RPC:远程进程通信–应用层协议(http协议同层),底层用TCP实现。理解RPC:像调用本地函数一样,去调用远程函数。通过rpc协议,传递:函数名,函数参数。达到在本地,调用远端函数,得返回值到本地的目标。 为什么微服务要使用RPC:每个服务都被封转成进程,彼此“独立”。 进程与进程之间,可以使用不同的语言实现。2RPC使用的步骤服务端:注册rpc

  • solid原则应用实例_设计模式solid原则

    solid原则应用实例_设计模式solid原则在面向对象编程中,SOLID是5个重要的设计原则的缩写。首先是由著名的软件大师RobertC.Martin(Bob大叔)在DesignPrinciplesandDesignPatterns中提出,后来MichaelFeathers用SOLID来概括这五大原则。SOLID原则使得软件设计更加容易理解、灵活和可维护。作为一名软件工程师,这5个原则我们必须知道。本文,我将涵盖这些原则,并举例说明怎样是违背了原则,以及如何进行纠正来符合SOLID原则。S—Singlerespons

    2022年10月27日
  • acwing1098. 城堡问题(bfs宽搜)「建议收藏」

    acwing1098. 城堡问题(bfs宽搜)「建议收藏」1 2 3 4 5 6 7 ############################# 1 # | # | # | | # #####—#####—#—#####—# 2 # # | # # # # # #—#####—#####—#####—# 3 # | | # # # # # #—#########—#####–…

  • webpack-ES6转ES5[通俗易懂]

    webpack-ES6转ES5[通俗易懂]@webpack-ES6转ES5的babel-loader安装babel-loader:npminstall–savedevbabel-loader@7babel-corebabel-preset-es2015用法:在webpack配置对象中,需要将babel-loader添加到module列表中module:{rules:[{test:/\.m?js$/,exclude:/(node_modules|bower_c

  • 汉罗塔c++递归_栈与递归的区别

    汉罗塔c++递归_栈与递归的区别汉罗塔问题是一个非常经典的算法,我们首先来研究一下修改的汉罗塔(简化步骤),在后面我们将来讲述经典的汉罗塔问题。题目:修改后的汉罗塔的规则:现在限制不能从最左侧的塔直接移动到最右侧,必需要经过中间;同时从最右侧移动到最左测试,同样必需经过中间;要求移动N层塔时,打印最优移动1、用递归函数实现(从最左移动到最右)分析:-当只有一层塔时,我们先需要将其从左移到中间,再从中间移动到右边,共分为

    2022年10月11日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号