Tag: WordPress优化技巧

  • 如何修复 WordPress 中的常见图像问题(终极指南)

    如何修复 WordPress 中的常见图像问题(终极指南)

    WordPress 本身附带了一些非常简洁的工具来管理和编辑图像。可以轻松上传图像、对齐图像,甚至在 WordPress 内部编辑图像。我们今天主要看看 WordPress 中最常见的图像问题以及如何修复它们。

    如何在 WordPress 中上传图片

    WordPress 可以非常轻松地将图像上传到帖子、页面和非内容区域(如侧边栏)。

    要在 WordPress 帖子和页面中上传图片,只需将图片块添加到内容编辑器

    图片[1]-361Sale WordPress Care

    还可以通过在段落块中输入 /image 来添加图像块。

    开始输入时,编辑器将开始显示你可以插入的块。

    图片[2]-361Sale WordPress Care

    WordPress 现在将图像块添加到编辑器。

    点击“上传”按钮从计算机中选择并上传图像。

    图片[3]-361Sale WordPress Care

    还可以从媒体库中选择之前上传的图像。

    上传图像后,将在内容编辑器中看到图像的实时预览。

    图片[4]-361Sale WordPress Care

    还将在右侧面板中看到图像设置。从那里,可以提供图像替代文本、选择图像大小并自定义图像样式。

    专业提示:在图片上传到 WordPress 时遇到过问题吗?可以查看我们的指南,了解如何修复 WordPress 中的图片上传问题

    如何在 WordPress 中将图像左对齐或右对齐

    使用 WordPress,将图像左对齐、右对齐或居中对齐非常简单。只需单击选择图像,然后单击块工具栏中的对齐按钮即可。

    图片[5]-361Sale WordPress Care

    一些流行的WordPress 博客如何使用带有环绕文字的图像。

    这是通过使用对齐功能来完成的。

    图片[6]-361Sale WordPress Care

    或者,也可以使用媒体和文本块代替图像块。

    此块专门用于在文本旁边添加图像。

    图片[7]-361Sale WordPress Care

    然后可以并排上传图像和文本。

    还可以使用块工具栏来更改图像或文本面。

    图片[8]-361Sale WordPress Care

    如何在图片下方添加标题

    WordPress 可以轻松为图片添加标题。上传图片后,会在图片预览下方看到添加标题的选项。

    图片[9]-361Sale WordPress Care

    如何在列和行中显示照片

    用户经常会问我们如何以行和列的方式整齐地显示照片。

    假设你想分享生日聚会或度假的照片。你可以将它们逐张添加到帖子中,但这看起来会像一长串图片。

    对照片进行分组的更好方法是创建图像库。

    WordPress 带有内置的图库块,可以轻松地在行和列中添加带有缩略图预览的图像。

    只需将 Gallery 块添加到帖子编辑器并选择要上传的图像即可。

    图片[10]-361Sale WordPress Care

    如何在 WordPress 中创建响应式图库

    默认的 WordPress 图片库缺少几个功能。例如,它们不太容易浏览。

    如果经常将图像和照片上传到 WordPress 网站,那么需要一个WordPress 照片库插件。

    我们建议使用Envira Gallery。它可以在 WordPress 网站上轻松创建美观且完全适合移动设备的图片库。

    图片[11]-361Sale WordPress Care

    最好的部分是它增加了额外的功能,如相册、图库模板、社交共享、幻灯片、水印、分页、密码保护、标记、全屏视图等等。

    另一个流行的 WordPress 照片库插件是NextGEN Gallery。它提供了许多画廊布局和一个漂亮的灯箱画廊,用于在 WordPress 中显示图像。

    NextGen 画廊

    NextGEN Gallery 还为专业摄影师提供强大的功能,如照片校对、打印完成、图像保护、Adobe Lightroom 插件、PayPal 和Stripe 支付网关等。

    如何修复丢失的帖子缩略图/特色图片

    大多数 WordPress 主题都可以在文章中突出显示特色图片。让我们看看如何在 WordPress 中设置特色图片以避免丢失缩略图。

    为 WordPress 帖子设置特色图片

    首先,需要点击“设置特色图片”来上传您的帖子缩略图。

    上传图像后,能够在特色图像元框中看到你的帖子缩略图,如下所示。

    帖子编辑器中的特色图片预览

    如何在 WordPress 文章和页面中添加封面图片

    封面图片是宽或全宽图片,可用作文章不同部分或较长的销售页面之间的分隔符。

    它们非常吸引人,可以帮助用户轻松浏览页面而不会感到被太多的文字所淹没。

    要添加封面图片,只需将封面块添加到内容编辑器。

    添加封面块

    接下来,需要从计算机上传要使用的图片或从媒体库中选择一张。如果不想使用图片,那么也可以选择彩色背景作为封面。

    提示:最好使用大图像效果比较好。

    现在,在编辑器中看到封面图片的实时预览。可以从区块工具栏更改封面图片显示选项,也可以使用右侧的设置。

    封面图片预览

    如何修复特色图片出现两次的问题

    在内容中插入特色图片是新手常犯的一个错误。

    设置特色图片后,不需要将其与内容一起插入到帖子中。

    这样做会使特色图片出现两次。一次作为特色图片,一次作为帖子内的图片。

    精选图片出现两次

    可以在帖子中添加其他图片,但特色图片将出现在特色图片框中。

    如何在 WordPress 中裁剪图像

    当从手机或相机上传图像时,它们通常太大。

    WordPress 会自动给你最初上传的图片创建小、中、大三种尺寸的图片。但有时候可能需要将图片裁剪成不同的尺寸。

    WordPress 不是 Photoshop,但它具有一些基本的图像编辑功能,如缩放、裁剪、翻转和旋转图像。

    只需转到媒体»添加新内容并上传图片即可。上传图片后,会在上传的图片旁边看到“编辑”链接。

    单击它将打开“编辑媒体”屏幕,会在图像下方看到“编辑图像”按钮。这将打开 WordPress 图像编辑器。

    在 WordPress 中编辑图像

    从这里,可以点击图片预览下方的“编辑图片”按钮。这将打开图片编辑屏幕。

    在图像编辑器屏幕上,会看到执行一些基本图像编辑任务的按钮,例如裁剪、旋转、调整大小等。

    WordPress 图像编辑功能

    如果使用块编辑器,则可以使用图像工具栏中的内置裁剪功能来裁剪图像。

    只需单击图像块并选择工具栏中的“裁剪”图标。

    单击图像块工具栏中的“裁剪”按钮

    之后,可以根据自己的喜好调整图像的纵横比和裁剪区域。

    可以使用原始的纵横比或 WordPress 预定义的纵横比。

    在图像块工具栏中选择纵横比

    如何在 WordPress 中添加标题图像

    WordPress 中的标题图像是主题功能。许多 WordPress免费和高级主题都支持标题图像。

    一些 WordPress 主题可以设置站点范围的标题图像,而其他主题可以仅为主页设置标题图像。

    可以从外观»自定义页面上传自己的自定义标题图像。

    标题选项

    如果使用块主题,则编辑主题标题的位置会有所不同。

    首先,需要转到外观»编辑器

    从 WordPress 管理面板中选择全站点编辑器

    然后,选择“图案”。

    这将带进入一个页面,可以在其中访问主题的标题模式。

    站点编辑器中的模式

    之后,向下滚动到模板部分。

    完成后,只需选择“标题”并单击标题模板即可进行编辑。

    在 WordPress 块编辑器上选择标题模式

    从那里,可以像在本文第一部分中一样将图像块添加到标题模式。

    如何在 WordPress 中添加背景图片

    就像自定义标题图像一样,自定义背景图像也是 WordPress 主题的功能。许多 WordPress 主题都支持自定义背景图像。

    访问外观»自定义以启动主题定制器。如果可以看到背景图像选项,则你的主题支持自定义背景。

    自定义背景

    这是主题功能,因此不同主题的设置会有所不同。根据主题的不同,会看到不同的背景图片样式选项。

    如果你的主题不支持背景图像,那么仍然可以使用插件将全屏背景图像添加到网站。

    如何在不损失质量的情况下优化 WordPress 图像

    WordPress 用户遇到的最常见的图像问题之一是如何在不损失图像质量的情况下 压缩图像

    除了上传速度更快之外,优化后的图片在前端的加载速度也更快,提升了用户体验并降低了跳出率。这是因为它们消耗的带宽更少,为网络连接有限的用户节省了数据使用量。 

    搜索引擎在对网站进行排名时也会考虑页面速度。优化的图片有助于缩短加载时间,有可能提高网站SEO。

    优化图像还是比较简单的。我们建议Optimole这个优秀图像优化插件。

    使用强大的机器学习算法自动压缩图像

    如何向 WordPress 图像添加标题属性

    虽然标题属性对于图像的功能来说不是必需的,但它提供了当用户将鼠标悬停在图像上时出现的图像的简短描述。

    这可以通过为访问者提供更多背景信息来改善用户体验。举个例子,如果有一张美味巧克力蛋糕的图片,那么“自制巧克力蛋糕”这样的标题属性可能会比较好一点。

    WordPress 中具有标题属性的图像示例

    标题属性对WordPress SEO也大有裨益。虽然它们不会直接影响搜索排名,但可以帮助搜索引擎了解图片内容并提高网站的可访问性。

    如何在 WordPress 中对图像进行分类和标记

    如果是经营摄影博客,那么会发现 WordPress 不允许对照片和图像进行排序。

    如果可以给图像添加标签以便自己和用户可以轻松浏览它们。

    有一些插件可以实现这一点。

    按类别过滤图像

    对于与摄影相关的博客,最好的选择是使用Envira Gallery,它附带一个可以添加标签的插件。

    Envira Gallery 可以在 WordPress 中创建精美的、适合移动设备的照片库。使用标签,用户可以轻松筛选和排序照片,甚至无需重新加载页面。

    Envira Gallery 标签功能

    如何在 WordPress 中导入外部图像

    将网站迁移到 WordPress 时,经常会出现这个问题。网站上的一些图片可能仍然指向比较旧的位置。

    对于从 Blogger、Squarespace或WordPress.com导入博客的用户尤其如此。

    虽然网站上的图片可能显示正确,但它们仍是从外部源加载的。要解决此问题,只需安装并激活自动上传图片插件。

    自动上传图像插件设置

    更新或保存任何帖子或页面后,插件将检查外部图像。可以手动为每个帖子或页面执行此操作,也可以批量编辑所有帖子,然后单击更新按钮即可。

    这是一些最常见的WordPress图像问题,希望能帮助到你们。如果其它问题可以在我们的问答社区留言,如果不想自己解决,也可以“联系我们”帮你解决!

  • 在 WordPress 中嵌入 YouTube 视频的详细指南:方法与优化技巧

    在 WordPress 中嵌入 YouTube 视频的详细指南:方法与优化技巧

    什么是嵌入 YouTube 视频?

    嵌入视频的一个主要优势是可以减少网站的加载时间。视频文件通常文件较大,直接上传到网站会显著降低网站速度。通过嵌入,我们可以既展示视频,又不会影响网站性能。

    使用编辑器嵌入 YouTube 视频

    图片[1]-361Sale WordPress Care

    在 WordPress 编辑器中嵌入 YouTube 视频的最简单方法是使用 oEmbed 协议。oEmbed 协议允许你只需使用源 URL 即可将视频、图像和文本从一个网站嵌入到另一个网站。操作方法如下:

    1. 前往 YouTube 并找到想要嵌入的视频
    2. 选择浏览器顶部的 URL 并将其完整复制
    3. 转到你的 WordPress 可视化编辑器并将光标放在希望视频出现的位置
    4. 粘贴视频的 URL 并让 WordPress 自动将其转换为嵌入式视频

    粘贴视频 URL 会自动将其转换为嵌入式视频。这种方法简单易用,但需要遵循一些准则:

    • 将嵌入链接放在其行中。这意味着链接前后不应有文本或空格。
    • 不要在 URL 中添加对齐或样式元素。这会使 URL 被包裹在 HTML 格式中并取消嵌入。
    • 仅接受视频或播放列表的链接。请勿粘贴 YouTube 频道的 URL。

    使用编辑器的块添加功能

    另一种在 WordPress 中嵌入 YouTube 视频的方法是使用块编辑器。这种方法允许你通过添加块来实现更灵活的内容布局:

    1. 在 WordPress 帖子中,可以输入文本或选择不同类型的块
    图片[2]-361Sale WordPress Care
    1. 单击加号可添加除文本段落之外的其他内容类型,这是 WordPress 块编辑器中的默认设置。你将看到一个菜单,其中显示可以添加到帖子中的不同类型的元素。
    2. 点击“浏览全部”以查找嵌入功能。可以向下滚动到嵌入部分以查找 YouTube 嵌入选项,或使用搜索栏查找它。
    3. 单击 YouTube,复制并粘贴要添加到 WordPress 帖子的 YouTube 视频的 URL
    图片[3]-361Sale WordPress Care

    这样,视频将嵌入到你的帖子中。此方法还支持来自其他平台的视频嵌入,例如 Vimeo、Dailymotion 和 Twitter。

    使用 Iframe 方法嵌入 YouTube 视频

    oEmbed 方法简单易用,但它不提供任何自定义选项。Iframe 嵌入方法则提供更多自定义选项,允许你精确控制视频在网站上的外观和工作方式:

    1. 单击要在 WordPress 页面上播放的 YouTube 视频下方的“分享”按钮
    2. 单击嵌入按钮,找到 iframe 嵌入代码和一些可自定义的选项。
    3. 如果希望视频从某个点开始,请在该点暂停视频并启用“开始于”选项。还可以在下面管理播放器控制和隐私增强模式。
    4. 复制嵌入代码并返回 WordPress 网站
    5. 从可视化编辑器切换到文本编辑器并粘贴嵌入代码
    6. 更新帖子,WordPress 会将其转换为嵌入式视频

    使用在线嵌入工具嵌入 YouTube 视频

    虽然 iframe 方法本身带有许多自定义选项,但 YouTube 并未包含所有可能的选项。使用在线 YouTube 视频嵌入工具(例如 YouTube Video Embed),可以创建更多自定义列表,并输出一个可直接复制到 WordPress 文本编辑器中的代码:

    图片[4]-361Sale WordPress Care
    1. 粘贴视频 URL,尝试嵌入选项,然后复制并粘贴 iframe 代码。
    2. 一些常用的嵌入选项包括
      • 自动播放视频:网页打开时自动播放视频。
      • 循环视频:嵌入的视频重复播放。
      • 显示注释:启用或禁用视频中的文本注释。
      • 允许全屏:观众可以或不可以全屏观看视频。
      • 隐藏式字幕:启用或禁用视频的隐藏式字幕。
      • 进度条:进度条在整个视频过程中可见,或在一定时间后自动隐藏。
      • 相关视频:启用或禁用 YouTube 在视频结尾显示相关视频。
      • 视频标题:控制视频文本标题的可见性。
      • 开始时间:视频开始的时间。
      • 结束时间:视频结束的时间。
      • 布局:视频的尺寸保持固定或根据屏幕尺寸而变化。
      • 对齐:视频可以左对齐、居中或右对齐。
      • 宽高比:视频的宽高比可以是 16:9、4:3 或 1:1。
      • 宽度和高度:视频的尺寸(以像素为单位)。
    图片[5]-361Sale WordPress Care

    优化嵌入页面

    嵌入的 YouTube 视频会增加页面的加载时间,因为浏览器需要发出额外的请求来加载视频资源。解决这一问题的一个方法是延迟加载嵌入的 YouTube 视频

    1. 延迟加载是一种仅在页面加载时加载必要资源的技术。其他不太重要的资源(如嵌入的视频)仅在用户点击播放按钮时加载。
    2. 避免使用延迟加载会浪费用户数据、处理时间、电池时间和其他系统资源。如果安装了优质的延迟加载插件,可以减少初始页面重量、系统资源使用量,所有这些都可以提高网站性能。
    3. ELEX Optimize YouTube Videos Embed Plugin for WordPress 插件使用预设的横幅和 YouTube 图标模拟嵌入视频,但仅在访问者点击后加载嵌入视频。
    图片[6]-361Sale WordPress Care

    在侧边栏嵌入视频

    在 WordPress 中将 YouTube 视频嵌入侧边栏是一种创造性的方法,可以吸引用户并增加网站的互动性:

    1. 在管理仪表板中,将鼠标悬停在“外观”上并单击“自定义”
    2. 单击“小部件”,选择侧边栏,然后单击“添加小部件”
    3. 在搜索框中输入视频并点击结果。视频小部件将添加到侧边栏。
    4. 点击“添加视频”,选择“从 URL 插入”,粘贴视频链接,等待视频预览,然后点击“添加到小部件”
    5. 最后,点击“发布”即可上线

    在 WordPress 上制作视频库

    如果你的品牌有自己的专用 YouTube 频道,可以通过展示整个频道来简化内容营销工作。使用插件(如 Embed Plus 和 ELEX WordPress Embed YouTube Video Gallery)可以制作视频库,这些插件具有 zip 导入、实时流媒体、块编辑器兼容性等功能,使流程变得轻松自动化。

    嵌入 YouTube 视频替代 WooCommerce 产品图片(高级功能)

    在 WooCommerce 网站上用产品视频替换产品图片,可以提供更丰富的产品展示:

    1. 从 ELEXtensions 订阅插件的高级版本
    2. 在 WordPress 仪表板中,导航到“产品”> “所有产品”,选择一个产品
    图片[7]-361Sale WordPress Care
    1. 在产品页面上,输入建议产品视频的 URL
    2. 单击“更新”。前端的产品页面将显示视频替代产品图片。
    图片[8]-361Sale WordPress Care

    总结

    随着视频在网络内容中的重要性日益增加,掌握在 WordPress 中嵌入 YouTube 视频的各种方法非常重要。无论是使用 oEmbed、块编辑器、iframe、在线工具,还是在侧边栏和视频库中嵌入视频,都可以显著提升网站的用户体验和互动性。

    图片[9]-361Sale WordPress Care

    常见问题解答

    如何在 WordPress 帖子或页面中嵌入 YouTube 视频?

    • 只需将 URL 粘贴到内容区域,WordPress 就会自动将其嵌入到你的博客或帖子中。也可以使用内容管理系统的视频块。

    我可以自定义嵌入的 YouTube 视频的外观吗?

    • 是的,你可以通过各种插件自定义嵌入视频的外观,以实现最佳的自定义效果。

    为什么嵌入视频比上传视频更重要?

    • 上传视频可能会导致网站崩溃,加载时间过长也会让用户感到厌烦。嵌入视频可以避免这些问题,并帮助你将视频元素添加到网站上。

    我可以在 WordPress 上嵌入 YouTube 播放列表吗?

    • 是的,你可以在 WordPress 上嵌入 YouTube 播放列表,展示你的所有视频内容。