所有你需要知道的关于在WordPress插入和编辑图像

张贴达伦·罗斯 2018年8月1日 创建内容 0评论

你有信心在你的博客文章中使用图片吗??

然而博客作者并没有绝对的规则需要包括图像,大多数博客作者会在每个帖子中至少包含一个引人注目的图像(通常在开始时或非常接近开始)。

然而,用图像很容易出错。我们已经谈过了如何合法获取图像,以免不小心侵犯他人的版权.但在今天的帖子里,我想完成上传和插入图像的过程。

不管你是刚开始写博客还是已经写了很多年,我希望你能从今天的帖子学习新东西。我们将从基础开始,继续学习一些更先进的技巧和技巧。

他就是我们要报道的十件事:

  1. 如何从网上下载图片
  2. 如何上传图片到你的博客
  3. 如何将图像插入到文章中
  4. 如何使你的图像在你的职位
  5. 如何调整图像的大小
  6. 如何将图像转换为链接
  7. 如何向图像添加alt文本
  8. 如何在WordPress中编辑图像
  9. 如何保持图像文件大小较低
  10. 如何优化视网膜屏幕图像

# 1:如何从网上下载一个图像

全新的博主可能会觉得第一道障碍有点儿卡住了:下载他们选择的图片。

一旦你找到一个你可以合法使用的图像,你需要下载到你的电脑。(虽然从技术上说,也可以插入在你的帖子在网络上使用其现有的URL,这种“hotlinking”是一个坏主意。许多网站不喜欢它,正如它所说的额外的压力在他们的服务器上。如果图像文件从其当前位置,它也会从你的帖子消失。)

下载一个图像,右键单击它。您应该看到以下选项将图像保存为…”.(根据浏览器的不同,措辞可能有些不同。)

下载映像

点击“将图像保存为…”,然后选择计算机上要保存的文件夹。

在充当图像库的网站上(比如Pixabay和Flickr),你通常可以选择不同大小的图像。下面是Pixabay的样子。

选择图像分辨率

左边的数字是以像素为单位的每个图像的尺寸(宽度和高度)。右边的数字是以kB/MB为单位的每个图像文件的大小。正如您可以看到的,较大的图像等于更大的文件。

大小由你决定。(我们将在#9和#10部分对此进行更详细的介绍。)请注意,在Pixabay上,您需要创建一个(免费)帐户来下载最大的图像。

#2:如何将图像上传到博客

当你选择和下载一个图像,你需要上传到你的博客。

在WordPress上,登录到你的仪表盘,打开你选择的职位(或者开始新的职位),然后单击“添加媒体“按钮。

添加媒体按钮

然后单击“上传文件”标签。你可以拖拽您选择的文件上传到你的博客,或点击“选择文件按钮来浏览你的电脑文件夹。

(注意,不论你选择哪一个,原始文件将保留在计算机上。只上传了一份。)

如果你想要,您可以同时上传多个图像。

#3:如何插入图像

第一,将光标定位到要将图像放入帖子的位置。(点击一行文本的开始或结束,或点击一个空白行。)

您上传的图像可以在媒体库中获得。点击“添加媒体“然后“媒体图书馆选项卡(如果尚未为您选择),您将看到它们。

插入图像

插入图像,单击它,您将在屏幕右侧看到这个面板。

附件细节

您可以设置图像的对齐,添加链接,并选择要显示的大小。稍后我们将会覆盖所有这些在这篇文章中。(你可以编辑你的形象改变这些细节后插入它。)

点击“插入帖子将图像放置在光标所在的位置。

#4:如何在你的帖子中调整你的形象

如果插入图像而不更改对齐设置,它可能看起来不像你想的那样。也许你打算把它放在文字之上,为中心,或者在你的帖子开头。而是在文本旁边右对齐。

改变排列的图像

(由fillerama关于“谁医生模式)。

重新调整你的形象,单击它,然后单击“居中对齐”弹出的迷你菜单上的按钮。

居中对齐按钮

(您还可以单击小铅笔按钮来编辑图像,在那里你可以选择对齐,尺寸和更多。)

你的形象现在应该在你的帖子中正确对齐。

#5:如何调整图像的大小

如果你的图片太大了,您可以通过单击它,然后单击迷你菜单中的编辑按钮来调整它的大小。

您将看到关于图像的细节。单击旁边的下拉菜单尺寸“你会看到很多选择。

调整图像大小

如果列出的尺寸之一适合您,选择它。如果不是这样,点击“自定义大小然后输入图像的宽度或高度(以像素为单位)。不论你选择哪一个,其他尺寸将自动调整。

点击““更新”在屏幕底部的按钮,您将返回到您的文章与图像更新到您选择的大小。

请注意,这个过程不会改变原来的上传图片的大小,因此文件大小将保持不变。(稍后我们将讨论更多的在这篇文章中)。

# 6:如何把你的形象变成一个链接

在某个时候,您几乎肯定希望创建一个图像,读者可以单击该图像转到另一个页面。

例如,您可能想要创建:

  • A从这里开始页显示来自多个帖子的特征图像,每张图片链接到相应的职位
  • 一页书评,每本书的封面图像都链接到亚马逊上的书
  • 自定义”买按钮,用于您的产品,每一个链接到一个贝宝或购物车页面

要向图像添加链接,单击图像,然后单击小图标编辑“显示为获得“图像详细信息”屏幕的按钮。

点击“链接”下拉并选择自定义URL”.然后您可以输入您希望图像链接到的任何URL。

向图像添加链接

确保你点击““更新”按钮保存对图像的更改。

向图像添加链接的更快方法是复制链接,然后单击图像并粘贴链接(按PC上的Ctrl+V或Mac上的Command+V)。这将自动将链接添加到图像。

#7:如何向图像添加Alt文本

Alt(备选)文本通常用于可访问性。它提供了一个简短的描述你的形象,可以给人们使用屏幕阅读软件。(它也将显示在屏幕上的文本,如果图片加载失败。)

注意,这与标题不同。如果输入字幕,它会立即显示在你帖子的图片下面。

在编辑图像时,可以向图像添加alt文本。只需要用任何文本填充“备选文本”字段。

添加alt文本图像

#8:如何在WordPress本身编辑图像

通常最好使用Photoshop(或者,如果你想要一个免费的选择,,瘸子Paint.NET)。

但有时您可能想对WordPress中的原始图像进行调整。你可以通过点击“编辑原件按钮面板图像细节。

然后你会看到这个屏幕。

编辑原始图像

您可以调整图像。(只能按比例缩小,不是。)

注意:最好在进行其他编辑之前这样做。

你也可以旋转图像,或者从上到下或从左到右翻转,使用上面的按钮立即。

可以通过单击图像并拖动以选择所选区域来裁剪图像。这是从左到右翻转的原始图像,选择一个区域,这样就可以裁剪了。

作物图像

裁剪图像,你需要点击“庄稼在图像左上角的按钮。

一旦你对自己形象的改变感到满意,点击““保存”下它,然后““更新”在下一个屏幕上。现在,您应该在帖子本身中看到您的新图像。

如果有什么问题,您可以使用“恢复原始图像恢复原始图像”选择权。

恢复原始图像

# 9:如何保持低你的图像文件大小

图像文件越大,加载到您的网页上花费的时间越长。这可能会潜在地影响站点的性能。如果您的网站加载速度非常慢,读者可以简单地放弃去其他地方。

有几种方法可以减小文件大小,包括:

  • 尽可能使用.jpg图像。它们被压缩了,所以他们不一样高质量的其他文件类型。但是对于普通博客文章,图片它们可能看起来不错。注意,如果您有透明的(或部分透明的)图像,虽然,您不能将它们保存为.jpg格式。
  • 调整图像的大小之前上传到WordPress。如果你在你的相机拍照4000 px宽,不要未经编辑就上传到你的博客。对,你可以在帖子中缩小比例(参见_5),但是加载图像仍然需要很长时间。相反,使用图像编辑软件调整照片的大小之前你把它上传到媒体库中。
  • 使用WordPress插件斯穆什调整并优化您过去已经上传的图像的大小。这可以使您的站点明显更快。
  • 使用TinyPNG服务和/或压缩JPEG和PNG图像插件以减少.png图像的大小。(如果您有部分透明的图像,他们可能. png文件。您还应该将.png用于其中包含图形的任何文件。)

#10:如何优化视网膜屏幕的图像

苹果最新的产品有视网膜显示器,它们比普通屏幕具有更高的像素每英寸密度。

正如SitePoint所解释的

视网膜有四倍比标准屏幕像素。如果你有一个400 x 300图像(400,000像素,你需要使用一个800x 600的替代方案(480,000像素)在高密度显示器上渲染。

这意味着如果你想要一个500px乘330px的图像,最好以1000px×660px的图像上传。那样,它可以清晰地显示在视网膜屏幕上。

如果您只是简单地以较大的尺寸将其插入到文章中,那么主题可能自动调整大小并为每个用户(基于他们的设备)正确地显示图像。如果不是,您可以使用WP视网膜2 x插件(这是Barn2媒体中详细解释(3)适当地创建和显示视网膜图像。

我知道有很多和这篇文章。别担心,你不必同时掌握一切。

如果你刚开始写博客,你可能只是想要自信与基本的下载和上传图片到你的博客,然后在适当的位置将它们插入到您的帖子中。

但是如果你已经写了很长时间的博客,你希望拿起今天新技巧或技巧。这周你打算怎么实践??

关于Darren Rowse
Darren Rowse是 William Hill官网博客提示数码摄影学校.更多地了解他 在这里和他联系 推特,, 脸谱网,, Google +LinkedIn.
评论