WordPress建站教程: 如何在文章插入图片

在Wordpress网站里面的文章插入图片,不仅图文并茂,让读者阅读兴趣盎然、实现轻松阅读,而且有利于搜索引擎优化(SEO),便于谷歌关键词搜索排名。

下面以wordpress新版本(古腾堡版本-Gutenberg)页面编辑后台为例予以演示, 将图像插入WordPress中的博客文章的步骤是:

如何插入单张图片

首先,先确定图片插入的位置,也就是光标所在位置。比如,我要想在“老豆教你如何添加图片 ”之下插入图片的话,那么在文字之后回车,然后进入下一个block,在这个block点击左侧的图片标记,如下图所示:

如何插入单张图片

然后会出现图片3种插入方式:

  1. upload-上传
  2. Media Library-媒体库
  3. Insert from URL-插入(图片)网址
图片3种插入方式

下面逐个来看如何操作:

第1种: 从电脑插入图片

点击upload之后,在你的电脑中找到该图片,选中,然后点击打开按钮,如下图所示

从电脑插入图片

那么这个图片就出现在你的文章之中,也就是本文所演示的效果。

第2种:从媒体库插入图片

这种情况,就是图片已经上传至你的wordpress网站数据库之中了,那就在媒体库中找到该图片点击确认,

从媒体库插入图片

第3种:从网址插入图片

采用这种方式插入图片,不需要将图片上传至你的网站,其实插入的并非是真实的图片,只不过是图片的url,但是显示效果和上面是一样。如果将来这个图片(url)不存在了,那么这个图片也不会在你的文章中显示了。

比如说,下面这个图片,既不是从我的电脑上传至网站的,也不是我的网站媒体库之中的,这个图片的网址是:

https://c.pxhere.com/images/66/53/147e0e022146990104e052a7df0a-1432895.jpg!d

从网址插入图片

以上这种图片插入方法是:点击 Insert from URL 之后,出现一个框,然后将url复制在这个框内,点击右边箭头,就出现上面的效果。

这3种图片添加方式,从外观看起来没有区别。

如何批量插入图片

具体方法与上面一致,只不过这次使用gallery来实现这个功能。

点击光标所在block左边的“ + ”,然后在最上面的搜索框中,输入gallery

如何批量插入图片

然后,会出现upload与media,根据图片所在位置予以选择,选中之后,则出现以下类似效果。

至于一排展示多少图片,这个与图片大小和页面宽度有关。

图片大小、对齐方式和链接

图片大小/尺寸

WordPress有4种标准图片大小,但是你可以根据需要任意更改,不过默认情况下为:

  • 缩略图(正方形):150×150像素
  • 中:宽度为300像素,高度相应缩小
  • 大:1024像素宽
  • 完整:可用图像的最大尺寸

对齐

所谓对齐方式,也就是在文章中的位置,有4种对齐方式:

  • 无:文字在图片的上方和下方,图片周围没有文字换行
  • 左:图片在博客文章的左侧,文字环绕在图片的右侧
  • 右:图片在博客文章的右侧,文字环绕在图片的左侧
  • 中心:图片漂浮在博客文章的中心

链接

图片默认链接设置通常是链接到媒体文件(也就是图片本身),因此,如果点击该图片,会看到该图片的完整尺寸。

当然,也可以更改图片链接,使其指向某个页面或外部网站链接、pdf等。如下图所示:

图片大小、对齐方式和链接

注:你可以在上面那个框中,填入特定url,让此图片链接至某个网站/网页等。

Leave a Comment

error: Content is protected !!