Gutenberg古腾堡编辑器中设置图片链接到图片链接
Gutenberg古腾堡编辑器中设置图片链接到图片链接

曾经的经典编辑器是有个这样的功能的

可设置图片链接到图像URL,小石正在使用的MDx主题中的IMGBOX灯箱功能也是需要如此做法才能使用灯箱功能。在经典编辑器中,直接如上图设置即可,而在新版编辑器古腾堡中,小石一直没找到此功能,迷惑期间到Google搜索了,还跑到各个QQ群问了,均未得到答案

后来询问过MDx作者后得知,实际上链接到图片URL是等价于

所以对于古腾堡编辑器如此设置即可

这样就解决了灯箱问题啦

<figure class="wp-block-image size-large is-style-default"><img src="图片链接" alt=""/></figure>
<figure class="wp-block-image size-large is-style-default"><a href="图片链接"><img src="图片链接" alt=""/></a></figure>

这是未设置与设置后的HTML代码上的区别,也就是简单的多了一个href标签而已

古腾堡中自带的Code editor也一样

<!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><img src="图片链接" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-style-default"><a href="图片链接"><img src="图片链接" alt=""/></a></figure>
<!-- /wp:image -->

为避免有人和我遇到一样迷惑不知道怎么处理,所以在此水篇文记录一下,哈哈

PS:感觉这古腾堡的代码像是伪Markdown,不过听说古腾堡支持Markdown,还没试,哈哈 :oops:

话说我以前的文章似乎都是设置链接到无,而且图片全是外链,不知道有没有Dalao怎么快速设置呢

首页      WordPress      Gutenberg古腾堡编辑器中设置图片链接到图片链接

小石

文章作者

推荐文章

发表评论

textsms
account_circle
email

Gutenberg古腾堡编辑器中设置图片链接到图片链接
曾经的经典编辑器是有个这样的功能的 可设置图片链接到图像URL,小石正在使用的MDx主题中的IMGBOX灯箱功能也是需要如此做法才能使用灯箱功能。在经典编辑器中,直接如上图设置即可…
扫描二维码继续阅读
2020-03-24