任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

演示翻译-如何在WordPress中创建更多图像大小(轻松)

是否要在WordPress中创建其他图像大小? 每次你上传一张图片时,WordPress都会自动创建几个不同大小的图片副本。一些WordPress主题和插件也会创建不同大小的副本。 在本文中,我们将向您展示如何在WordPress中轻松创建额外的图像大小,并在您的网站上使用它们。 2.软裁剪模式 正如您在我们的软裁剪示例中看到的那样,我们没有在高度之后添加‘true’值: 3.不限高度模式 有时,您可能想要在网站上使用较长的图像,但限制了它们的宽度。例如,您可能已经为您的商业网站创建了一个信息图。信息图表往往很长,而且通常比内容宽度更宽。 无限高度模式允许您指定一个不会破坏您的布局的宽度,而不限制高度。 完成后,打开默认情况下显示“批量操作”的下拉菜单,然后选择“重新生成所有条目”。 完美图像现在会重新生成你所有的缩略图。 有关此主题的更多信息,请参阅我们关于如何轻松重新生成新图像大小的文章。 我们希望这篇文章能帮助你学习如何在WordPress中创建更多的图像尺寸。你可能还想看看我们的专家精选的最好的Instagram WordPress插件,以及我们关于如何选择最好的网页设计软件的指南。 中国和中国都是如此。

演示翻译-如何在WordPress中使用人工智能生成图像(循序渐进)

你想使用像DALL.E这样的人工智能工具在WordPress中生成图像吗? 人工智能生成的图像可以是一个很好的选择,可以为您的WordPress博客文章生成图像,而不必担心版权问题。 在本文中,我们将向您展示如何使用人工智能在WordPress中生成图像。 现在来看一下这个由DALLE2创建的图稿示例。 这是一个艺术,更丰富多彩,并在漫画风格。 您可以在DALL.E主页上看到可以使用的各种风格、主题和想法。 最好的部分是,你可以自由地在你的博客文章、文章,甚至登录页面上使用这些图片。 话虽如此,让我们来看看如何在WordPress中轻松使用人工智能生成的图像。 我们将使用两种不同的人工智能工具向你展示两种方法,你可以选择最适合你的一种。 在提示字段中键入要生成的图像的文本说明。你可以随心所欲地描述和创造。 点击“给我惊喜”按钮,可以看到一些你可以生成的提示示例。 一旦你点击‘生成’按钮,人工智能将根据你提供的提示生成图像,并向你显示四个结果。 如果你愿意,你可以把它们全部下载到你的电脑上。您还可以单击任何生成的图像进行编辑。 DALL.E中的图像编辑器允许您在中展开框架或平移。您还可以擦除或润色图像的某个区域。 再次点击“生成”按钮,让人工智能根据您的更改重新生成图像。 一旦你把图片下载到你的电脑上,你就可以切换回你的WordPress网站的管理区域。 现在,您可以通过访问媒体»添加新内容佩奇。 你也可以直接将图片添加到你的WordPress帖子和页面中。只需编辑您想要显示图像的帖子或页面。 在POST编辑屏幕上,添加图像块,然后从您的计算机上传图像。 用DALL.E和DECNACY Automator在WordPress中自动生成AI图像 如果你正在寻找一个插件来将DALL.E 2直接集成到你的WordPress网站上,你可以使用Uncanny Automator。 神秘自动化是市场上最好的WordPress自动化工具之一。它支持OpenAI的GPT和Dall-E模型,以便在WordPress中轻松生成AI文本内容和图像。 您可以使用Simple Recipe构建器创建自动化,该自动化使用WPForms提交表单将文本和图像提示发送到GPT和Dall-E。 然后,你就可以在WordPress中创建一个新的帖子了,它会自动从文本和图像生成中提取数据。 例如,您可以使用响应令牌将特色图像设置为您创建的AI图像: 只需点击几下,即可将提交表单中的文本和图像提示转换为新的博客帖子。 Duncanny Automator甚至将Dall-E图像直接添加到您的WordPress媒体库中,因此您不需要手动操作。 有关更多详细信息,请参阅我们的指南,了解如何在WordPress中使用DECNANY Automator创建自动化工作流。 DALL.E 2生成的图像使用什么许可证? 您保留由您向DALL.E 2提供的提示生成的图像的版权。 你可以在任何你想要的地方使用这些图片,包括你的WordPress网站、YouTube视频、电子书、杂志等等。 在此之后,您将能够开始使用IMajin AI生成图像。 只需提供详细的提示符,描述您要生成的图像。 您还可以从样式、艺术家样式、样式修改器过滤器和纵横比列表中进行选择,以进一步自定义提示。 在下面,你可以选择点击“召唤”按钮来启动提示精灵工具。 根据您提供的提示描述,该工具将建议进一步的提示想法,以生成可能的最佳图像。 您可以单击生成按钮来使用建议的提示,或者通过复制建议中的想法来继续编写您自己的提示。 一旦您感到满意,请点击“生成”按钮继续。 该插件现在将开始使用在云上运行的AI工具生成图像。一旦完成,它将显示四种不同的图像供您选择。 在每张图片的下方,你可以找到分享图片、修复人脸(人工智能不擅长生成人脸)或润色图片的选项。 你也可以点击“保存”按钮将图片存储到你的WordPress媒体库中。 要在WordPress帖子和页面中使用图像,只需编辑要添加图像的帖子或页面即可。 在编辑后屏幕上,添加要显示图像的图像块,然后单击媒体库。 接下来,您需要从媒体库中选择先前保存的图像,并为该图像提供Alt文本。 之后,继续并点击“选择”按钮以插入图像。 该插件还附带了一个IMajinn块,你可以将其添加到你的帖子或页面中,并在块编辑器中生成图像。 […]

演示翻译-如何在WordPress中轻松提供缩放图像(循序渐进)

你想在你的WordPress网站上提供缩放图片吗? 初学者经常通过上传图片来降低网站的速度,而不注意图片的大小。提供尺寸正确的图像将在不降低质量的情况下提高您的WordPress性能。 在本文中,我们将向您展示如何在WordPress中轻松提供缩放图像。 话虽如此,让我们来看看如何在WordPress中轻松地提供缩放图像。我们将介绍两种方法: 方法1:使用插件服务缩放图像方法2:手动服务缩放图像 只需确保您的电子邮件地址正确,然后点击‘创建和连接您的帐户’按钮。然后与Optimole的连接将自动发生。您甚至不需要访问其他网站或手动粘贴密钥。 Optimole现在将开始在背景中优化您的图像。它会自动为每个访问者的设备和浏览器选择正确的图像大小,图像将由快速的Optimole云服务CDN提供。 当你点击设置选项卡时,你会看到你的帖子和页面中的图像将自动被Optimole优化和缩放的图像所取代。 这不是即时完成的,因为它是通过CDN完成的,这意味着您的站点不会受到性能影响。 此外,该插件还启用了延迟加载,这意味着页面上当前不可见的图像只有在需要时才会加载。这是减少页面加载时间和提高网站性能的另一种有效方式。 这些设置将在大多数网站上运行良好。然而,你可以使用“高级”菜单上的设置进一步定制Optimole,看看哪种方法最适合你的网站。 如果您对设置进行了任何更改,请不要忘记点击页面底部的“保存更改”按钮。 除了从一开始就得到正确的图片大小,在上传图片之前你还可以做其他的事情,以确保它们不会减慢你的网站速度。 有关更多信息,请参阅我们关于如何优化图像以提高网络性能的指南。 缩放WordPress媒体库中的图像 你知道你可以在WordPress中进行基本的图片编辑吗?WordPress的“编辑图像”功能允许你对图像进行裁剪、旋转、翻转和缩放。 编辑帖子或页面时,您需要单击要编辑的图像。接下来,你应该点击“替换”按钮,然后从菜单中选择“打开媒体库”。 这将打开带有所选图像的WordPress媒体库。 右侧是一个区域,您可以在其中为图像添加Alt文本、标题、标题和描述。你还可以找到一个“编辑图片”链接。 只需点击该链接,即可进入“编辑图像”页面。 在这里,您可以找到图像预览、编辑按钮和其他几个在缩放或裁剪图像时非常有用的选项。 要缩放图像,只需更改右侧“缩放图像”下的“新尺寸”值之一。 例如,这张图像的分辨率非常高,达到2560×1637像素。我们可以通过在第一个‘Scale Image’字段中输入来将其缩小到1200像素的宽度。 您只需更改宽度,因为图像的高度值将自动更改以保持图像的比例。 之后,只需点击“缩放”按钮即可更改图像的分辨率。 请注意,您只能在WordPress中缩小图像。您不能通过增加图像尺寸来放大图像。 有关详细说明,请参阅我们关于如何在WordPress中进行基本图像编辑以及如何裁剪和编辑WordPress帖子缩略图的指南。 在媒体设置中调整图像大小 当你将图片上传到你的网站时,WordPress会自动创建几个不同大小的副本。您可以通过访问设置?媒体在您的WordPress管理区域中的页面。 在这里,您可以轻松更改缩略图、中等大小和大小图像的尺寸。 在某些网站上,您可能需要更多的图像大小,而不仅仅是缩略图、中等大小和大小。你可以按照我们关于如何在WordPress中创建更多图像大小的指南来学习如何创建这些大小。 如果更改默认图像大小或创建其他图像大小,则只有新图像会受到影响。您需要为现有图像重新生成图像大小。 将图像添加到帖子或页面时,可以在页面左侧的块设置中选择图像大小。 我们希望这篇教程能帮助你学习如何在WordPress中提供缩放图像。你可能还想学习如何创建登录页面或查看我们为WordPress提供的社交媒体插件列表。 中国和中国都是如此。

如何在WordPress中轻松添加交互式360度图像

你想把互动的360度图片添加到你的WordPress站点吗? 你可以使用互动的360度图像来创建虚拟旅游,或者让购物者从各个角度看到产品。随着虚拟现实(VR)变得越来越流行,你也可以使用这些图像为你的参观者创造有趣和引人入胜的体验。 在本文中,我们将向您展示如何在WordPress中轻松添加交互式360度图像。 这比让顾客滚动浏览从不同角度展示商品的多张照片更吸引人。 如果你有一个房地产网站,那么你可以使用360张图片来创建虚拟旅游,这样潜在的买家就可以探索这处房产。这有助于说服人们预订预约和参观。 您还可以使用360度图像来创建新的、引人入胜的体验。例如,如果你有一个旅游博客,那么读者可以使用互动图像来探索不同的位置。 话虽如此,让我们看看如何将互动的360度图片添加到你的WordPress博客或网站上。我们将介绍两种方法,您可以使用下面的快速链接跳转到您想使用的方法: 方法1:如何在WordPress2中添加360度互动图像方法2:如何将360度产品图像添加到您的WooCommerce商店 首先,您需要安装并激活算法360插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,没有需要配置的设置,因此您可以直接开始使用该插件。 然而,该插件不能帮助你创建360度图像,只能显示它。这意味着你需要使用智能手机应用程序或网页设计软件来创建图像。 一旦你有了一张360度的图片,只需转到你想要展示互动图片的帖子或页面。 在这里,点击‘+’按钮,并开始输入‘360图像’。当右侧块出现时,单击它以将其添加到页面中。 你现在可以点击‘媒体库’。 接下来,从图库中选择一张360度图像,或者从您的计算机上传一个新文件。 根据360度图像的大小,你可能需要等待WordPress处理它。片刻之后,你将在文章编辑器中看到360度的图像。 然后,你只需点击“更新”或“发布”按钮,即可激活图片。 现在,如果你访问你的WordPress网站,你可以拖动来旋转360度的图像。 如果你有VR耳机,那么你可以点击VR按钮,在虚拟现实中探索360图像。 只需注意,互动图片会让你的网站变慢。话虽如此,你可能想看看我们关于如何提高WordPress速度和性能的终极指南。 测试360度图像在移动设备上的外观和行为也是一个好主意。有关详细说明,请参阅我们关于如何在桌面上查看移动版WordPress站点的指南。 首先,您需要安装并激活SR产品360查看插件。如果你需要帮助,请参考我们关于如何安装WordPress插件的指南。 然后,转到产品vbl.)所有产品然后打开要添加360度图像的产品。 在产品编辑器中,滚动到新的产品360度视图部分。在这里,点击“添加360图片”按钮。 现在,您可以选择要包含在360度动画中的所有图像。 确保按照图像在动画中的显示顺序选择图像。 SR产品360度视图现在将在产品360度视图部分显示所有这些文件。您可以使用拖放操作对图像进行重新排序。 当你对这些图片感到满意时,点击“更新”或“发布”按钮,让这张360度的动画生动起来。 奖金:想要让你的WooCommerce商店更上一层楼吗?尝试使用FunnelKit漏斗构建器和自动化平台在WooCommerce中添加动态追加销售、交叉销售、订单增加和完整销售漏斗。 我们希望这篇文章能帮助你学习如何在WordPress中添加交互式360度图像。你可能还想阅读我们关于如何免费获取虚拟商务电话号码的指南,以及我们为所有网站提供的必备WordPress插件列表。 中国和中国都是如此。

如何添加不在WordPress图像上单击鼠标右键

您想不给您的WordPress图像添加右击吗? 如果你是一名摄影师、艺术家或内容创作者,那么你可能会担心别人会窃取你的图片。虽然很难完全阻止图片盗窃,但你可以让人们更难从你的网站上窃取图片。 在这篇文章中,我们将向你展示如何在WordPress图片和图库上添加鼠标右键。 默认选项应该适用于大多数用户,但仍然值得检查是否需要进行任何更改。特别是,这些设置可以帮助您堵住人们可能用来绕过无右键保护的任何漏洞。 开箱即用,该插件禁止拖动图像,这样用户就不能通过将图像拖到桌面或其他选项卡上来复制图像。考虑到这一点,我们始终建议选中“禁用图像拖拽”。 禁止右击图片还会禁用触摸和手势事件,这可以阻止人们在使用这些动作的设备上窃取图片。但是,如果您将图像用作链接或按钮,或者如果您的访问者使用手势(如前后图像)与您的图片进行交互,则可能会出现问题。 如果你确实遇到了问题,你可以通过取消选中“禁用触摸事件”和“禁用手势事件”来重新启用对触摸事件和手势的支持。 默认情况下,访问者仍然可以打开上下文菜单,并将您的图像保存在苹果设备上。 话虽如此,你可能需要勾选“禁用苹果设备上的上下文菜单”旁边的框。这为iPhone和iPad上的图片添加了一种风格,可以阻止用户打开苹果上下文菜单并窃取你的图片。 当你对插件的设置感到满意时,别忘了点击“保存更改”来保存你的设置。 您现在可以注销您的WordPress管理员帐户并访问您的网站。然后,只需用鼠标右键点击任何图片,即可检查插件是否正常工作。 您需要做的第一件事是安装并激活Envira Gallery插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,请转到环境画廊?设置并输入您的许可证密钥。 您可以在Envira Gallery网站上的您的帐户下找到这些信息。 完成这些操作后,请点击“验证密钥”。 接下来,前往环境画廊?加载项佩奇。在这里,找到保护插件并点击它的‘安装’按钮。 当你看到“非活动”滑块时,点击一下,它就会显示为“活动”。 之后,您就可以开始创建受保护的图片库了。 要开始,请转到环境画廊?添加新内容页面,然后键入您的图库的名称。 这只是你的参考,所以你可以使用任何可以帮助你在你的WordPress仪表板上识别图库的东西。 现在,您可以向图库中添加图像了。你可以点击“从你的电脑选择文件”或“从其他来源选择文件”,然后从WordPress媒体库中选择图片。 之后,滚动到“当前在您的图库中”部分,然后点击“其他”标签。 在“图像保护设置”下,选中“启用图像保护”旁边的框。 这将禁用所有环境图库的右键单击操作。 如果访问者试图右击某个图库,您可能希望在WordPress网站上显示一个弹出窗口。例如,您可能会让此人知道您的图像受版权保护,未经您的许可无法下载。 如果你在出售你的数码艺术品或照片,那么你甚至可以使用弹出窗口在你的在线商店上获得更多的销售。 要创建弹出窗口,请选中“Enable Popup Alert”旁边的框。 然后,您可以输入标题和消息。 默认情况下,访问者会点击“确定”按钮关闭弹出窗口。 您可以通过在“Button Text”字段中键入内容,将“OK”替换为您自己的自定义消息。 如果您对图库的设置感到满意,请单击“发布”以保存您的设置。 要将图库添加到您的网站,只需编辑要在其中显示图像的帖子或页面,然后单击‘+’图标。 在弹出窗口中,输入‘Envira Gallery’,然后在出现的时候点击右边的区块。 这会将Envira Gallery块添加到页面。 现在,您可以打开下拉菜单并选择您刚刚创建的图库。 如果你对页面的外观很满意,可以点击“发布”或“更新”来激活受保护的图库。 这会将页面内容复制到一个文件中,包括所有图像。 人们甚至可以使用浏览器的查看源代码或检查工具直接访问图像文件,而不需要右击。 考虑到这一点,你不应该认为禁用鼠标右键就足以保护你的图像安全。 另一方面,一些访问者可能有真正的理由需要下载你的图片。例如,他们可能想要与潜在的未来客户分享您的工作,或者将其发布到社交媒体上。 你甚至可能允许人们以特定的方式重复使用你的图像,比如在非营利性网站上使用你的数字艺术作品。在这种情况下,禁用右键可能会阻止真正的用户访问您的图片,这是一种糟糕的访问体验。 如果你没有在你的网站上添加右击,那么我们建议给人们一种简单的方式来请求访问你的图片。您可以通过使用WPForms等插件将联系人表单添加到WordPress来实现这一点。 如果你的访问者可能需要立即访问,那么你也可以在你的网站上添加实时聊天。这使得人们可以发送他们的请求并实时得到回应,这是一种很棒的用户体验。 这是一个很好的开始,但在每个纯文本图像的下方添加版权声明也是一个好主意。这会阻止人们窃取你的照片,而不会影响照片在你网站上的外观。 一些访问者只是简单地认为他们可以下载和重复使用他们在网上看到的任何图片。通过添加版权声明,您可以澄清任何困惑,并阻止人们犯下这个无辜的错误。 2.在您的图像中添加水印 另一种选择是在您的图像中添加水印。这对于库存摄影网站非常有效,因为访问者希望看到水印,但您的图像可能看起来并不是最好的。 对于一些网站来说,这可能是一个问题,特别是如果你是一名摄影师或数字艺术家,正在宣传他们的作品。 […]

如何在WordPress中为图像添加放大缩放

你想为WordPress中的图片添加类似亚马逊的放大缩放功能吗? 添加缩放功能将允许用户看到他们在正常大小的图像中看不到的细节。 在本文中,我们将向您展示如何轻松地在WordPress中为图像添加放大缩放。 您可以从圆形、正方形和缩放窗口镜头形状中进行选择。你甚至可以选择一个‘无镜头’(⨯)选项,如果你不想使用一个形状放大效果。 选择您的首选镜头后,您需要向下滚动到下一步,在该步骤中,您可以使用选定的镜头预览图像,以查看其工作原理。该插件有一个预览图像,您可以使用它来测试您的更改。 接下来,您需要切换到“常规”标签。 从这里,您可以选择光标类型、设置动画效果、启用鼠标悬停或鼠标单击时的缩放,以及定义缩放级别。 如果你想要更多的选择,一些功能只有专业版本的可湿性粉剂图像缩放插件可用。 做出相应的选择后,只需从顶部转到“镜头”标签即可。 如果您在步骤1中选择了“圆形”或“方形”镜头,您现在可以配置镜头大小、镜头颜色、镜头边框选项等设置。 如果你选择了缩放窗口镜头,那么你需要切换到‘缩放窗口’的配置标签。 从这里,您可以更改缩放窗口的宽度和高度、位置、与主图像的距离、边框颜色等。 接下来,您只需点击“保存更改”即可存储您的设置。 之后,您所要做的就是配置一些常规设置。 配置常规插件设置 接下来,您需要切换到插件设置下的常规设置选项卡。 从这里,您现在可以启用缩放WooCommerce产品图像、缩略图、移动设备、附件页面、产品类别页面等功能。 您只需选中这些选项旁边的框即可。 您还可以删除LightBox效果,以便用户可以流畅地缩放图像。 但是,您需要该插件的专业版才能实现此功能。 如果你不打算删除图片的Lightbox,那么你需要向下滚动到‘Enable Inside a Lightbox’选项,并选中它旁边的框。 注:您可以看到支持的Lightbox,以确保站点上的Lightbox内的缩放效果良好。 一旦你完成了设置的调整,别忘了点击“保存更改”按钮来保存你的设置。 现在将为WooCommerce产品启用放大缩放功能。 您可以访问您的在线商店来查看我们的缩放功能。 然而,如果你想对WordPress帖子和页面上的图片启用缩放功能,你需要遵循下面的步骤。 步骤3.在块编辑器中启用图像放大缩放 默认情况下,不会为帖子和页面上的图像启用放大缩放。在将图像添加到您的内容后,您需要手动执行此操作。 首先,需要在块编辑器中打开要编辑的帖子。 接下来,您需要从媒体库或您的计算机将图像上传到该帖子。 一旦你这样做了,只需点击图片,在屏幕右下角打开它的“阻止设置”面板。 从这里,只需转到“Styles”选项卡,然后单击“With Zoom”按钮,即可对您的图像进行放大缩放。 之后,只需点击顶部的“更新”或“发布”按钮即可存储您的设置。 缩放功能在您的站点上将如下所示: 注:每次要将缩放效果添加到单个图像时,都需要重复此步骤。 我们建议使用高质量的图像来实现缩放功能,以获得更好的效果。高质量的图片通常文件较大,加载时间也较长,这会影响您的网站速度和性能。 要解决这个问题,你需要在将图片上传到WordPress之前针对网络进行优化。 我们希望这篇文章能帮助你学习如何在WordPress中为图片添加放大缩放。你可能还想看看我们关于如何为搜索引擎优化图片的指南,以及我们推荐的最佳图片压缩插件。 中国和中国都是如此。

如何在WordPress中使用导航菜单添加图像图标

是否要将图像图标添加到WordPress导航菜单? 图片可以帮助访问者一目了然地了解网站的导航。您甚至可以使用图标来突出显示菜单中最重要的内容或行动号召。 在本文中,我们将向您展示如何在WordPress的导航菜单中添加图像图标。 如果你的菜单有很多不同的选项,那么图像图标可以让访问者更容易地扫描内容并找到他们想要的东西。这可能是一种增加页面浏览量和降低WordPress跳出率的简单方法。 您甚至可以使用图像图标来突出显示最重要的菜单项,例如您的在线市场中的Checkout链接。 通过突出显示菜单中的行动号召,您通常可以获得更多注册、销售、会员和其他转换。 话虽如此,让我们看看如何将图片图标添加到WordPress导航菜单中。只需使用下面的快速链接,即可直接跳转到您要使用的方法: 方法1:使用插件将图像图标添加到导航菜单(快速而简单)方法2:使用代码将图标添加到WordPress菜单(更具定制化) 如果你已经在你的网站上设置了字体,那么你可以使用菜单图像轻松地将这些图标添加到你的导航菜单中。有关如何安装Font Awesom的更多信息,请参阅我们关于如何轻松地将图标字体添加到WordPress主题的指南。 另一种选择是使用WordPress媒体库中的图像或图标。 您需要做的第一件事是安装并激活菜单图像插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,请单击菜单图像在WordPress仪表板中。在此屏幕上,您可以选择是否接收安全和功能通知,或单击“跳过”按钮。 这将把你带到一个屏幕,在那里你可以配置插件的设置。首先,您将看到可以用于图像图标的所有不同大小。 如果您计划使用字体强大的图标或仪表盘图标,则菜单图像将自动调整它们的大小。但是,如果您使用媒体库中的图像,则需要手动选择大小。 该插件支持默认的WordPress图像大小,如缩略图、图像和大图。它还添加了默认情况下设置为24×24、36×36和48×48像素的三个唯一大小。 这些设置应该适用于大多数网站,但您可以通过在第一、第二或第三菜单图像大小中输入不同的数字来使图标变大或变小。 当你在菜单中添加图标时,默认情况下你会看到一个“鼠标悬停时的图像”字段。这允许您在访问者将鼠标悬停在菜单项上时显示不同的图标。 请注意,此设置仅在您使用自己的图像时才可用。如果你打算使用仪表盘图标或字体精美图标,你不必担心‘悬停图像’功能。 显示不同的图标可以帮助访问者查看他们在导航菜单中的位置。如果您的菜单有许多不同的项目,这一点尤其有用。例如,您可以使用不同的颜色或图标大小来突出显示当前选定的项目。 如果你想创建不同的悬停效果,那么一定要勾选“在悬停区域启用图像”。 完成此操作后,请单击“保存更改”以存储您的设置。 要将图标添加到导航菜单,请转到外观»菜单。默认情况下,WordPress会显示你网站的主菜单。 如果您想编辑不同的菜单,只需打开“选择要编辑的菜单”下拉菜单,然后从列表中选择一个菜单即可。之后,点击“选择”。 现在,将鼠标悬停在要添加图标的第一个菜单项上。当“菜单图像”出现时,点击一下。 现在,您可以决定是使用自己的图像,还是选择现成的图标,如Font Awese图标。 要使用现成的图标,请点击“图标”旁边的单选按钮。 然后,您可以单击以选择任何仪表盘图标或字体超赞图标。 你想用你自己的图片来代替吗?然后选择“图像”旁边的单选按钮,并点击“设置图像”链接。 现在,您可以从WordPress媒体库中选择图像,也可以从您的计算机上载新文件。 如果你选中了插件设置中的“启用悬停图像字段”,那么你还需要点击“将图像设置为悬停图像”。 现在,选择当用户将鼠标悬停在此菜单项上时要显示的图像。 有时,您可能希望忽略此设置,而无论如何都显示相同的图标。要做到这一点,点击“在悬停时设置图像”,然后选择完全相同的图标。 如果不选择图像,则当访问者将鼠标悬停在其上时,该图标将完全消失。 之后,打开图像大小下拉菜单并从列表中选择一个大小。 对所有图标使用相同的大小往往会使菜单看起来更有条理。然而,有时在最重要的项目上使用较大的图标是个好主意。 例如,如果你使用像WooCommerce这样的插件创建了一家在线商店,那么你可以使用一个更大的图标来表示“Checkout”,这样它就会显得很突出。 当您对图标感到满意时,就可以查看菜单项的标签了。默认情况下,插件在图标后显示标题标签。 要更改这一点,请选择“标题位置”部分中的任一单选按钮。 另一种选择是完全删除导航标签,并创建一个仅图标菜单。如果你的菜单上有很多菜,这会让它看起来不那么凌乱。 然而,只有当每个图标的含义显而易见时,您才应该隐藏标签。如果不清楚,那么访问者将很难浏览您的WordPress博客或网站。 若要继续并隐藏标签,请选中“无”旁边的单选按钮。 如果您对菜单项的设置感到满意,请点击“保存更改”。 要将图标添加到其他菜单项,只需按照上述相同过程操作即可。 完成后,别忘了点击“保存菜单”按钮。现在,如果你访问你的WordPress网站,你会看到更新后的导航菜单。 在你开始之前,继续上传你想要作为你的图标的所有图片文件。这些可能是库存照片、在线找到的免版税图像或使用Canva等应用程序创建的定制图形。 将每个图片添加到WordPress媒体库后,确保复制其URL并将其粘贴到记事本之类的文本编辑器中。在下一步中,您将需要所有这些链接。 要找到图片的URL,只需在WordPress媒体库中选择它,然后查看“文件URL”字段。 有关更详细的说明,请参阅我们关于如何获取您在WordPress中上传的图片的URL的指南。 在那之后,你需要去外观»菜单。 接下来,打开“选择要编辑的菜单”下拉菜单,然后选择要在其中添加图像图标的菜单。 在此之后,继续并点击“选择”。 接下来,你需要通过点击“屏幕选项”来启用定制的css类。 在出现的面板中,选中“css类”旁边的框。 […]

如何在WordPress中查找和插入知识共享许可图像

您想在您的网站上使用知识共享授权的库存照片和图像吗? 确保您拥有在博客帖子中使用图片的权限是很重要的。幸运的是,有数百万个Creative Commons授权的图像可以免版税使用。 在本文中,我们将向您展示如何在WordPress中查找和插入Creative Commons许可的图像。 或者,您也可以通过导航到直接将图像添加到媒体库中媒体»即时图像。 现在,您可以单击页面顶部的一个库名。之后,只需搜索您想要添加到WordPress的图像类型。您可以使用下拉菜单对图像进行排序或过滤。 在上面的例子中,我们在Unspash中搜索“番茄”,找到了2213张图片。 要将图像添加到媒体库中,只需单击它即可。该图像将与标题和摄影师提供的一些默认Alt文本一起添加。 现在,您可以照常将图片添加到您的帖子中。 获取Pexels API密钥 第一次单击Pexels按钮时,您会看到一个弹出窗口,要求您输入API密钥。首先,点击“获取API密钥”链接,注册一个免费的Pexels账户。 注册后,您需要点击屏幕顶部的用户图标。 然后,您应该从下拉菜单中选择‘Image&Video API’。 接下来,您需要点击‘Your API Key’(您的API密钥)按钮。这将把你带到一个表单,在那里你可以让Pexels知道你将如何使用他们的图像。 您还需要选中复选框以同意服务条款和API指南。 最后,将显示您的API密钥。 您需要将密钥复制到剪贴板,然后返回到您的网站。 您应该会看到与以前相同的弹出窗口。只需将API密钥粘贴到该字段中,然后单击验证按钮。 您现在可以从Pexels插入知识共享许可的图像。 当您单击图像块时,其设置将显示在左窗格中。 在“选择新图像”下,您将看到两个按钮,一个用于添加您自己的图像,另一个用于添加库存图像。 您需要点击“使用库存图像”按钮。 这将调出SeedProd库存图片库的搜索表单。 只需输入您的搜索词来查找您需要的图像,然后点击“搜索”按钮。 现在,您将看到每个匹配图像的预览。 只需点击想要添加到页面的图像即可。 现在,您可以使用SeedProd的图像设置来添加Alt文本、更改图像的大小和对齐方式或添加链接。 您可以通过点击“模板”选项卡并选择一种样式来更改图像的样式。 这些模板会更改图像的边框和间距。 您可以在“高级”选项卡上找到其他选项。 重要的是,你要给予适当的图像信用,以遵守版权法,避免侵犯他人的权利。 这样做可以保护你免于法律问题和责任,也是一种尊重其他人的工作和创造力的方式。 如果你不确定是否需要给出归属,那么你应该仔细检查图片的知识共享许可证的措辞。 我们也很容易相信造物主的功劳。在下面的图片中,您可以看到知识共享属性只是包含在图片标题中。欲了解更多信息,请参阅我们关于如何在WordPress中添加图像字幕的指南。 Creative Commons建议您包括: 图片的标题作者的姓名及其个人资料页面的链接图片的来源与原始照片的链接使用的许可证与许可证契据的链接 我们希望这篇教程能帮助你学习如何在WordPress中找到并插入知识共享授权的图片。你可能还想学习如何创建一个定制的Instagram订阅源,或者看看我们关于如何增加博客流量的小贴士清单。 中国和中国都是如此。

如何在WordPress中的图像上添加文本(3种方法)

是否要在WordPress中的图像上添加文本? 文本覆盖是提供有关图像的额外信息的一种很好的方式。这也是一种创建横幅、标题甚至在线广告的快捷方式。 在本文中,我们将向您展示如何在WordPress中的图像上添加文本。 默认情况下,封面块具有占位符图像和一些占位符文字。 要替换默认图像,只需单击选择图像即可。一旦你完成了这一点,点击‘更换’按钮。 如果你想使用WordPress媒体库中已有的图片,只需点击“打开媒体库”即可。然后,您可以选择现有图像。 如果你想上传一张新的图片,那么点击‘上传’。 这将打开一个窗口,您可以在其中选择计算机中的任何文件。 选择图像后,您可以使用块设置来创建一些有趣和醒目的效果。例如,您可以在访问者滚动页面时将图像固定在适当的位置,或向图像添加颜色覆盖。 如果你使用的是覆盖图,那么你可以通过使用‘不透明度’滑块来改变它的不透明度。不透明度设置控制背景图像的透明度。 当您对图像的外观感到满意时,就可以添加一些文本了。 默认情况下,封面块有一个标题和一个段落块,您可以在其中将文本添加到图像顶部。 要添加一些文本,只需单击以选择标题或段落块。然后,继续输入您要使用的文本。 当您在图像顶部添加文本时,该文本有时可能很难阅读。对于任何视力不佳的游客来说,情况尤其如此。要了解更多信息,请参阅我们关于如何提高WordPress站点的可访问性的指南。 话虽如此,您可能希望设置文本的样式,使其更易于阅读。 如果您正在使用标题块,那么您还可以尝试不同的标题样式,以查看哪种样式最容易阅读。 您还可以通过使用对比色来帮助您的文本突出显示。 若要选择不同的颜色,请选择右侧菜单中的“块”标签。然后,继续并点击‘颜色’来展开这一部分。 一旦你完成了这项工作,点击“文本”。这将打开一个弹出窗口,您可以在其中为块中的所有文本选择新颜色。 通常,较大的文本更易于阅读。 若要使文本更大,请继续并单击“大小”旁边的字段,然后在该字段中键入更大的数字。 一旦你对封面栏的外观感到满意,你就可以照常发布或更新你的页面。现在,如果你访问你的WordPress网站,你会在图片的顶部看到你的文字。 然后你可以从你的电脑上传一张图片,或者点击“媒体库”从WordPress媒体库中选择一张图片。 选择图像后,您可以按照上述相同过程更改其焦点、添加覆盖和更改不透明度。 你也可以尝试不同的“固定背景”和“重复背景”滑块,看看哪一个最适合你的图像块。 如果您对图片的外观满意,只需点击“在图片上添加文本”按钮即可。 这将添加一个您可以在其中键入文本的区域。 根据你的形象,访问者可能很难阅读你的文本。在这里,按照上述相同的过程将文本设置为粗体或更改其颜色可能会有所帮助。 你也可以让你的文字变大。 要做到这一点,请在右侧菜单中找到“大小”部分。然后,您可以继续点击不同的数字来放大或缩小您的文本。 如果您对文本和图像的外观感到满意,请继续,然后单击“保存草稿”、“更新”或“发布”来保存更改。 您现在可以将此密钥粘贴到WordPress管理区SeedProd»设置佩奇。 一旦您在这里,继续并粘贴您的密钥到‘许可证密钥’字段。 然后你只需点击“验证密钥”即可。 之后,我们将前往种子产品vbl.)登录页面并点击“添加新登录页面”。 您的下一个任务是选择一个模板,它将是您的页面的起点。无论您选择哪种SeedProd模板,您都可以自定义模板的每个部分,以完美地适合您的网站和品牌。 如果你喜欢从空白画布开始,那么你可以点击‘空白模板’。 在我们所有的图片中,我们使用了美味的挤压页面模板,这是获得更多订阅者活动的完美选择。 找到可能需要使用的模板后,将鼠标悬停在其上。然后你可以点击“预览”图标。 这将显示模板的预览。 如果您对此模板的外观感到满意,请继续并单击“选择此模板”按钮。 在“页面名称”字段中,输入页面的名称。 默认情况下,SeedProd将使用此名称作为页面的URL。如果您想更改这个自动创建的URL,只需编辑“Page URL”字段中的文本即可。 如果您对输入的信息感到满意,请单击“保存并开始编辑页面”按钮。这将在SeedProd的拖放编辑器中打开模板。 在左侧菜单中,您将看到可以通过拖放添加到页面的所有块和部分。 除非您使用的是空白模板,否则您的SeedProd页面将已经有一些块和部分。要编辑这些内容中的任何内容,只需单击以选择块或部分。 SeedProd的左侧菜单现在将显示您可以用来自定义此区块或区段的所有设置。正如您在下图中所看到的,如果您单击标题块,则可以更改此块中显示的文本。 在图像顶部添加文本的最简单方法是使用SeedProd的现成英雄部分之一。 这些部分具有占位符背景图像,并在顶部添加了一些占位符文本。您只需用自己的内容替换默认的背景图像和文本即可。 要开始使用,请点击SeedProd左侧菜单中的‘Sections’标签。 然后你可以点击“英雄”来查看所有现成的英雄部分,你可以添加到你的页面上。 要预览这些部分模板中的任何一个,只需将鼠标悬停在模板上,然后单击放大镜图标。 若要继续并将此英雄部分添加到您的设计中,只需点击“选择此部分”。 接下来,您需要将模板的原始图像替换为您自己的图像。要做到这一点,只需单击股票图像以将其选中。 […]

如何修复WordPress中图像后处理失败的错误

你在WordPress中看到‘图像后处理失败’错误了吗? 此错误通常发生在您使用内置媒体上传器将图像文件上载到WordPress时。 在这篇文章中,我们将向你展示如何轻松修复WordPress中“图像后处理失败”的上传错误。 幸运的是,这个WordPress错误消息提供了相当多的细节。它会告诉您在WordPress中对图像进行后处理时出现了问题,并提示您的Web服务器可能有问题。 错误消息还建议了一种可能的解决方案。它建议你上传一张最长尺寸不超过2500像素的较小图片。 话虽如此,让我们来看看如何修复WordPress中“图像后处理失败”的错误。 如果您的WordPress托管公司不允许您增加内存限制,那么您可能需要切换到托管的WordPress托管提供商,如SiteGround或WPEngine。 接下来,您需要为您的代码片段添加标题,并将上面的代码粘贴到“代码预览”框中。别忘了从屏幕右侧的下拉列表中选择‘PHP代码片段’作为代码类型。 之后,只需将开关从“非活动”更改为“活动”,然后点击“保存代码片段”按钮。 添加此代码后,您应该再次尝试上载图像。 我们希望这篇教程能帮助你学习如何修复WordPress中“图像后处理失败”的错误。你可能还想看看我们关于如何在WordPress中开始播客的指南,以及我们关于如何在WordPress中轻松创建临时站点的详细教程。 中国和中国都是如此。

如何更改WordPress JPEG图像压缩

最近,我们的一位读者询问是否可以更改WordPress中的图像压缩设置。 默认情况下,WordPress会压缩您的图像以获得更好的性能。然而,这将导致质量略有下降。 在本文中,我们将向您展示如何在WordPress中增加或减少JPEG图像压缩。 每次你上传一张JPEG图片到你的WordPress网站,它会自动将图片压缩到90%的质量。在WordPress 4.5中,这一数字进一步减少到82%,以提高移动用户的网站性能。 如果你是一名摄影师,想要在你的网站上展示高质量的图像,那么你可以在WordPress中关闭图像压缩。 为了简单起见,我们制作了一个视频教程,教你如何改变WordPress的JPEG图像压缩,你可以在下面观看。 当您将该值设置为100时,这意味着WordPress会以最高质量压缩图像。 如果你不是摄影师或艺术家,那么你可能看不出有太大的质量差异。但对于那些每天都在处理高质量图像的人来说,质量上的差异是显而易见的。 在进行这些图像质量更改时,您还需要确保重新生成缩略图。 我们希望本文能帮助您了解如何在WordPress中更改JPEG图像压缩。你可能还想看看我们关于如何在WordPress中创建联系人表单的指南,或者我们的专家精选的最佳Instagram WordPress插件。 中国和中国都是如此。

如何在WordPress中修复图像的色彩和饱和度损失

最近,我们的一位读者向我们询问了一种防止WordPress中图像颜色和饱和度损失的方法?这是许多上传照片和图片的WordPress用户面临的常见问题。在这篇文章中,我们将向你展示如何在WordPress中修复图像颜色和饱和度损失。 为什么有些图片在WordPress中会失去色彩和饱和度? 许多摄影师使用Adobe的RGB颜色空间拍摄照片,该颜色空间具有更多的颜色并提供更好的效果。 然而,像WordPress这样的大多数网络应用程序都使用RGB色彩空间。当你上传你的图片时,WordPress会创建几种图片大小。这些图像使用的RGB颜色空间的颜色比Adobe的RGB格式少。 WordPress还对调整大小的图像进行压缩,这也可能会导致轻微的质量损失。以下是增加或减少WordPress jpeg图像压缩的方法。 使用Adobe sRGB色彩空间捕获的图像更有活力,并以高色调准确显示颜色。当被WordPress转换时,这些鲜艳的颜色会被略微柔和的色调取代。 话虽如此,让我们看看如何在WordPress中防止这种图像颜色和饱和度的损失。 修复WordPress中图像的色彩和饱和度损失 解决这个问题的最简单方法是在上传到WordPress之前将图像转换为RGB颜色空间。这可以使用Adobe Photoshop轻松完成。 方法一: 在Adobe Photoshop中打开您的图像,然后单击文件»保存为网络…格式。 这将弹出保存为Web格式的对话框,您可以在其中选中该框以将图像转换为RGB格式并保存。您还可以在图像中嵌入颜色配置文件。虽然它不会对浏览器阅读图像产生太大影响。 方法二: 如果您对第一种方法的结果不满意,请使用此方法。 在Adobe Photoshop中,转到编辑»颜色设置。这将调出颜色设置对话框。 您需要从设置下拉菜单中选择‘North America Web/Internet’。接下来,在色彩管理策略部分,选择要转换为工作RGB的RGB。之后,点击OK按钮保存您的设置。 现在,您需要打开要上载的原始照片或图像。如果工作空间配置文件不匹配,Photoshop将显示一条警告,并询问您该怎么办。 您应该选择“将文档的颜色转换为工作区”,然后单击“确定”。您的照片的颜色配置文件现在可以更准确地转换。现在,您可以保存图像以保留您的更改。 对要上载的所有图像重复该过程。现在你可以在WordPress中安全地上传这些转换后的图像,而不会丢失任何颜色或饱和度。 用GIMP修复WordPress中的色彩和饱和度损失 Gimp是Adobe Photoshop强大的免费替代品。你可以用它来转换你的WordPress上传的色彩空间。 GIMP基本上会检测你试图打开的每个图像,看看它是否嵌入了颜色配置文件。如果您的图像是Adobe sRGB颜色空间,则GIMP将自动显示一个对话框来转换它。 有时,图像可能没有嵌入颜色配置文件,或者GIMP可能无法正确读取它。在这种情况下,您将需要手动更改颜色空间。 首先,你需要知道你的照片可能使用的是什么颜色空间。我们假设它是Adobe sRGB,但它可能不同。如果你不确定的话,检查一下你的相机设备,找出这个问题。 GIMP没有内置Adobe sRGB配置文件。您需要将Adobe sRGB ICC配置文件下载到您的计算机。 选择您的操作系统,然后按照屏幕上的说明进行操作。您将能够以压缩文件形式下载ICC配置文件。解压压缩文件,在其中您将注意到Adobe RGB1998.icc文件。 下载ICC配置文件后。只需使用GIMP打开您的图像,然后单击图像»模式»指定颜色配置文件…。这将弹出一个如下所示的对话框: 单击下拉菜单,然后找到您先前下载的ICC配置文件。点击Assign(分配)按钮进行应用。 一旦您应用了颜色配置文件,GIMP现在可以安全地将其转换为RGB,而不会丢失颜色。只需点击图像»模式»转换颜色配置文件… GIMP现在会将颜色配置文件转换为RGB,您可以保存图像。对你想要上传到WordPress的其他图片重复这个过程。 我们希望这篇文章能帮助你修复WordPress中的图像颜色和饱和度损失。你可能还想看看我们关于防止WordPress中图片被盗的4种方法的指南。 而且.。

如何在WordPress中禁用图像附件页面(两种方法)

是否要禁用WordPress中的图像附件页面? 图片附件页面通常看起来不完整,如果访问者查看这些页面,可能会给人留下不好的印象。许多访问者会干脆离开,而不是试图找到附件本身或其父帖子。 在这篇文章中,我们将向你展示如何在WordPress中禁用图片附件页面,并将它们重定向到父帖子。 第一个设置是“重定向附件URL”。您可以完全禁用该设置,也可以重定向到附件页或附件父页。 我们建议重定向到“附件家长”页面。这样,当用户登录到图片附件页面时,他们会被重定向至您的文章。 注:如果媒体或图像没有父页面,这意味着它没有上传到帖子或页面,那么AIOSEO将显示图像的附件页面。 选择您的首选设置后,只需在退出屏幕之前单击“保存更改”即可。 您将被带到“编辑代码片段”页面,在那里所有的设置都是自动为您设置的。 你所需要做的就是将开关切换到“活动”,然后点击“更新”按钮。 现在,当用户登陆你的图片附件页面时,他们会被重定向到父帖子。如果没有该图片的家长帖子,则用户将被重定向至该站点的主页。 我们希望这篇文章能帮助你禁用WordPress中的图片附件页面。你可能还想看看我们的图片SEO初学者指南,以及我们关于如何在WordPress中修复常见图片问题的指南。 中国和中国都是如此。

如何在WordPress中添加图像悬停效果(循序渐进)

您想了解如何在WordPress中添加图像悬停效果吗? 悬停效果可以让你的网站更具互动性和吸引力,这会让人们在你的网站上停留更长时间。你甚至可以使用翻页框和其他悬停效果来以一种引人注目的方式显示信息。 在本文中,我们将一步一步地向你展示如何在WordPress中添加图像悬停效果。 创建FlipBox的最简单方法是使用Flipbox-Awesome Flip Box图像叠加。这个免费的插件有几种不同的Flipbox样式,以图像、文本和行动号召按钮的组合为特色。 您需要做的第一件事是安装并激活Flipbox插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 一旦插件安装并激活,您就可以通过转到创建第一个FlipBox。翻转框»新建。 这将显示您可以使用的所有不同模板。 要选择一种设计,请继续并点击它的“创建样式”按钮。 在出现的弹出窗口中,输入FlipBox设计的名称。这只是你的参考,所以你可以用任何你想要的东西。 您还可以通过单击第一个、第二个或第三个来选择要使用的布局。 选择动画框样式后,您可以更改字体、填充和页边距。 然后,您可以将文本、图像和图标添加到动画框的两侧。 当你对翻转框的外观满意时,你可能想要通过点击‘添加新的翻转框’部分中的‘+’来添加更多的框。 这允许您创建多个具有相同样式的翻转框,然后将它们组织成列和行。 例如,您可以为每个定价方案创建一个Flipbox。 然后,购物者可以将鼠标悬停在计划上,以查看成本。 当你对Flipbox感到满意时,你可以使用插件自动提供的短代码将它添加到任何页面、帖子或小部件就绪的区域。 有关逐步说明,请参阅我们关于如何创建Flipbox覆盖和悬停的指南。 缩放效果还可以为您的站点添加更多的交互和参与度。 例如,您可以创建简单的谜题和游戏,挑战访问者在您的图像中发现小细节。这可以让他们在你的网站上停留更长时间,这将增加你的页面浏览量,降低跳出率。 为您的图像添加图像缩放和放大效果的最简单方法是使用可湿性粉剂图像缩放插件。 这个插件允许你定制整个WordPress网站的缩放效果。然后,您可以对任何图像启用缩放。 我们将在本指南中使用免费版本,但如果你想要更多的定制选项,你可能想要查看WP Image Zoom Pro。 首先,你需要安装并激活WP图像缩放插件。有关详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。 激活后,您需要前往WP图像缩放»缩放设置WordPress管理侧边栏的页面。如果尚未选中,请点击“缩放设置”。 首先,你可以选择几种不同的镜片形状。 您还可以选择光标类型、设置动画效果、启用鼠标悬停或鼠标单击时的缩放,以及定义缩放级别。 如果您对缩放设置感到满意,则可以将效果添加到任何图像。在WordPress内容编辑器中,单击以选择要添加缩放效果的图像。 在右侧菜单中,选择“With Zoom”按钮。 如果你使用的是WooCommerce,那么你可以在插件的设置中对你的所有产品图像进行缩放。如果您想要在整个在线商店中启用缩放,而不必单独更新每个产品,则这是理想的选择。 在‘常规设置’选项卡中,选中‘启用缩放…’盒子,客户将能够放大任何产品的形象。 有关更多细节,请参阅我们关于如何在WordPress中为图像添加放大缩放的指南。 与其他一些动画不同的是,鼠标悬停时的淡出图像效果很微妙,因此它不会对访问者的阅读体验或您所做的任何图像优化产生负面影响。这使得它成为包含多个图像或高分辨率文件的页面的最佳选择。 为图像添加淡入淡出效果的最简单方法是使用WPCode。这个免费的插件允许你轻松地在WordPress中添加自定义代码,而不必编辑你的主题文件。 有关更多信息,请参阅我们关于如何在WordPress中淡出鼠标悬停图像的指南。 在本指南中,我们将选择“字幕效果”,即在图像上添加动画文本。 您可以创建所需的任何类型的悬停效果,尽管您看到的选项可能会有所不同。 点击“字幕效果”后,你会看到你可以使用的所有不同的风格。 只需将鼠标悬停在样式上即可查看动画外观的预览。 当你找到一个你喜欢的风格,点击它的‘创建风格’按钮。 这将打开一个弹出窗口,您可以在其中选择要使用的确切布局。只需继续,然后单击第一、第二或第三。 完成后,在“姓名”栏中输入一个标题。本文仅供参考,因此您可以使用任何可以帮助您在WordPress仪表板中识别动画图像的工具。 之后,点击“保存”。 这会将您带到一个屏幕,您可以在其中自定义悬停效果。这包括更改内容的宽度和高度、增加填充和添加框阴影。 当您进行更改时,实时预览将自动更新,因此您可以尝试不同的设置来查看哪种设置看起来最好。 对于某些悬停效果,您可以更改效果方向。 例如,在下图中,我们正在更改“百叶窗”效果的方向,使其向右移动。 你也可以通过拖动“效果时间”滑块来使效果变得更快或更慢。如果使用更大的数字,则效果将持续更长时间。如果将数字设置得更小,则效果会更快、更短。 如果你心里有一个具体的数字,那么你可以把它输入到‘效果时间’滑块旁边的框里。 […]

如何在WordPress中修复损坏的Twitter卡片图像

你正在寻找一种方法来修复WordPress中损坏的卡片图像吗? 当有人从您的WordPress站点共享链接时,自动尝试显示缩略图。然而,有时它可能会显示不正确的缩略图,这会使您的网站看起来不专业。 在本文中,我们将向您展示如何在WordPress中轻松修复损坏的卡片图像。 卡片图片可以帮助你引起用户的注意,并鼓励他们点击链接。 这意味着你的WordPress网站会有更多的流量。 话虽如此,让我们来看看如何在WordPress中轻松修复损坏的卡片图像。 下面是我们将在本文中讨论的主题的快速概述。您可以跳到您感兴趣的部分或按照说明一步一步地操作: 使用All in One SEO修复损坏的卡片图像设置默认卡片图像为WordPress主页设置默认卡片图像为每个WordPress帖子或页面使用自定义卡片图像为类别和标记设置自定义卡片图像测试帖子是否具有有效的卡片图像在WordPress中排除损坏的卡片图像 All in One SEO让你完全控制哪些图片将在你的网站上与卡片一起使用。我们将带您完成所有步骤。 首先,您需要添加您的社交媒体个人资料URL。它们会将你的网站与你的个人资料和其他社交媒体平台联系起来。 只需转到All in One SEO?社交网络页面并输入您的社交媒体配置文件URL,包括。 在这下面,你会看到卡的默认设置,这将适用于大多数网站,但你可以根据需要进行更改。 尤其是,您需要更改“默认帖子图像源”。All in One SEO为您提供了一系列选择。 例如,您可以选择特色图像、附加图像、内容中的第一个图像、自定义域中的图像、作者帖子图像或第一个可用图像。 我们推荐使用特色图片,因为大多数WordPress主题支持适合卡片图像的特色图片。 在此下方,您将找到选择默认术语图像源的选项。当某人共享指向类别、标签或其他分类术语存档页面的URL时,将使用此图像。 您可以在此处上传默认图片,也可以为每个类别或标签上传自定义图片。我们稍后将向您演示如何做到这一点。 选择默认卡片图像源后,不要忘了单击“保存更改”按钮来存储您的设置。 但是,如果您使用的是自定义主页,则看起来会有所不同。 在这种情况下,您将看到直接编辑主页设置的链接。 在页面编辑屏幕上,只需向下滚动到内容编辑器下方的“AIOSEO设置”框。 从这里,您需要切换到“社交”选项卡,然后选择。 在设置下,您可以覆盖默认选项。 在这里,您可以提供专门用于您的主页的自定义卡片图像。 只需点击“图像源”旁边的下拉菜单,你就会看到一堆可供选择的选项。您可以选择其中一个选项或上传您想要使用的新图像。 完成后,不要忘记更新并保存您的更改。 接下来,您可以设置定制Open Graph数据,包括专门用于本文的定制图像。 只需滚动到“图像源”部分,然后点击下拉菜单即可。 您可以从提供的图像中选择一个,或选择“自定义图像”来上传新图像。 在此之后,您只需点击“上传或选择图片”按钮,即可从您的计算机上传图片或使用WordPress媒体库中的图片。 完成后,不要忘记更新或发布您的帖子或页面以保存您的更改。 这将把你带到‘编辑类别’屏幕,在那里你需要向下滚动到‘AIOSEO设置’框。 从这里,切换到“社交”选项卡,然后选择它下面的“”。 现在,你需要向下滚动到“图像源”部分,然后点击下拉菜单。 您可以选择其中一个提供的图像选项,或选择“自定义图像”来上传新图像。 在此之后,您只需点击“上传或选择图片”按钮,即可从您的计算机上传图片或使用WordPress媒体库中的图片。 一旦您完成,不要忘记点击‘更新’按钮保存您的更改。 然后,卡片验证器工具将获取链接,并向您显示当有人在网上分享该链接时的预览。 WordPress中损坏的卡片图像的故障排除 如果您按照上述步骤操作,但仍然看不到正确的卡片图像,那么您可以尝试以下简单的故障排除提示。 清除WordPress缓存 最有可能导致图像损坏的原因是WordPress缓存插件。即使你已经在一个搜索引擎优化中设置了卡片图像,你的缓存插件可能仍然显示一个过时的版本。 […]

如何在WordPress表单中添加图像选项

您是否希望在WordPress表单中添加图片选项? 与仅仅显示文本选项不同,图片可以立即使您的WordPress表单更具吸引力。这有助于提高您的响应率和形式转换。 在本文中,我们将向您展示如何轻松地在WordPress表单中添加图像选项以提高用户参与度。 图像选择可以使您的表单看起来更精致、更专业、更具视觉吸引力,这可以帮助用户更快地做出决定。 例如,如果你经营一家提供送货服务的餐厅网站,那么你就会希望在网站上有一张订货单。现在,您可以使用不同菜肴的图像来帮助潜在客户选择他们想要的菜肴。 除此之外,图片选择也可以让阅读有困难的观众或语言不流利的人更容易填写你的表格。 话虽如此,让我们来看看如何轻松地在WordPress表单中添加图像选项。 这将启动WPForms表单构建器界面,在该界面中,您将在屏幕右侧看到一个表单预览,并在左角看到一个带有表单域的列。 现在,您可以通过单击、上下移动或删除来编辑您选择的任何表单域。 有关更详细的说明,你可能想看看我们的教程,关于如何在WordPress中创建联系人表单。 接下来,您必须将左侧列中的“多项选择”字段添加到表单预览中,以便为客户创建图像选择。 我们将把它放在‘评论或消息’框的正上方。 注:图像选项也适用于复选框字段。如果您希望您的用户能够选择多个选项,请使用该选项。 之后,点击多项选择字段对其进行编辑。这将打开屏幕左侧的字段选项。 您现在会注意到,默认情况下,此字段允许您添加文本选项。 不过,你可以通过切换“使用图像选择”开关轻松地改变这一点。 完成此操作后,每个多项选择栏下方都会出现一个“Upload Image”按钮。 接下来,您可以在字段文本标签中输入任何您想要的内容,然后点击“上传图像”按钮。 现在,您可以从您的计算机上传图像或从WordPress媒体库中选择一个图像。 我们建议使用不超过250px的.jpg或.png图像。 请记住,如果所有图片的大小都相同,则它们在您的表格中看起来会最好。 重要:WPForms不会调整您的图像大小。在上传它们之前,你需要确保它们是你想要的尺寸。或者,您也可以在将图像添加到表单之前在WordPress中编辑图像。 如果要包括3个以上的选项,只需单击(+)按钮即可添加一个新选项。您还可以使用(-)按钮删除选项。 更改您的图像选择在表单中的显示方式 WPForms使您可以轻松地更改图像选择字段的布局和其他设置。 要做到这一点,请转到左栏中的“高级”标签。 如果你想随机显示你的图片,而不是按特定的顺序显示,你现在可以切换“随机化选择”开关。 如果您正在创建调查并希望消除结果中的首选偏见,则此功能非常有用。 如果你愿意,你也可以使用‘Choice Layout’下拉菜单来改变你的选择的布局。 默认设置是“内联”,您的选择会一个接一个地出现,直到它们换成一个新行。 您可以选择在多个列中显示您的选择。如果你想要一个垂直列表,只需从下拉列表中选择‘一列’即可。 这里还有一个选项,可以为你的图片选择‘隐藏标签’。这意味着图像下方不会有任何文本。在某些情况下,这样做可能是有意义的。 例如,您可能会要求人们投票选出他们最喜欢的新标志设计。 不过,在可能的情况下,一定要输入一个相关且有帮助的标签。这将显示为您的图像的Alt文本,使您的网站更容易被视障用户访问。 完成后,从左栏切换回“General”选项卡,向下滚动到“Image Choice Style”部分。 在这里,您可以从下拉菜单中选择要设置图像样式的方式。 默认样式为现代,其中将为所选图像显示复选标记。 但是,您可以选择Classic样式,当选择一个选项时,该样式如下所示: 或者,您也可以为样式选择“无”。 在这种情况下,您的图像将只是没有边框或其他样式的常规图像。标签将与单选按钮一起显示。 一旦您对表单满意,只需点击屏幕顶部的“保存”按钮即可。 之后,从WPForms块的下拉菜单中选择您刚刚创建的表单。 最后,单击“发布”或“更新”按钮以存储您的表单设置。 现在访问你的网站,查看你的WordPress表格中的图片选择。 如果要对表单进行更多更改,则可以通过访问WPForms?所有表单WordPress仪表板中的页面。 在那里,点击您的表单以在表单构建器中打开它。 进行更改后,只需单击“保存”按钮即可保存您的更改。您的表单也将在您的页面上自动更新。 我们希望本文能帮助您学习如何在WordPress表单中添加图像选项。你可能还想看看我们的初学者指南,关于如何在WordPress中创建一份调查,以及我们对最好的WordPress页面生成器插件的比较。 中国和中国都是如此。

如何阻止WordPress生成图像大小

是否要阻止WordPress生成额外的图像大小? 当你在WordPress中上传一张图片时,它会自动创建几个不同大小的副本。不同的主题和插件可以进一步增加生成的大小。如果你的网站上有很多图片,那么这可能会增加你的存储需求和网站备份文件的大小。 在本文中,我们将一步一步地向您展示如何阻止WordPress生成图像大小。 在上传过程中会生成并存储不同的图像大小。这不会影响你的访问者,也不会减慢你的WordPress网站的速度,但它确实需要更多的存储空间。 这些额外的图像占用的额外空间通常不是问题。大多数WordPress主机提供商都提供了充足的磁盘空间,足以存储数千张图片。 话虽如此,一些用户可能希望阻止WordPress生成如此多的默认图像大小。 例如,当拥有数千张图片的用户备份他们的网站时,他们可能会发现他们的备份变得非常大,需要更多的时间才能完成。其他用户发现他们根本不使用某些图像大小,禁用它们将节省存储空间。 但是,在删除图像大小时应谨慎。主题可能需要它们来发布缩略图、滑块、附件或自定义发布类型。只有当你确定并意识到这可能会对你的网站产生影响时,才能删除它们。 话虽如此,让我们来看看如何防止WordPress生成图像大小。 您需要将不需要的每个大小拖到右列。这将禁用它,以便在您上载图像时不会生成它。 例如,您可以选择删除所有缩略图大小。 将每个图像大小向右拖动后,这些图像现在将显示为绿色。你会在屏幕顶部看到一个通知,上面写着‘将生成0个缩略图’。 确保您点击了“保存设置”按钮来激活您的新设置。现在,当你在你的WordPress博客上上传新图片时,不会产生额外的图片尺寸。 但是,您仍将拥有过去上传的任何图片的所有附加大小。让我们来看看如何在WordPress中删除未使用的图像大小。 只需点击“重新生成”标签,然后点击“重新生成”按钮。 所有其他图像现在将从您的媒体库中删除。这将分批完成,每批50个,以避免给您的服务器带来太多负载。 祝贺你,你已经从你的网站上删除了所有额外的图片大小,并阻止了WordPress在未来生成它们。 我们希望这篇教程能帮助你学习如何阻止WordPress生成图片大小。你可能还想看看我们的WordPress教程,教你如何用WordPress创建一个登录页面,并选择最好的WordPress图像压缩插件。 中国和中国都是如此。

如何自动删除WordPress中的默认图像链接

WordPress让你可以非常轻松地上传图片和创建图片库。 然而,旧版本的WordPress会自动将图像链接到媒体文件。 在本文中,我们将向您展示如何自动删除WordPress中的默认图片链接。 注:当你上传图片到你的帖子或页面时,WordPress不再添加默认图片链接。但是,如果您仍在使用旧版本或在您的网站上看到此行为,则可以尝试以下步骤。 之后,您可以为您的代码片段添加标题。这可以是帮助您记住代码用途的任何东西。 然后,只需将上面的代码片段粘贴到“代码预览”框中,并从下拉菜单中选择“PHP代码片段”作为代码类型。 最后,将开关从“非活动”切换到“活动”,然后单击页面顶部的“保存代码片段”按钮。 现在,继续在WordPress中添加一个新图像。您会注意到,它不再链接到图像文件或附件页面。这会让在WordPress中添加图片变得不那么烦人,特别是如果你从不链接图片的话。 如果你想学习如何在图片或图库图片中添加链接,那么你可以按照我们的指南来学习如何在WordPress中为图库图片添加自定义链接。 我们希望这篇文章能帮助你学习如何自动删除WordPress中的默认图片链接。你可能还想看看我们关于如何在WordPress帖子和页面中添加和对齐图片的教程,或者看看我们为WordPress挑选的最佳Instagram插件。 中国和中国都是如此。

如何在WordPress中对图像进行灰度处理

你想知道当你上传图片时,WordPress中是否有自动灰度化的方法吗? 通常,您需要一个照片编辑工具来将您的图像更改为灰度。然而,这可能很耗时,因为在上传到您的网站之前,您需要编辑每一张单独的图像。 在这篇文章中,我们将向你展示如何在WordPress中将图片灰度化,同时上传到你的网站。 接下来,继续为您的代码片段输入一个名称,并将上述代码粘贴到“代码预览”区域。 您还需要从右侧的下拉列表中选择‘PHP代码片段’作为代码类型。 输入代码后,您可以向下滚动到“插入”部分。 在这里,您可以选择“自动插入”选项。这将自动插入并执行代码。 最后,回到屏幕顶部,将开关切换到“激活”,然后单击“保存代码片段”按钮。 接下来,您可以通过编辑或添加新页面来测试代码。当你在WordPress编辑器中时,点击‘+’按钮并添加一个图片块。 你现在可以在你的WordPress网站上上传任何图片,它会自动转换成灰度图片。 我们希望本文能帮助您学习如何在WordPress中对图像进行灰度化处理。你也可以查看我们关于如何选择最好的博客平台的指南,以及我们的专家挑选最好的网页设计软件。 中国和中国都是如此。

WordPress 图像优化,图像缩放 文字详细教程

网站速度对其成功至关重要,因为47%的访问者可能会离开加载时间超过两秒的网站。 虽然有几个因素会影响您的网站性能,但图像需要特别注意。除了使用适应不同屏幕尺寸的图像外,您还应该提供缩放图像。 提供缩放图像涉及通过将图像重新调整为完美尺寸来优化图像——不要太小,也不要太大。使用正确缩放的图像将对网站速度和性能产生积极影响,从而改善您网站的SEO(搜索引擎优化)。 本文将解释如何在您的WordPress网站上提供缩放图像。我们还提供了插件推荐,以帮助您自动提供缩放图像。 什么是缩放图像? 如何提供缩放图像? 步骤 1-分析网站 步骤 2-使用检查工具找出最大显示尺寸 步骤 3-重新缩放图像 步骤 4-替换图像 5个提供缩放图像支持的插件 1. Smush 2. Optimole 3. EWWW Image Optimizer 4. ShortPixel 5. Perfect Images 什么是缩放图像? 缩放图像是经过调整以适合网站所需的确切尺寸的图像。 如果您使用小图像填充较大的区域,则放大时会变得模糊。另一方面,如果你使用过大的图像,浏览器会缩小它们以适应给定的尺寸,但图像尺寸会保持不必要的大。 例如,如果您将500 x 500像素的图像用于50 x 50像素的缩略图,则浏览器必须先下载并缩小图片,然后才能将其显示给访问者。此过程效率低下,并且会减慢网站加载时间。 但是,如果您通过提供缩放图像来优化图像,则不会出现此问题。 如何提供缩放图像? 现在是时候学习如何在您的WordPress网站上正确提供缩放图像了。有两种方法可以做到这一点——手动或使用插件。本节将向您展示如何手动缩放图像。 步骤 1-分析网站 如果您想在完全优化整个媒体库之前尝试使用少量图像,请尝试缩放在您网站的多个页面上重复出现的图像。例如,网站徽标或标题图像。 首先,您需要在网站上找到需要重新缩放的图像以及要使用的适当尺寸。为此,我们将使用GTMetrix。 1. 打开GTMetrix并输入您的WordPress网站URL。单击Test Your Site按钮。 2. 完成网站分析后,转到“Structure”选项卡并单击“Properly size images”部分。 3. 本部分将显示您网站中的哪些图像需要优化。Potential Savings列将显示提供缩放图像后的潜在节省。保存图像的URL以备后用。 步骤 […]

WordPress 关键图像,响应式图像,预加载 文字详细教程

预加载主要图片(首屏图片)有助于减少Core Web Vitals中的最大内容绘制(LCP) 时间。这些通常是图像,如徽标、博客文章上的特色图像、登录页面上的Hero图像等。通过预加载它们,您将它们移动到瀑布的顶部,并基本上告诉浏览器这些具有优先级并且应该立即加载。 最大的内容绘制时间 重要的是要了解Chrome有两个图像预加载的限制,它们将出现在瀑布的最顶部。在这两个图像之后的任何内容仍然会在瀑布中显示得更高,但不会被视为高优先级,这完全取决于Chrome。我们通常建议预加载2-3个图像。这通常会预加载您的徽标并在博客文章中显示特色图片。 如果您在页面上有手动图像预加载,这将优先于自动预加载之一。 预加载关键图像功能还将自动从延迟加载中排除这些图像。 从Chrome 73开始,链接 和响应式图像可以结合起来,以便更快地加载图像。 预加载概述 Preload让您可以在HTML中发现关键资源之前尽快告诉浏览器您想要加载的关键资源。这对于不容易发现的资源特别有用,例如样式表中包含的字体、背景图像或从脚本加载的资源。 <link as=”image” href=”important.png”> 响应式图像 + 预加载 = 更快的图像加载 响应式图像和预加载在过去几年中一直可用,但同时缺少一些东西:无法预加载响应式图像。从Chrome 73开始,浏览器可以在发现标签img之前预加载srcset指定的响应图像的正确变体! 根据您网站的结构,这可能意味着图像显示速度显着加快!我们在一个使用JavaScript延迟加载响应式图像的网站上进行了测试。预加载导致图像加载速度提高了1.2秒。 所有现代浏览器都支持响应式图像,而仅在基于Chromium的浏览器中支持预加载它们。 imagesrcset和imagesizes 为了预加载响应式图像,最近向<link>元素添加了新属性:imagesrcset和imagesizes. 它们与 <link rel=”preload”>一起使用,并与 <img>元素中使用的srcset和sizes语法相匹配。 例如,如果您想预加载指定的响应式图像: <img src=”wolf.jpg” /> 此瀑布显示图像仅在浏览器完成运行脚本后才开始加载,从而对最初向用户显示图像的时间引入了不必要的延迟。 在此处使用preload帮助是因为图像会提前开始加载,并且在浏览器需要显示它时可能已经存在。 此瀑布显示第一张图片与脚本同时开始加载,避免了不必要的延迟并加快了图片的显示速度。 要查看预加载的不同之处,您可以按照第一个示例中的步骤检查相同的动态加载的图像库,但预加载了第一张图像。 避免该问题的另一种方法是使用基于标记的轮播并让浏览器的预加载器获取所需的资源。然而,这种方法可能并不总是实用的。(例如,如果您正在重用现有的组件,它不是基于标记的。) 使用图像集预加载背景图像 如果对于不同的屏幕密度有不同的背景图像,则可以在CSS中使用image-set语法指定它们。然后浏览器可以根据屏幕的DPR选择显示哪一个。 background-image: image-set( “cat.png” 1x, “cat-2x.png” 2x); 上述语法忽略了在基于Chromium和WebKit的浏览器中此功能需要供应商前缀这一事实。如果您打算使用此功能,则应考虑使用Autoprefixer(作为在线工具提供)来自动解决该问题。 CSS背景图片的问题在于,它们只有在浏览器下载并处理了页面<head>中的所有CSS之后才会被浏览器发现,这可能是很多CSS…… 您可以在具有响应式背景图像的示例网站上检查此问题。 在此示例中,直到 CSS 完全下载后才开始图像下载,从而导致图像显示出现不必要的延迟。 响应式图像预加载提供了一种简单且无需破解的方式来更快地加载这些图像。 <link rel=preload href=cat.png […]

为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。

为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。 因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。 通过WordPress内置功能或者第三方插件,可以轻松为每个图像添加标题和其他元数据,包括标题和alt替代文本标签。 为WordPress图像添加标题及alt替代文本 在古腾堡编辑器,点击编辑器右上角的“+”添加区块符号,选择“图像”块。 添加图像区块 在文章编辑区域新增一个图像区块,如下图: 古腾堡编辑器上传图片 然后,您可以通过上传、媒体库和URL插入三种方式,添加图像,这与传统编辑器的方式相似。 添加图像后,图像将放入编辑器中,并在其下方带有一个标记为“编写说明…”的文本框,即为图像添加标题,而在右侧的区块信息,你还可以填入Alt文本属性(替换文本),如下图所示: 古腾堡编辑器图片标题&ALT设置   完成后,您可以通过单击“发布”或“更新”按钮来保存文章。 为WordPress画廊添加标题 WordPress编辑器还附带一个画廊区块,站长可以上传多个图像,以网格布局显示多个图像。 要创建画廊,文章发布界面单击“+”添加区块图标,选择Media下方的“画廊”。 古腾堡编辑器创建画廊 在画廊添加到文章/页面编辑区域,即可上传图片,或者从媒体库中选择预先上传的图片,为画廊添加一张或者多张图像。 古腾堡编辑器画廊上传图片 为画廊上传图像后,你可以通过点击某一图像,在下方的“编写说明…”为该图像添加标题,点击整个画廊下方的“编写画廊说明…”为画廊添加标题。 画廊说明文字 如果从媒体库中选择了预添加的图像,则可以通过右侧的“附件详情”为图片添加替代文本(alt标签)和标题。 相册图片标题&Alt 通过媒体库添加WordPress图像标题和Alt替代文本 那么平日我们通过媒体库直接上传图片时,如何为图像添加标题和alt标签替代文本呢?其实,在上一章节已经稍微提及,下面是更详细的教程: 首先,在WordPress仪表盘访问“媒体»添加”页面。 媒体库上传图片 通过拖放或从计算机中选择一个图像来上传图像。 成功上传后,在“上载新媒体文件”框下方即可看到上传图像,点击图像对应的“编辑”链接。 媒体库上传图片编辑 将会在新标签页中打开“编辑媒体”页面,支持编辑图像标题,添加图像元数据,包括标题,alt属性替代文本和描述。 图片标题/ALT信息编辑 你也可以通过媒体库,对已上传的图片进行逐一添加标题、alt属性替代文本。并且通过媒体库为图片添加标题、alt标签替代文本及描述的信息后,在文章或者页面编辑添加这些图片不需再次添加相关信息。 使用WordPress经典编辑器添加图像标题和alt替代文本 如果WordPress网站使用旧的经典编辑器,图像添加标题和Alt替代文本标签的方式与古腾堡编辑器稍有不同。 点击编辑器上方的“添加媒体”按钮即可上传图片或从媒体库中选择图片。 经典编辑器上传图片 图片上传后,即可填写图片相关元数据,例如标题,替代文本属性和图片描述。 图片元数据填写 单击“插入至文章”按钮,将图像添加到文章或页面中。 使用经典编辑器添加相册图片标题、Alt 使用“ 经典编辑器”创建画廊时,还可以为图像添加替代文本属性、标题、说明和图像描述等信息。只需上传并选择多个图像,然后单击左列中的“创建相册”链接。 相册图片详细 之后,您需要单击弹出窗口右下角的“创建新相册”按钮。 创建新相册 使用插件批量自动添加图片标题&Alt替代文本 上述方法,均是使用WordPress内置的功能来为图片添加标题和Alt标签替代文本等信息。 但如果需要批量添加所有图片的标题和alt标签属性,这将是一个巨大的工程。这时候我们则需要借用插件的帮助了。 首先,你得安装并启用我们提供的Smart Seo Tool插件。 然后,通过WordPress仪表盘“设置-Smart Seo Tool”,进入插件设置界面,选择图片SEO优化,将图片优化启用,并选择适合您的图片Title和图片Alt属性描述规则,最后“保存设置”即可按规则为你的网站图片添加标题和alt替代文本。 注:插件仅对不存在标题和alt设置的图片生效,不影响已设置标题和alt的图片! […]

WordPress图像大小比您想象的要复杂。了解图像尺寸在WordPress中的工作原理、默认图像尺寸是多少以及如何定义自定义图像尺寸以有效管理您的网站至关重要。

WordPress图像大小比您想象的要复杂。了解图像尺寸在WordPress中的工作原理、默认图像尺寸是多少以及如何定义自定义图像尺寸以有效管理您的网站至关重要。 掌握这些知识将确保您在合适的位置拥有合适大小的合适类型的图像,以便您可以从视觉内容策略中获得最大收益。 这些策略还将提高您帖子的分享价值,这将转化为更多的知名度和流量。统计数据显示,三天后读者只记得他们阅读的文本内容的 10%,但如果您在内容中添加视觉上吸引人的图像,这个数字会高达 65%。 在这份详尽的指南中,您将了解有关WordPress图像大小的所有信息。 WordPress如何管理您上传的图像 WordPress图像大小:需要牢记的基本事项 WordPress在哪里以及如何存储您的图像? 什么是默认的WordPress图像大小? 如何更改默认图像大小(以及何时需要) 如何将自定义图像大小添加到WordPress 为您的主题添加自定义图像大小 更新旧缩略图 使用WordPress内置图像大小编辑器 在WordPress Gutenberg中编辑图像 优化您的图像 WordPress图像编辑插件 WordPress如何管理您上传的图像 将图像上传到WordPress非常简单,但在WordPress后端处理它们时会发生很多事情。 当您上传图片时,WordPress做的第一件事就是创建三种不同大小的图片。这意味着您上传的每一张图片都会得到四张图片: 缩略图大小 中等大小 大尺寸 原始尺寸 WordPress创建所有这些不同的尺寸,以便为每位访问者以最合适的尺寸提供您的图像。您的网站将始终根据读者使用的设备向他们显示正确的图像,从而加快并增强他们的体验。 您始终可以手动编辑图像以提供这些额外的尺寸,但在Photoshop等工具中准确地进行编辑并非易事。这将涉及大量繁琐的工作,这就是WordPress为您省去麻烦的原因。 WordPress图像大小:需要牢记的基本事项 在我们深入了解WordPress图像大小的更多技术方面之前,您应该了解一些重要说明。 我们已经讨论了WordPress如何为您创建三种默认图像尺寸,但是如果您需要与WordPress的默认尺寸不同的尺寸怎么办?如果您想要更多尺寸怎么办? 好消息!你可以很容易地做到这一点。WordPress允许您更改默认图像大小并根据需要添加任意数量的其他大小。我们稍后会更详细地解释这一点。 但在我们开始之前,您应该知道有特定的要求才能按您的意愿工作。 其中之一是您应该尝试上传您需要的最大尺寸的图像。虽然WordPress会使其在较小的设备上更小,但它将使用全尺寸(原始尺寸),其中图像需要最大。 假设您上传的图像小于您在WordPress中定义的最大尺寸。在这种情况下,WordPress不会以最大尺寸正确显示该特定图像。另外,质量会明显下降。 也就是说,您还必须确保不上传大于所需的最大尺寸的图像。WordPress永远不会使用此类图像,因为它们太大并且会占用您服务器上不必要的空间。 因此,在上传到WordPress之前,您应该检查您上传的图像的大小,并确保它是所需的最大大小,但不能大于此大小。 WordPress在哪里以及如何存储您的图像? 就您的管理面板而言,WordPress将您上传的图片存储在媒体库中。您可以通过将鼠标悬停在媒体选项上并单击库来查看所有上传的图像。 WordPress媒体库 您可以按媒体类型(图像、视频、音频等)和日期对它们进行排序。但是,请注意,如果您没有在Settings中禁用此功能,则只能按日期对图像进行排序。 右侧还有一个搜索框,可帮助您查找上传的图片。只需输入您在图片的标题、说明或描述中使用的单词即可找到它。 您的图片存储在您网站的上传文件夹 ( wp-content/uploads/ ) 中。要访问此文件夹,您需要使用FTP/SFTP客户端。您网站的上传文件夹中将有多个子目录,按上传日期存放您的图片(假设您已在Settings中打开了按日期排序的选项)。 您还可以为您的媒体文件创建自定义文件夹,但我们建议您仅在您认为自己是高级用户时才这样做。 什么是默认的WordPress图像大小? 当谈到WordPress和图像大小时,我们总是查看四种不同的图像,包括您的原始图像文件和WordPress默认创建的三种不同大小: 缩略图大小: 150px(正方形) 中等尺寸:最大宽度和高度300px 大尺寸:最大宽度和高度1024px 全尺寸:图像的原始尺寸 同样,正如我们之前提到的,如果您打算仅使用这些默认图像尺寸,则您需要上传1024像素的图像。这将使您的图像即使在最大尺寸下也能正确提供,如果您的图像尺寸小于WordPress使用的最大尺寸(默认为1024像素),则这可能是不可能的。 如何更改默认图像大小(以及何时需要) 虽然默认的WordPress图像大小适用于大多数用户,但某些用户可能有不同的要求。您可能更喜欢略大的缩略图尺寸或较小的大图像尺寸。 […]

在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。

默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。 在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。 为什么要在WordPress中创建额外的图像尺寸? 通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。 但是,有时这些图像大小可能不符合您自己的要求。您可能希望在子主题或文章网格布局中使用不同的图像大小。 您可以通过在WordPress中创建其他图像大小,然后在需要时调用这些大小来实现。 话虽如此,让我们来看看如何在WordPress中创建额外的图像大小。 为您的主题注册额外的图像尺寸 大多数WordPress主题(包括所有顶级WordPress主题)默认都支持发布缩略图(特色图片)功能。 但是,如果您要创建自定义WordPress主题,则需要通过将以下代码添加到主题的functions.php文件来添加对文章缩略图的支持。 add_theme_support( ‘post-thumbnails’ ); 启用对文章缩略图的支持后,您现在可以使用函数 add_image_size() 来使用注册附加图像大小的功能。 add_image_size函数按以下格式使用: add_image_size( ‘name-of-size’, width, height, crop mode ); 示例代码如下所示: add_image_size( ‘sidebar-thumb’, 120, 120, true ); // 硬裁剪模式Hard Crop Mode add_image_size( ‘homepage-thumb’, 220, 180 ); // 软裁剪模式Soft Crop Mode add_image_size( ‘singlepost-thumb’, 590, 9999 ); // 不限高度模式Unlimited Height Mode 现在,如果您注意到,我们已经指定了三种不同类型的图像大小。每个都有不同的模式,如硬裁剪、软裁剪和无限高度。 让我们介绍每个示例以及如何在您自己的项目中使用它们。 […]

在WordPress中处理图像可能是一个挑战。如果您没有为要求支付足够的费用,您的网站外观可能会变得凌乱,甚至可能会影响加载时间。因此,您需要了解默认的WordPress图像大小以及如何更改它们。

在WordPress中处理图像可能是一个挑战。如果您没有为要求支付足够的费用,您的网站外观可能会变得凌乱,甚至可能会影响加载时间。因此,您需要了解默认的WordPress图像大小以及如何更改它们。 WordPress如何处理图像? 什么是默认的WordPress图片尺寸? 如何更改默认WordPress图像大小 如何添加您的自定义WordPress图像大小 步骤 1. 通过编辑function.php文件添加自定义WordPress图像大小 步骤 2. 在您的主题中显示自定义尺寸 有用的插件 WordPress如何处理图像? 将图像上传到媒体库后,WordPress将自动生成具有3种默认图像大小的附加图像并将它们分别存储。因此,您在上传图片时会看到4个图片选项。这些是缩略图、中、大和全尺寸选项。前三个选项称为默认WordPress图像大小,而全尺寸选项是您上传的原始图像大小。 WordPress创建这些选项是因为使用不同的位置放置图像将需要不同的图像分辨率。例如,缩略图中的图像分辨率可能与滑块中使用的图像分辨率不同。因此,如果您想在不同的地方以不同的分辨率使用相同的图像,则无需手动编辑和调整图像大小。只需要一张图片,其余的由WordPress完成。 什么是默认的WordPress图片尺寸? 默认情况下,WordPress带有三种预打包的图像尺寸。他们是: 缩略图:(150px宽高) 中等尺寸:(最大300px宽高); 大尺寸:(最大1024px宽高); 全尺寸:(您上传的全尺寸/原始图像尺寸)。 如何更改默认WordPress图像大小 尽管如果您认为这些选择不能满足您的需求,WordPress已经为您提供了3种默认图像大小,但还有其他选择。也许,您需要更小的缩略图或更广泛的特色图像。因此,您需要更改默认的WordPress图像大小。为此,您可以按照以下步骤操作: 转到您的管理仪表盘 将光标悬停在设置 -> 媒体 在“媒体设置”窗口中,您可以调整每种尺寸所需的像素 点击保存更改按钮以保存设置。 如何添加您的自定义WordPress图像大小 因此,您有3种默认图像尺寸。假设您的缩略图具有缩略图大小的图像,文章的图像具有中等大小的图像,滑块具有大尺寸的图像。但是,您意识到弹出横幅和小工具需要更多默认图像尺寸。您可以添加自定义WordPress图像大小吗?是的你可以。 步骤 1. 通过编辑function.php文件添加自定义WordPress图像大小 实际上,某些主题为您提供了额外的图像大小选项。但是,如果您找不到它们,让我们添加我们自己的自定义WordPress图像大小。 重要的!我们将处理代码。因此,请务必在修改任何内容之前创建WP备份文件并创建WordPress子主题。 转到您的管理仪表盘 将指针悬停在外观 -> 主题文件编辑器 编辑functions.php文件 复制下面的脚本并将其粘贴到文件中 add_theme_support( ‘pop-up-banner’ ); 点击更新文件按钮。 上面的脚本将激活add_image_size()函数。如果此功能已启用,您可以添加新的WordPress图像,如下所示: add_image_size( ‘pop-up banner size’, 1000, 590 ); add_image_size( […]

您可以使用多种方法在WordPress中裁剪和调整图像大小,我们将在本文中解释一些简单的选项。

我们在这个网站上有超过2万张图片。通常,在通过WordPress文章编辑器上传之前,我们使用Snagit等软件进行图像捕获和编辑。 但是,有时需要在编辑器中编辑图像。例如,如果您想修剪边缘或放大或更改大小以适应文章布局。 您可以使用多种方法在WordPress中裁剪和调整图像大小,我们将在本文中解释一些简单的选项。 在WordPress中调整图像大小 调整大小表示更改图像的尺寸。但是,有不同的方法可以通过保持纵横比或裁剪不必要的部分来更改尺寸。 按比例更改高度和宽度 通过切掉角落使图像变圆角 放大以聚焦图像的中心部分 更改纵横比或旋转图像以更改其高度和宽度。 缩放到任何特定尺寸或纵横比 我们在WordPress中看不到任何用于批量调整图像大小的选项。但是,有两种方法可以在WordPress中调整单个图像的大小——一种来自Gutenberg文章编辑器,另一种来自媒体库。让我们在以下部分详细解释这两个选项。 1.在古腾堡编辑器中调整图像大小 在创建或编辑文章时,插入图像区块并上传图像。您可以使用以下选项之一调整大小。 1.1. 使用区块设置 单击上传的图像,然后单击工具栏上显示的三个垂直点图标。选择“显示更多设置”以在右侧栏中查看图像块的设置。如果选项显示“隐藏更多设置”,那么您应该已经在侧边栏中看到了该区块的设置。 在Gutenberg中显示图像区块设置 您可以使用以下设置来调整所选图像的大小: 样式 – 默认选项将使图像保持原样,而圆角选项会将您的图像转换为圆角。 图像尺寸 – 选择可用于您的主题的注册图像尺寸。您可以选择全尺寸、中等尺寸或缩略图尺寸来显示。请记住,这些选项的尺寸将根据您在“设置 > 媒体”部分下的设置进行考虑。 图像分辨率 – 选择预设选项之一,例如25%、50%、75%(100%是您的图像尺寸)或输入图像的自定义宽度/高度。如果尺寸与布局不匹配,您可以使用新尺寸预览图像并重置。 下面是具有圆形样式和50%调整大小的图像在编辑器中的外观。 从Gutenberg的区块设置中调整图像大小 1.2. 在古腾堡编辑器中裁剪图像 单击图像时,您会看到弹出的工具栏中出现“裁剪”图标。虽然它说裁剪,但它不允许您像在Photoshop、Snagit或任何其他图像编辑器中那样调整大小或裁剪。它提供以下三个选项: 缩放 – 单击镜头图标以查看滑块以拖动和放大图像。您可以使用此选项将图像放大至300%,以集中显示图像中的任何微小细节。 在WordPress中放大图像 纵横比 – 您总共有9种预定义的纵横比可用,横向和纵向各4种,方形尺寸各1种。选择16:9或2:3或您喜欢的任何尺寸来调整图像大小。 在WordPress中更改图像纵横比 旋转 – 使用此选项将图像旋转90度以水平或垂直翻转。 古腾堡编辑器中的裁剪图像 尽管您可以使用所有这些选项来调整图像大小,但我们认为放大、旋转或更改纵横比在世界任何地方都不会被称为裁剪。我们不知道为什么WordPress家伙给那个图标起这个误导性的名字并显示网格。许多用户会认为他们可以拖动网格或选择要裁剪的部分。但是,它在Gutenberg编辑器中并不像那样工作。 1.3. 拖动和调整大小 如果您对使用鼠标调整图像大小感到满意,则只需单击图像即可。WordPress将在图像的右侧、左侧和底部显示一个拖动器。按比例拖动图像并将其调整为原始大小。请记住,如果您以这种方式调整大小,纵横比不会改变,这意味着高度和宽度将按比例而不是独立地改变。 在WordPress中拖动和调整图像大小 这与WordPress使用旧版经典编辑器的方式相同,您只能按比例调整图像大小。 在WordPress经典编辑器中调整图像大小 2.从媒体库调整图像大小 这是一种方便的方法,特别是如果您真的想裁剪图像。转到“媒体 > 库”并选择要编辑的图像。 […]

我们将提供两种在WordPress中显示Pinterest图像的方法,并引导您完成这些步骤。

您的WordPress网站非常适合作为在线营销的中心枢纽。一个原因是它与社交媒体的整合程度如何。例如,如果您想在WordPress文章或页面中嵌入Twitter内容、显示TikTok或显示Pinterest图像,则这些平台非常出色。 WordPress包括一些显示Pinterest内容的方法,但也有“官方”方法。幸运的是,它们都很容易在您的网站上实施。 在这篇文章中,我们将提供两种在WordPress中显示Pinterest图像的方法,并引导您完成这些步骤。在此之前,让我们更多地谈谈为什么Pinterest是一个很好的集成社交媒体平台。 集成Pinterest和WordPress的好处 马上,我们承认Pinterest不会成为一个适合所有网站的平台。例如,合法企业不会在平台上活跃起来,医疗公司也不会。这是因为该平台主要关注图像。 尽管Pinterest确实有信息内容,但主要图像格式与更“严肃”的行业并不一致。 当然,这不是一个独家清单。但是,您会发现一些利基市场非常适合使用Pinterest: 时尚网站。 生活方式企业,例如瑜伽馆。 工艺品商店和一般创意或艺术网站。 如果您处于这些领域之一,那么您就是好伙伴。Pinterest的覆盖面很广,到2020年底将拥有近4.6亿用户。即使定位到这个用户群的0.10%,你也能获得460,000人的潜在受众。 总体而言,Pinterest将成为展示您的商品的理想方式,尤其是在您销售产品的情况下。在您的利基市场和受众交叉的地方,有一个利润丰厚的市场可以推广。 如何在WordPress文章或页面中显示Pinterest图像(2 种方法) 虽然可能有更多方法可以在WordPress文章或页面中显示Pinterest图片,但我们将重点关注以下两种: 使用Pinterest的官方工具创建一个小工具。 如果您已经使用Automattic的插件,请使用Jetpack的Pinterest Block 。 在整个过程中,我们将引导您完成这些步骤,并带您从零到Pinterest英雄。我们还将解释为什么本文没有特别提到您可能遇到的其他一些方法(例如WordPress插件或嵌入代码)。 1. 使用Pinterest小工具生成器 首先,官方的Pinterest Widget Builder是在WordPress中嵌入内容的绝佳方式。不过,值得注意的是,有一个类似的选项在表面上提供相同的功能,但并不适合。 在浏览Pin图时,您可能会在选项菜单中遇到Get Pin嵌入代码选项: 这为您提供了一个iFrame代码片段,您可以将其粘贴到您的网站中。但是,在我们的测试过程中,我们无法让该功能正常工作。这是一种耻辱,因为对于快速的单个Pins,这将是理想的。我们怀疑Jetpack是快速嵌入Pins的方式,我们稍后会讨论这个问题。 但是,Widget Builder使用起来很容易,尽管需要在WordPress的核心文件中四处寻找,但它是我们推荐的方法。让我们带您了解如何使用它。 1. 找到您的Pin图的URL 首先,您需要您的Pin图的URL(即您想在WordPress中显示的图像)。就像在Internet上查找任何页面的URL 一样简单。但是,您可以从几个地方获得它。 当然,浏览器的地址栏很简单…… …但也有一个专用的复制链接按钮作为共享图标中的选项之一: 获得Pin图的URL后,您就可以开始创建小工具了。 2. 创建您的Pin小工具 接下来,前往Pinterest Widget Builder。有五个选项可供选择,虽然它们都有自己的用途,但我们专注于Pin小工具: 这里有几个字段可以帮助你的小工具成形: 固定网址。这是您的Pin图的网址,您应该将其粘贴到此处。 引脚尺寸。您可以为您的Pin图选择Small、Medium或Large,您也可以在此处隐藏描述。 做出选择后,您将看到“预览”窗格更新。这让您可以先睹为快,看看您的小工具在前端的外观: 在此下方,您将看到几个代码片段。接下来我们将需要这些,因此请保持小工具构建器打开并进入最后一步。 3. 将小工具代码添加到您的WordPress核心文件 要在WordPress文章或页面中显示Pinterest图像,您需要插入Pinterest Widget Builder中的两个代码片段。这曾经涉及第三方插件,但WordPress现在拥有自己的编辑器,非常适合此类一次性任务。 在开始之前,重要的是要有一个干净且最新的备份,以及一个子主题。这有助于在有更新时保留您的网站,并在最坏的情况发生时为您提供退路。 您可以在WordPress仪表盘的外观 > […]

添加图像到社交媒体帖子可以增加流量并激励访客参与分享。这不仅适用于Twitter,Instagram和Pinterest;博客也可以利用图像为网站引流。 《2018年社交媒体营销行业报告》中提到研究人

添加图像到社交媒体帖子可以增加流量并激励访客参与分享。这不仅适用于Twitter,Instagram和Pinterest;博客也可以利用图像为网站引流。 《2018年社交媒体营销行业报告》中提到研究人员发现,32%的营销人员认为图像是其业务最重要的内容类型,博客则占27%。它们为博客和企业提供了无穷的价值和投资回报率,由于他们所吸引的兴趣,他们被过度利用。。 Buffer发现附有图片的推文获得转发数量比没有图片的推文的转发数量多150%。网民在他们的社交网络上滚动浏览无穷无尽的内容,图像可以打破单调的文本。图像很重要,因为它们可以激励访客产生大量的转发并吸引人们的注意力,这也是博客营销的主要目标之一。 以下是创建博客图像的三个技巧,可以大幅度提升博文的转发次数。 img via unsplash 1.符合SEO规则 如果您不对搜索进行优化,就像在内容营销中执行其他操作一样,您不要指望您的博客图像能够获得任何吸引力。这通常是被忽视的东西,因为很多人都没有意识到优化图像SEO有多大的价值。 您需要优化一些事项: 文件名:图像文件命名很重要,适当标记所有图像。 Alt文本:如果图片由于一些原因没有加载,则会显示此文本,并且应包含博客文章的目标关键字。搜索引擎会抓取此文本,因此图像描述也很重要。 标题:便于用户更简单的了解图像的核心内容,提升用户体验。 格式:最常见的是JPG,PNG和GIF。对于照片,请使用JPG。对于需要更高分辨率的图形或图像,请使用PNG,对于较小的图像尺寸,请使用GIF。 2. 优化大文件 您需要确保图片大小不会影响网页加载速度。访问者希望能够无障碍地浏览您的网站时,获得无缝的用户体验(UX)。 谷歌研究显示,如果用户加载时间超过3秒,则会有53%的用户放弃网站。网页速度也是Google算法对网站内容进行排名的重要因素。如果您无法满足客户的期望,那么您留存用户。 使用Google PageSpeed Insights(国内网络需要梯子)可检测您的网站加载速度并且发现网站加载中存在的问题,针对性地改善这些问题,提升网站的用户体验。 使用JPEGMini或TinyJPG等图像优化器可以显着减小文件大小并加快加载时间。 通过这一步,您可以更高效地展示博客图像,并将它们分享到不同的平台和社交媒体。尽量不要将你的博客文章与图像混在一起,因为它看起来很杂乱,不易于易浏览。 3. 启用社交分享 想象一下,如果为访问者分享您的图片或者文章提供便利,您可以为您的博客带来多少流量。如果只需点击按钮即可将图像分享到他们的社交媒体,将激励用户作出分享动作,因为它不需要耗费用户太多的时间。 为您的图片和博客帖子添加社交分享按钮。在显著的位置展现分享按钮,而不是淹没在页面上的文本中。 Social Warfare和WP Social Sharing都是流行的免费社交分享插件。这两个插件都是轻量级的,不会加重你的网站负荷。这两种插件都支持主流社交网络和展示位置选项,因此您可以选择它们的显示方式。 利用A/B测试,您可以测试社交分享按钮的不同变体,以查看哪些带来更高的转化率和积极的结果。一组访问者将看到A类社交分享按钮的变体,另一组将看到B类。结果基于哪些按钮获得更多点击。分析按钮的颜色,位置,以找出带来更多流量的因素。 小结 创建可分享的博客图像意味着优化SEO,插入社交分享按钮,以便访问者轻松参与,并简化图像优化过程。当互联网上充斥着雄心勃勃的博主和企业主试图将其放在首位时,要获得牵引力并不容易。但是,如果您重新思考如何使您的内容 – 尤其是图像 – 可以分享,那么您就可以为推动流量和提升博客参与度打开一扇新的大门。(via themetrust 教学博编译,基于需要文章有一定的删减)

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视网膜屏幕。 默认情况下,WordPress不允许您上传SVG文件格式,主要是出于安全考虑。 今天我们将深入探讨WordPress安全启用SVG支持的方法,讨论浏览器支持,以及一些警告,如果您决定要切换到矢量图像格式。 希望有一天SVG作为WordPress核心的一部分。 什么是SVG? 为什么SVG安全性很重要 如何安全地为WordPress启用SVG支持 什么是SVG? 根据维基百科,SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于支持交互性和动画的二维图形。 您甚至可以使用代码或文本编辑器来编辑它们。 SVG规范是自1999年以来由万维网联盟开发的开放标准。目前SVG仅占所有网站的3.4%,但正如您所见,采用率正在快速增长。 流行的网站,如谷歌,Reddit,Dropbox,ESPN,甚至我们在wbolt.com的网站都使用SVG。 SVG使用情况统计(2016年4月-2017年4月) SVG浏览器支持情况 目前,所有主流浏览器和移动浏览器都支持SVG。 您可能遇到的唯一问题是,如果您仍然需要IE8的支持,当然我们不希望你继续支持这个浏览器。 IE8仅占0.36%的市场份额,并且微软也不再为该版本浏览提供更新支持。 有兴趣的朋友可以阅读国外博主Lubos撰写的关于《为什么开发人员应该停止支持IE8,IE9和IE10》的文章。 从商业角度来看,这可能并非总是可行,但他提出了一些非常好的观点。 如果由于某些特殊原因你仍然需要IE8支持,你可以为你的SVG定义一个备用图像(PNG或JPG),但我们今天不会基于此展开讨论。 以下是支持的浏览器列表: Internet Explorer 9, 10, 11+ and Edge Firefox 3+ Chrome 4+ Safari 3.2+ Opera 10+ iOS Safari 3.2+ Opera Mini (all) Android Browser 4.4+ SVG浏览器支持情况 SVGs的优势 SVG是一种矢量格式,这意味着它们可以在浏览器和照片编辑工具中无限无损缩放。SVG为什么受图形和网页设计师欢迎,不言而喻。通常,当您尝试在Photoshop,Sketch或Paint等工具中编辑PNG或JPG时,会受限于原图的像素。使用SVG,你可以随心所欲地对图形文件进行缩放,并且像素完美(或者我们应该说矢量完美)。这就是为什么它们是用于视网膜屏幕的优秀图像格式的原因。 谷歌索引SVG,如果你关心搜索引擎优化,这是一个好消息。链接到文件本身的SVG内容将被编入索引并显示在Google图像搜索中。注意:内联SVG,或者更确切地说仅由代码组成的SVG,通常不会被编入索引。 SVG传统上(并非总是)文件大小小于PNG或JPG。通过使用SVG,您实际上可以加快WordPress网站的速度,因为您将减少整体页面大小。 国外博主Genki写了一篇很棒的文章,他比较了SVG与PNG和JPEG的大小。以下是他测试中的一些内容,他比较了三种不同的图像类型。 JPG (经过优化后的大小: 81.4 […]

特色图像(也称为文章缩略图),大多数主题都提供WordPress这个功能点。它们是博客文章的主要图像,一般显示在主页、列表页和作为社交分享的图片。几乎所有流行的WordPress主题都内置了对特色图像的支持。

特色图像(也称为文章缩略图),大多数主题都提供WordPress这个功能点。 它们是博客文章的主要图像,一般显示在主页、列表页和作为社交分享的图片。几乎所有流行的WordPress主题都内置了对特色图像的支持。 在本教程中,我们将介绍如何在WordPress中添加特色图像或文章缩略图。 WordPress特色图像入门指南 特色图像是WordPress主题功能。几乎所有WordPress主题都内置了对特色图像的支持,并可以在WordPress网站的不同区域显示。 对于人类来说,视觉元素比纯文本更具吸引力。特色图像可使博客页面更具吸引力。 它们还帮助您建立用户参与度并增加页面浏览量。搜索引擎和社交媒体网站也可以使用这些图像,并将其显示在搜索结果和社交媒体新闻信息流中。 大多数特色图像用于博客文章,但您也可以为页面和自定义文章类型设置特色图像。 注意:特色图像与封面图片不同。封面图片一般用于文章开头,并且图片尺寸相对会大不少。 下面让我们直入主题,一起看看如何在WordPress中添加特色图像。 添加文章缩略图或特色图像 要在WordPress文章中添加特色图像,只需编辑或创建新的文章即可。 在古腾堡内容编辑器中,您会在右列中找到“特色图像”标签。 点击“设置特色图像”区域,这将弹出WordPress媒体上传弹出窗口。 在这里,您可以从计算机上传图像,也可以使用媒体库中的现有图像。选择图像后,点击右下角的“设置特色图像”按钮。 WordPress现在将在右列中显示特色图像的预览。但是,实际的特色图像会根据您的WordPress主题而有所不同。 发布文章即可查看特色图像在网站上的显示方式。 根据主题开发人员定义的设置,特色图像所显示位置不尽相同。 如何查找下载特色图像? 现在,大多数初学者遇到的下一个大问题是在哪里可以找到用作特色图像的高质量图片? 当然我们可以通过Google图片或者百度图片搜索并使用互联网上的任何图片。但这些图像可能受版权法保护,未经适当许可而使用它们可能会造成法律麻烦。 并且搜索引擎很难搜索到更高质量的图片资源。 我们更推荐使用以下图片网站查找搜索: Shutterstock – 该网站提供一些免费的图像,当然加入付费计划可以获得更多高质量的照片,插画,绘图,视频等。 Unsplash – 非常受欢迎的高清照片资源网站,且支持在网站和其他项目上使用高分辨率图像。 Negative Space – 无版权图像网站。 New Old Stock – 来自公共档案馆的老式照片集。 注意:所有这些来源均提供高分辨率图像,这意味着它们的文件大小和尺寸很大。您需要先基于网站优化图像,然后再将其用作特色图像。除上述推荐的图库网,你还可以查看更多图片资源网站。 特色图像由您的WordPress主题处理。为了更改主题显示特色图像的方式,您需要一些基本的CSS或WordPress编码技能。或者为图片增加鼠标悬停效果。 WordPress特色图片功能主题开发指南 特色图像是几乎所有WordPress主题都支持的流行功能。在极少数情况下,您可能会遇到不支持特色图像的主题,或者你可能不喜欢这样的特色图像处理方式。 在这种情况下,您可以为主题添加特色图像支持或更改其显示方式。 如果您在编辑WordPress主题文件和自定义CSS的方法,自己动手丰衣足食。 如果您的主题不支持特色图像,那么在内容编辑器中将看不到添加特色图像的选项。 要在WordPress主题中添加特色图像支持,您需要在主题的functions.php文件中添加以下代码行: add_theme_support( ‘post-thumbnails’ ); 此代码将为文章和页面启用特色图像支持。现在,您可以转到文章或页面区块编辑器,然后您将看到“特色图像”选项已启用。 但是,当您设置特色图像时,它不会自动显示在WordPress主题中。要在主题中显示特色图像,您需要编辑模板并在要显示特色图像的位置添加以下代码行: <?php the_post_thumbnail(); ?> 添加上述代码的文件将根据您的主题而有所不同。您可能需要反复尝试将代码添加到不同的位置来调试效果。 […]

特色图像(也称为文章缩略图),大多数主题都提供WordPress这个功能点。它们是博客文章的主要图像,一般显示在主页、列表页和作为社交分享的图片。几乎所有流行的WordPress主题都内置了对特色图像的支持。

特色图像(也称为文章缩略图),大多数主题都提供WordPress这个功能点。 它们是博客文章的主要图像,一般显示在主页、列表页和作为社交分享的图片。几乎所有流行的WordPress主题都内置了对特色图像的支持。 在本教程中,我们将介绍如何在WordPress中添加特色图像或文章缩略图。 WordPress特色图像入门指南 特色图像是WordPress主题功能。几乎所有WordPress主题都内置了对特色图像的支持,并可以在WordPress网站的不同区域显示。 对于人类来说,视觉元素比纯文本更具吸引力。特色图像可使博客页面更具吸引力。 它们还帮助您建立用户参与度并增加页面浏览量。搜索引擎和社交媒体网站也可以使用这些图像,并将其显示在搜索结果和社交媒体新闻信息流中。 大多数特色图像用于博客文章,但您也可以为页面和自定义文章类型设置特色图像。 注意:特色图像与封面图片不同。封面图片一般用于文章开头,并且图片尺寸相对会大不少。 下面让我们直入主题,一起看看如何在WordPress中添加特色图像。 添加文章缩略图或特色图像 要在WordPress文章中添加特色图像,只需编辑或创建新的文章即可。 在古腾堡内容编辑器中,您会在右列中找到“特色图像”标签。 点击“设置特色图像”区域,这将弹出WordPress媒体上传弹出窗口。 在这里,您可以从计算机上传图像,也可以使用媒体库中的现有图像。选择图像后,点击右下角的“设置特色图像”按钮。 WordPress现在将在右列中显示特色图像的预览。但是,实际的特色图像会根据您的WordPress主题而有所不同。 发布文章即可查看特色图像在网站上的显示方式。 根据主题开发人员定义的设置,特色图像所显示位置不尽相同。 如何查找下载特色图像? 现在,大多数初学者遇到的下一个大问题是在哪里可以找到用作特色图像的高质量图片? 当然我们可以通过Google图片或者百度图片搜索并使用互联网上的任何图片。但这些图像可能受版权法保护,未经适当许可而使用它们可能会造成法律麻烦。 并且搜索引擎很难搜索到更高质量的图片资源。 我们更推荐使用以下图片网站查找搜索: Shutterstock – 该网站提供一些免费的图像,当然加入付费计划可以获得更多高质量的照片,插画,绘图,视频等。 Unsplash – 非常受欢迎的高清照片资源网站,且支持在网站和其他项目上使用高分辨率图像。 Negative Space – 无版权图像网站。 New Old Stock – 来自公共档案馆的老式照片集。 注意:所有这些来源均提供高分辨率图像,这意味着它们的文件大小和尺寸很大。您需要先基于网站优化图像,然后再将其用作特色图像。除上述推荐的图库网,你还可以查看更多图片资源网站。 特色图像由您的WordPress主题处理。为了更改主题显示特色图像的方式,您需要一些基本的CSS或WordPress编码技能。或者为图片增加鼠标悬停效果。 WordPress特色图片功能主题开发指南 特色图像是几乎所有WordPress主题都支持的流行功能。在极少数情况下,您可能会遇到不支持特色图像的主题,或者你可能不喜欢这样的特色图像处理方式。 在这种情况下,您可以为主题添加特色图像支持或更改其显示方式。 如果您在编辑WordPress主题文件和自定义CSS的方法,自己动手丰衣足食。 如果您的主题不支持特色图像,那么在内容编辑器中将看不到添加特色图像的选项。 要在WordPress主题中添加特色图像支持,您需要在主题的functions.php文件中添加以下代码行: add_theme_support( ‘post-thumbnails’ ); 此代码将为文章和页面启用特色图像支持。现在,您可以转到文章或页面区块编辑器,然后您将看到“特色图像”选项已启用。 但是,当您设置特色图像时,它不会自动显示在WordPress主题中。要在主题中显示特色图像,您需要编辑模板并在要显示特色图像的位置添加以下代码行: <?php the_post_thumbnail(); ?> 添加上述代码的文件将根据您的主题而有所不同。您可能需要反复尝试将代码添加到不同的位置来调试效果。 […]

Image Flip for WooCommerce – WordPress plugin WordPress插件下载

点击下载 WooCommerce的图像翻转 插件描述 这是一个非常简单的插件,可以在产品档案中添加辅助产品缩略图,当您显示时将鼠标悬停在主产品图片上。 如果您想在产品档案中显示多个图像,此插件非常理想,如果您想要显示服装的正面和背面图像,这个插件是完美的。 请随时在 github 上作出贡献。 安装 上传 image-flip-for-woocommerce 到 / wp-content / plugins / 目录通过WordPressDone中的“插件”菜单激活插件! 常见问题 如何控制悬停时显示的图像? 无论哪个图像首先按照产品库图像的顺序显示在悬停上。 我的次要图像高于主要产品图像,并且在内容淡入 时重叠内容。这是由于次要图像被绝对定位。 它不起作用。当我将鼠标悬停在图像上时没有任何反应? 首先检查您正在检查的产品是否附有图库。

Insert Image Alt Text – WordPress plugin WordPress插件下载

点击下载 插入图像Alt文本 插件描述 插入图像Alt Text专注于优化网站的最佳用户体验,专门用于插入alt – 图像的文字。对于那些将媒体应用于他们的博客的人,他们可以在每次想要插入图像或图形时自动插入替代文本。这是为了自动为博客图像应用替代文字。 此外,还有一项功能可用于评估所有页面,只需单击一下,即可查看哪些图像没有alt txt。该插件将通过图像上的绿色指示器突出显示具有alt文本的图像,对于不具有绿色指示符的图像,它将以红色显示。 请继续关注,因为它可能经常使用新功能进行更新。 屏幕截图 插入图像Alt Text可帮助您确定带/不带alt文本的所有图像。 安装插件后,您可以轻松单击按钮,将alt文本添加到没有替代文字的所有图像中。 安装 使用WordPress仪表板 导航到插件仪表板中的“添加新”搜索“insert-image-alt-text”单击“立即安装”激活插件仪表板上的插件通过单击“WordPress清理和基本选项功能”菜单选项卡自定义设置 在WordPress仪表板上载 导航到插件仪表板中的“添加新”导航到“上传”区域选择 insert-image-alt-text.zip 从您的计算机点击’立即安装’激活插件仪表板中的插件 使用FTP 点击下载 insert-image-alt-text.zip 将 insert-image-alt-text 目录解压缩到您的计算机上将 insert-image-alt-text 目录加载到 / wp-content / plugins / directory激活插件仪表板中的插件 FAQ 我的图像中将插入哪些Alt文本? 您上传的图片的文件名。该插件将美化文件名。

100% Secure Checkout

PayPal / MasterCard / Visa