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

如何在WordPress的古腾堡编辑器的<li>元素中插入图像?

在WordPress的古腾堡编辑器中,可以通过以下步骤在<li>元素中插入图像:

  1. 打开WordPress后台,进入编辑文章或页面的界面。
  2. 在古腾堡编辑器中,找到需要插入图像的<li>元素所在的段落。
  3. 将光标定位到<li>元素内的合适位置。
  4. 在古腾堡编辑器的工具栏中,点击“添加块”按钮(加号图标)。
  5. 在弹出的块选择器中,选择“图像”块。
  6. 点击“上传”按钮,选择要插入的图像文件并上传。
  7. 上传完成后,选择插入的图像块,并在右侧的设置面板中进行相关设置,如对齐方式、图像大小等。
  8. 点击“应用”按钮,图像将被插入到<li>元素中。

这样,你就成功在WordPress的古腾堡编辑器的<li>元素中插入了图像。

另外,如果你使用腾讯云的WordPress云托管服务,可以使用腾讯云对象存储(COS)来存储和管理你的图像资源。腾讯云对象存储(COS)是一种高可用、高可靠、低成本的云存储服务,适用于各种场景下的数据存储和传输。你可以将图像上传到腾讯云对象存储(COS),然后在WordPress中通过插件或自定义代码来引用这些图像。详情请参考腾讯云对象存储(COS)的产品介绍:腾讯云对象存储(COS)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress 5.7 发布,更好用的古腾堡编辑器

​WordPress 5.7 发布,新版本改善了古腾堡编辑器的编辑体验,并使用户能够轻松创建更多高级块,并为块编辑器添加更强大的自定义项,还有 HTTPS 切换等其他功能改进​。...古腾堡编辑器更易使用 增强字体调整:编辑器很多的地方都可以调整字体,比如列表,代码等块,并且无需切换界面。 增强可重用块,更加稳定,更好用,并且支持自动保存。...支持拖放:支持将块和块组从插入器中直接拖放到古腾堡编辑器。 更多的块 不懂代码也可以实现功能,做更多的事情。 封面块:可以制作一个填充整个窗口的封面块。...更简单的默认调色板 全新简化的调色板参照 WCAG 2.0 AA 推荐的白色或黑色对比度将 WordPress 源代码中的所有颜色分解为 7 种核心颜色和 56 种阴影。...一键切换 HTTP 到 HTTPS 从现在开始,将站点从 HTTP 切换到 HTTPS,只需一次点击,WordPress 会自动更新数据库中的 URL,无需自己去做更多的处理了。

73820
  • WordPress 5.6 发布,新的 2021 主题和古腾堡编辑器大更新

    WordPress 5.6 发布,这个版本发布了新的默认主题 2021,然后给古腾堡增加大量的模块,让你更加方便插入图片,声音和视频。...古腾堡编辑器更新 更灵活的布局:古腾堡编辑器更加方便设置布局,支持单栏或者多栏,支持固定宽度,全屏头部,背景图支持渐变。...更好的视频字幕:为了帮助大家想视频中添加字幕,您现在可以在帖子或页面中上传字幕。这样,比以往任何时候都更容易使需要或喜欢使用字幕的任何人都可以访问您的视频。...2021主题 2021 是一个完全为全新的古腾堡编辑器创建的主题,并且带有自己专属的快模式,花几秒钟试试它不同的布局,就可以让你的文章脱颖而出。...虽然 WordPress Core 的自动更新功能已在 WordPress 中存在多年,但是 WP 5.6 首次引入了新的用户界面,以使用户对自动更新的操作更加容易。

    85940

    常用短代码插件:WPJAM Basic 的短代码扩展

    很多国内主题只针对WP经典编辑器做了扩展,而古腾堡编辑器却要屏蔽(虽然我认为古腾堡编辑器的功能极其强大,完爆经典编辑器。)...,经典编辑器中很多内容无法自己生成,例如表格之类的,所以这款免费插件就能帮你! 温馨提示:请将以下代码开头的 # 替换成 [ 否则将无法正常使用!...WPJAM Basic 常用短代码扩展内置了一些可能经常使用到的「短代码」(Shortcode),让你在编辑文章的时候插入复杂格式的内容更加方便,目前支持的短代码(Shortcode)有这些: email...@email.com list 为了偷懒,不想输入 li>li>,通过下面的方法快速插入列表: #list] item-a item-b item-c [/list] 每一行为一个元素,默认是无序列表...,如果要插入有序列表,加入 type="order" 的属性: #list type="order"] item-a item-b item-c [/list] table 在 WordPress 后台代码模式下输入表格

    1.4K30

    WPJAM TinyMCE:一键增强 WordPress 经典编辑器

    现在大家都开始使用古腾堡编辑器了,特别是 WordPress 最新几个版本的发行,大部分更新都围绕古腾堡编辑器,不过在一些地方还是有用到经典编辑器的,比如我们花生小店的商品编辑,就用不到古腾堡那么高级的编辑器...经典编辑器基本够用,但是有些格式化工具缺失,还是挺烦人,所以我们为了商家在花生小店的时候方便编辑商品,我们做了一个 WordPress 经典编辑器增强插件,为了方便就叫做 WPJAM TinyMCE。...安装 WPJAM TinyMCE 之前的编辑器: 安装 WPJAM TinyMCE 之后的编辑器: 新增插入表格功能 我增加了 TinyMCE 的表格插件,让大家在编辑器就能够直接插入表格: 还支持表格的行...直接插入屏幕截图 对于我们技术类型博客来说,在写说明的时候插入屏幕截图,是非常常见的操作,之前可能需要用到一些截图软件,把截图保存到电脑桌面,然后再上传到 WordPress 媒体库。...现在在屏幕截图之后,只需要按快捷键就能粘贴到编辑器里面,然后文章保存的时候自动把图片上传到媒体库中。非常方便快捷。

    85910

    展望 WordPress 5.0 会给我们带来哪些更新?

    古登堡(Gutenberg)编辑器 Gutenberg,古登堡,1397 年出生于德国,是西方国家活字印刷术的发明人,从而引导了一次媒介革命,其历史地位与中国的毕昇比肩(当然,古登堡比毕昇晚了 400...多年),全名叫约翰内斯·古腾堡,WordPress 新的编辑器取名古腾堡意在向这段历史致敬。...(古腾堡)。...至此,我相信读者已经发现古腾堡的一个特点,那就是操作都是围绕块(Block)进行的,这也是新版编辑器的一个理念。...目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg-古腾堡 的基本介绍,更多新功能和玩法大家可以自行安装体验

    1.4K30

    屏蔽 WordPress 古腾堡编辑器,换回经典编辑器

    WordPress 5.0 带来的古腾堡编辑器(英文名是 Gutenberg)非常酷,也叫做块编辑器(block editor),它把内容当作一块一块来处理,每一块有自己的设置,使用起来非常清晰好用:...古腾堡编辑器使用不习惯 但是习惯是一件很难改变的事情,很多人习惯了经典的编辑器,对于古腾堡编辑器总是用不习惯。...可能古腾堡编辑器大部分的界面都是关注内容部分,对于摘要,特色图片,分类这些都放到侧边,并且默认隐藏,这个造成了很多人非常不习惯,甚至不知道哪里去设置。...我为了习惯古腾堡的编辑模式,我把很多的针对文章的操作都移到了文章列表,比如在后台的文章列表设置文章特色图片,设置文章摘要,一键上传外部图片等,让古腾堡编辑器专注于文章内容管理。...如何屏蔽古腾堡编辑器 为了兼容,WordPress 官方也提供了 Classic Editor 插件,可以通过各种方式在古腾堡编辑器和经典编辑器切换使用: 管理员可以设置默认的编辑器。

    42920

    WordPress 禁用 Rest API 默认路由兼容古腾堡 Gutenberg 编辑器

    禁用 WordPress Rest API 默认路由后有利于 WordPress 站点安全及避免暴露网站所有内容,所有子凡的所有 WordPress 网站都是直接禁用了 WordPress 默认路由的,...但是由于 WordPress 默认使用块编辑器(古腾堡 Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...故此子凡就来分享一个兼容 WordPress 编辑器的情况下,对外也能够禁用 WordPress rest api,具体代码如下: add_action('plugins_loaded',function...(){//兼容 古腾堡编辑器 global $post; if( !...需要说明的是,以上代码中的主要实现原理就是判断用户是否登录以及是都有编辑权限,只有当用户登录,且拥有文章编辑权限的用户才不会禁用默认路由,以达到兼容古腾堡编辑器的目的,当然如果你像子凡一样只用 WordPress

    72590

    WordPress 5.5 发布,关键词:速度,搜索,安全

    WordPress 5.5 发布,这个版本在「速度」、「搜索」、「安全」这三个方面加强了网站的能力: 速度 图片给网站增添了很多光彩,同时也让网站变得很慢,WordPress 5.5 使用了传说中的“懒加载...搜索 WordPress 5.5 默认提供了一个 XML sitemap 文件,具体怎么工作,还没仔细了解,我之后会把 WPJAM Basic 的「简单SEO」扩展基于该功能,进行升级。...古腾堡编辑器 块模式:通过使用文本和媒体的组合来创建复杂精美的布局。 新的块目录:在后台古腾堡编辑器就可以选择各种好用好玩的“块”。 内联图像编辑:使用「图像块」就能直接裁剪,旋转和缩放照片。...」的错误。...WordPress 已经换成了 allowed_options,WPJAM Basic 最新版已经做了兼容了,接下来,我将针对 WordPress 5.5 的最新功能,进行优化。

    42730

    WordPress 6.2 发布,全面提升站点编辑体验

    WordPress 6.2 版本今天发布了,新版全面提升了站点编辑器的体验,引入了更多网站设计的功能,并提供了新的无干扰的写作模式。...更流畅的区块插入器 区块插入器也有了全新的设计,让用户可以更容易访问到自己所需的内容,新增的「媒体」选项卡可以直接拖放现有媒体库中的内容,另外它的拆分视图可以同时浏览区块类别和查看预览,从而更快查找到所需区块模板...在编辑器直接使用 Openverse 资源 Openverse 中已经有超过了 7 亿免费和公开许可的图片和音频,现在通过区块插入器直接集成到 WordPress 编辑器中。 ...无干扰模式专注写作 古腾堡编辑器也支持无干扰写作模式了,可以一键隐藏侧边栏,所有面板和控件等,专注自己的创作。...简单说 WordPress 6.2 主要的更新就是古腾堡块编辑器的更新,没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大的更新。

    1.1K40

    如果你的 WordPress 安装了 PHP Everywhere 插件,请赶快升级或者删除

    如果你的 WordPress 安装了 PHP Everywhere,那么你要赶快升级到 3.0 版本或者删除了,因为近日该插件被披露存在三个严重的安全漏洞,攻击者可在受影响的网站上利用该漏洞,执行任意代码...PHP Everywhere 插件 PHP Everywhere 可以让你在 WordPress 随时随地使用 PHP 代码,使用户能够在 WordPress 的文章,页面和侧边栏中插入和执行 PHP...的代码,根据 WordPress 官方插件库的数据,该插件已被 3 万多个 WordPress 站点使用。...CVE-2022-24665 - 通过古腾堡编辑器块进行远程代码执行(同样需要贡献者的权限) 如果网站存在这三个漏洞,黑客将可以利用它们并执行恶意的 PHP 代码,甚至可以实现对网站的完全接管。...3.0.0 版本通过移除短代码功能,并且提供一个升级向导,将旧的短代码升级到 Gutenberg 编辑器里面的块(block)。但是 3.0.0 版本只支持古腾堡编辑器,不再支持原来的经典编辑器了。

    40930

    给WordPress新添加一个古腾堡编辑器

    在WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress中添加第二个古腾堡编辑器实例。...title', 'editor'), ));}add_action('init', 'custom_gutenberg_editor_init');步骤 2: 创建自定义JavaScript文件在你的插件文件夹中创建一个...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你的主题文件中(例如 functions.php 或 header.php),添加一个容器来承载第二个古腾堡编辑器实例。步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个古腾堡编辑器实例。...注意事项性能影响:添加额外的编辑器实例可能会对性能产生影响,特别是在低配置的服务器上。兼容性:确保你的代码与当前使用的WordPress版本兼容。

    11010

    WPJAM Basic 去掉了「屏蔽 REST API」功能

    自带的 REST API,那就在 WPJAM Basic 的「优化设置」中添加了屏蔽 REST API 功能,觉得自己不用,就增加个选项可以勾选去掉。...随着 WordPress 版本的推进,功能的叠加,功能也产生了依赖,WordPress REST API 成为很多功能的基础,比如古腾堡编辑器就是基于 REST API 的,所以很多人在 WPJAM Basic...的「优化设置」把 REST API 功能屏蔽了,然后发现古腾堡没法用了,就来怼我:装了 WPJAM Basic,古腾堡都不能用了。...所以很无语,虽然在「优化设置」已经做了处理,勾选了「屏蔽古腾堡」才能勾选「屏蔽 REST API」,但是不知道什么原因,可能其他插件或者主题把古腾堡编辑器屏蔽了,然后所有的罪都由 WPJAM Basic...return_false'); add_filter('rest_jsonp_enabled','__return_false'); // 移除头部 wp-json 标签和 HTTP header 中的

    46420

    禁用 WordPress Auto Embeds 功能,加快页面解析速度

    有没有想过,只需要在文章中输入一个视频网站或者图片分享的 URL,这个 URL 里面含有的视频或者图片就自动显示出来?这样是不是很方便。...WordPress 的 Easy Embeds 功能 这个就是 WordPress 的 Easy Embeds 的功能,可以让我们直接发布一个 URL(需要单独一行,纯文本,不带链接才行),就能把这个...URL 中的视频显示到博客上,并且会根据博客的布局调整视频的大小。...就会自动把这个 URL 转化成 TED 对应页面的视频: 如果你是用 WordPress 古腾堡编辑器,那么在古腾堡编辑器可以看到目前支持的自动嵌入服务: 点击上图的按钮,点击对应的按钮: 输入链接...,然后点击潜入,也可以一键嵌入: 禁用 WordPress Auto Embeds 功能 从腾堡编辑器默认的潜入按钮, WordPress Easy Embeds 支持的自动嵌入网站大部分都是国外的网站

    1.2K20

    Wordpress如何禁用古腾堡编辑器,使用传统经典编辑器

    古腾堡编辑器和经典编辑器到底哪个更好用?这个因人而异,每个人的习惯都不相同,选择适合自己的就好了。...悦然网络工作室为客户制作企业网站都是使用的新版wordpress程序,而新版早就全面启用了古腾堡编辑,这是一种模块化的编辑器,其实是非常好用的,不过也有一些用户不太习惯,还是想换回以前常见的那种编辑器。...二、使用网站模板自带功能 有些wordpress网站模板中集中了经典编辑器的切换开关,大家只需要设置一下就可以了。...操作如下: 登陆网站后台,依次点开“网站优化”-“WP优化”,然后在右侧看到会有一个“禁用古腾堡编辑器的开关,把它打开就可以返回经典编辑器了。...如上图,经典编辑器就是这个样式,就是我们常见的那种,其实不管是哪种编辑器,它都只是我们编辑内容的一个工具而已,对网站建设、SEO优化没什么关系,一切只看各人习惯,习惯用哪个就用哪个吧

    1.4K00

    WordPress 推出了全新的区块样板构建器

    不过你多喜欢和怀念经典编辑器,WordPress 已经在古腾堡编辑器路上狂奔了,为了让大家更加方便使用古腾堡编辑器,现在 WordPress.org 推出了全新的区块样板构建器,这个距离 WordPress.org...站点的编辑器中,直接使用。...下图就是 WordPress.org 官方的区块样板目录列表页: 鼠标移到每个样板上,就会显示「Copy」按钮,点击就会可以复制该区块样板,然后切换到自己的 WordPress 后台,在编辑器中直接粘贴即可...与 WordPress.org 中的其他东西一样,一旦提交到 WordPress 区块样板目录,这些样板就可供公众使用。...最后需要简单说一下,WordPress 的区块样板,基本都可以运行在所有的 WordPress 主题,但是在一些针对古腾堡主题,可能运行的更好,比如你可以尝试一下默认的 2022 主题来测试这些区块样板

    39640

    屏蔽 WordPress 小工具区块编辑器模式,切换回经典模式

    通过 WPJAM Basic 屏蔽 WordPress 古腾堡编辑器,换回经典编辑器之后,WordPress 的小工具还是区块编辑模式的,本来我想在屏蔽古腾堡编辑器的时候,同时也屏蔽小工具的区块编辑器模式...不过提供一下如何禁用 WordPress 小工具区块编辑器模式,切换回经典模式的方法,一共有三种: 一、使用 remove_theme_support 函数 主题可以通过调用 remove_theme_support...( 'widgets-block-editor' ) 来屏蔽小工具区块编辑器模式,在主题的 functions.php 文件中添加如下的代码: add_action('after_setup_theme...三、使用 use_widgets_block_editor filter use_widgets_block_editor 过滤器接口是用来控制是否启用小工具区块编辑器模式的。...比如可以通过以下的代码屏蔽小工具区块编辑器模式: add_filter('use_widgets_block_editor', '__return_false'); 使用过滤器接口,就有更多可定制性,可以加入一些自定义功能

    29710

    WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示

    整个插件自己写的代码只有不到 30 行,就是利用 WordPress 的 wp_enqueue_scripts 接口让页面加载 prism 的样式和脚本代码。...然后插件也兼容 WPJAM「静态文件」插件,不单独加载 prism 的样式和脚本代码,把 prism 的样式和脚本代码合并到整个站点唯一的样式和脚本文件中: 所以这个从另外一个侧面说明 WPJAM 出品的插件...非常简单,首先根据你使用不同编辑器略用不同。...如果你使用古腾堡编辑器的话,先点击选择创建一个代码块: 然后输入代码,选择该该区块: 点击右侧区块属性框,在额外的CSS类中输入:language-php,如果你的代码是 JS 则,输入 language-javascript...定义就是语言,如何设置,和上面古腾堡的设置方式是一样的,自己灵活处理一下,个人感觉还是古腾堡编辑器方便一点。

    1.8K30

    WordPress 5.0默认老版编辑器

    方法3一句代码禁用Gutenberg古腾堡 编辑器其实之前经典的Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。...虽然古腾堡看起来很高端,但很多用户发现它很不方便,相比之下,还是更喜欢经典编辑器。如果经典编辑器真的被5.0版本取代了,如何禁用Gutenberg并保留经典的WordPress编辑器呢? ?...Gutenberg是即将推出的WordPress编辑器,其目的是使WordPress写作体验现代化。它尝试像页面构建器插件一样工作,允许将项目拖放到文章或页面中。...尽管有负面评论,但WordPress核心团队正在努力使Gutenberg成为WordPress 5.0中的默认编辑器。这让很多用户非常担心,他们希望有一个选项来禁用Gutenberg并保留经典编辑器。...方法3:一句代码禁用Gutenberg(古腾堡) 编辑器 其实之前经典的Classic Editor编辑器代码,在WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。

    1.3K10

    官方文档:QUX主题使用指南

    FTP软件上传到wordpress下wp-content/themes/文件夹下。...2、登录wordpress后台在 外观 – 主题 – 添加 – 上传主题 选择下载的主题包直接安装。 二、开始使用 主题上传完成后前往www.qyblog.cn/oauth添加授权获取授权码。...默认商城链接为 http://你的域名/store Q4:如何在文章发布付费资源 A:在发布文章时,到文章底部找到商品信息选项卡 打开文章付费资源开开关 即可发布付费资源,付费资源可以是积分也可以是现金商品...Q5:如何发布视频文章 A:在发布文章时,右侧选择文章形式为视屏,如无法找到该选项可在顶部打开显示选项勾选形式 ,到文章底部找到视屏设置选项卡,根据上面说明插入视屏链接即可 Q6:为什么我的评论会特别慢...Q8:为什么我的编辑器变成了古腾堡,我想用以前的经典编辑器。 A:qux主题现在已经全面支持古腾堡编辑器,如果想用回经典编辑器可以安装插件经典编辑器,插件首页即可安装。

    1.6K20
    领券