当前位置: 首页 > article >正文

如何在WordPress网站中添加相册/画廊


在 WordPress 网站上添加相册可以让您展示许多照片。无论您是在寻找标准的网格相册画廊还是独特的瀑布流相册画廊体验,学习如何在 WordPress 网站上添加相册总是一个好主意。在本教程中,我们将介绍两种为 WordPress 网站添加相册的方法:使用区块编辑器和最好的相册画廊插件之一 Envira Gallery 插件。

如何使用 WordPress 区块编辑器添加相册

在本教程的开始,我们将学习如何使用默认的 WordPress 区块编辑器添加相册。此过程适用于大多数与区块编辑器兼容的 WordPress 主题。

设置画廊页面

登录 WordPress 网站。然后,将鼠标悬停在 “页面” 菜单项上。然后,点击添加新建页面。

确定页面标题后,单击 “区块编辑器” 内容区域的黑色加号图标。这将打开可用区块。在搜索栏中输入 “画廊”。画廊区块就会出现。点击画廊区块,将该区块添加到页面中。


将相册区块添加到页面后,我们就可以继续添加照片了。

自定义和填充相册区块

设置好相册区块后,您有两种方式填充相册。您可以直接从硬盘上传新照片。或者,通过媒体库选择网站上已有的照片。在本教程中,我们将从媒体库中选择照片。为此,请单击蓝色的 “媒体库” 链接。

这将打开 “媒体库”,供你选择照片。
选择所选照片,然后点击蓝色的创建新相册按钮。现在,您可以添加标题或编辑相册中的每张照片。最后,单击蓝色的插入相册按钮,将相册添加到页面中。
现在,您的相册区块已经填充完毕,您可以使用区块设置栏对相册进行美观更改。您可以更改列数、裁剪图片,并将单张图片链接到网站内外的不同位置。

对相册满意后,就可以保存页面了。您还可以使用图片块添加更多相册或单张图片,以获得更具创意的布局。要进一步了解如何在下一个 WordPress 项目中使用相册区块,请查看我们的文章《如何使用 WordPress 相册区块》。

虽然相册块是在 WordPress 网站上添加画廊的一种简单有效的方法,但它也有一些缺点。例如,您不能用它来展示产品照片,也不能对它进行深度定制。这时,使用插件可能会更有帮助。当涉及到扩展 WordPress 本机功能时,插件提供了强大的功能。这一点可以从使用画廊插件时获得的更多功能中看出。

如何使用插件在 WordPress 中添加相册

与大多数 WordPress 插件类型一样,您可以为下一个项目选择多种相册插件。我们甚至编制了一份最受欢迎的相册插件列表!虽然有很多选择,但我们的教程将使用灵活的 Envira Gallery 插件。

Envira Gallery 是一款功能强大的相册插件,可以完美地管理视频和照片。该插件的一个主要特点是其强大的拖放界面。此外,它还能与 WooCommerce 和社交媒体完美集成,并提供大量模板,供你设计相册风格。Envira Gallery 还具有深度链接、水印和右键保护等功能。如果您正在寻找一款可靠的插件来处理您的画廊,Envira Gallery 应该是您的首选。

安装和配置 Envira Gallery

在 WordPress 网站上创建新页面后,将鼠标悬停在插件上。然后点击安装插件。在搜索框中输入 Envira Gallery。然后,点击蓝色的启用按钮启用插件。

安装插件后,您会发现有一个新的菜单选项。所有相册都将在这里创建。
让我们看看 Envira Gallery 面板,创建第一个相册!

使用 Envira 创建第一个 WordPress 相册

要创建第一个相册,请将鼠标悬停在 Envira 相册菜单选项上。然后点击 “Add New“。

接下来,点击 “Add Title” 文本框,为相册命名。

在本地 Envira 相册选项卡下,您可以从电脑上传新照片,或从媒体库等其他来源选择文件。单击绿色的 “Select Files from Your Computer” 按钮上传新照片。单击灰色的 “Select Files from Other Sources” 按钮,从媒体库中添加文件。

在 “External Gallery” 选项卡下,Envira Gallery 允许您在相册中使用 Instagram feed 中的照片。这是一个高级选项,升级到 Envira Gallery 插件的高级版本后即可使用。

在本例中,我们将从媒体库中选择照片。为此,请单击 Envira 相册选项卡下的灰色 “Select Files from Other Sources” 按钮。然后,滚动浏览媒体相册。要选择多张图片,请在选择要添加到相册的照片时按下 CTRL 按钮。

添加照片后,你会发现它们显示在 “Gallery” 选项卡中。
将照片上传到相册后,点击绿色的 “Publish” 按钮。这将使您的相册生效,并生成一个简码,您可以在整个 WordPress 网站中使用它来展示您的相册。如果您想将相册输入模板文件,还将生成一个代码片段。

接下来,让我们将相册添加到页面中。

在页面中添加 Envira WordPress 相册

Eniva 相册自带一个区块,我们可以用它将相册添加到页面和文章中。为此,请单击黑色加号图标。这将弹出各种区块。在搜索栏中输入 Envira。这将弹出 Envira 相册区块。点击区块,将其添加到页面。

将图块添加到页面后,点击下拉菜单。然后,选择要添加到页面的相册。

选中相册后,您可以使用本地区块编辑器侧边栏编辑相册设置。或者,您也可以点击编辑按钮图标,在 Envira 相册仪表板上编辑相册设置。

现在,我们已经将相册添加到了页面中,让我们来看看可以进行哪些定制。

自定义 WordPress 相册

这些功能可在免费版 Envira Gallery 插件中进行编辑。

配置选项卡

Config 选项卡允许你控制相册的各个方面,如列数、图片尺寸和懒加载设置。

灯箱选项卡

在 “灯箱” 选项卡中,您可以进行所有必要的设置,以调整灯箱,满足您对相册的需求和要求。

杂项选项卡

更改相册的标题和标签,添加自定义 CSS 类,以便更深入地控制相册的外观。

移动端、视频、社交、标签和分页设置都是 Envira Gallery 高级功能集的一部分。有关高级 Envira Gallery 插件提供的所有功能的完整列表,请查看此详尽列表。

Envira Gallery 这样功能强大的相册插件可以让您直接在 WordPress 网站上添加画廊。使用插件为 WordPress 网站添加相册是一个明智的选择,它将管理照片和视频资产的所有重任都交给了插件。现在,让我们来看看 WordPress 网站可以考虑的其他一些流行的相册选项。

其他热门 WordPress 相册选项

在 WordPress 网站上添加相册有多种方法。从使用块编辑器到插件,我们重点介绍了其他几种方法,让任何人都能轻松地在 WordPress 网站上添加画廊。

NextGEN Gallery (Imagely)


NextGEN Gallery 拥有超过 3200 万次下载,是下载次数最多的 WordPress 图像相册插件之一,这是有原因的。该相册插件有免费和高级两个版本,可为您提供制作网站最佳相册所需的所有工具。通过电子商务集成,您可以销售您的摄影作品,为专业摄影师提供照片打样服务,并提供大量预制模板和样式,NextGEN Gallery 可以满足您的一切需求。自动调整图片大小、添加水印、管理相册和相册。如需 WordPress 网站的另一个插件选项,请查看 NextGEN。

10Web Photo Gallery

10Web Photo Gallery 是另一款 WordPress 插件,具有拖放功能,可轻松管理相册,而且好评如潮。如果搜索引擎优化是网站成功的关键,那么这款插件的一个主要特点就是注重图片搜索引擎优化。当然,该插件还具有多种风格和布局、移动响应能力以及社交分享功能,让网站访客可以向他们的网络展示精美的相册。

Modula


Modula 是一款与 Gutenberg 兼容的相册插件,这意味着它可以添加过滤器、密码保护、滑块等功能,使用这款独特的插件可以为您的下一个相册提供所有功能。其他插件可能专注于主题和样式设计,而 Module 拥有一个专有解决方案,将图像优化与极速 CDN 结合在一起。向更好的网站性能问好吧,即使是庞大的画廊!

Divi


Divi 是一款功能强大的 WordPress 主题,它拥有一个高度可定制的相册模块。Divi 的相册模块为您提供两种方向选项、可定制的叠加样式等。使用相册模块创建全宽图像相册是一个简单的过程,制作独特醒目的边框装饰也是如此,您可以使用这些边框装饰使您的相册与您的品牌完美匹配。此外,Divi 的相册功能还可以通过在 Elegant Themes Marketplace 上找到的插件进一步扩展。DiviFilter Grid 和 Divi Masonry Gallery 等插件都是 Divi 主题的绝佳补充,可以轻松创建美观、引人注目的相册。

小结

在 WordPress 网站上添加画廊变得非常简单。先在图像程序中手动准备照片,然后再在网上手工整理照片的时代已经一去不复返了。使用区块编辑器创建一个基本的画廊非常简单,只需几分钟即可完成。如果想获得更深入的功能,可以使用 Envira Gallery 或 Modula 等插件,利用照片、视频甚至社交媒体文章创建功能丰富的相册。

相关文章:

如何在WordPress网站中添加相册/画廊

在 WordPress 网站上添加相册可以让您展示许多照片。无论您是在寻找标准的网格相册画廊还是独特的瀑布流相册画廊体验,学习如何在 WordPress 网站上添加相册总是一个好主意。在本教程中,我们将介绍两种为 WordPress 网站添加相册的方法:使用区…...

【NLP基础知识系列课程-Tokenizer的前世今生第一课】Tokenizer 是什么?为什么重要?

语言的“颗粒度”:我们到底在切什么? 我们都知道模型要处理文本,第一步是把一段段字符变成“token”。但这些 token 究竟应该是句子、单词,还是更小的片段,比如“un break able”? 这背后涉及的是一个非…...

Codeforces Round 1025 (Div. 2)

Problem - A - Codeforces 查有没有人说谎&#xff0c;有一个必错的情况&#xff1a; 两个人都说输了&#xff0c;必有人撒谎&#xff0c;还有就是所有人都赢了&#xff0c;也是撒谎 来看代码&#xff1a; #include <iostream> #include <vector> using namespa…...

Ubuntu20.04操作系统ssh开启oot账户登录

文章目录 1 前提2 设置root密码3 允许ssh登录root账户3.1 编辑配置文件3.2 重启ssh服务 4 安全注意事项 1 前提 ssh可以使用普通用户正常登录。 2 设置root密码 打开终端&#xff0c;设置密码 sudo passwd root # 设置root密码3 允许ssh登录root账户 3.1 编辑配置文件 su…...

类欧几里得算法(floor_sum)

文章目录 普通floor_sum洛谷P5170 【模板】类欧几里得算法 万能欧几里得算法求 ∑ i 1 n A i B ⌊ a i b c ⌋ \sum_{i1}^{n}A^iB^{\lfloor \frac{aib}{c} \rfloor} ∑i1n​AiB⌊caib​⌋求 ∑ i 0 n ⌊ a i b c ⌋ \sum_{i0}^n \lfloor\frac{aib}{c}\rfloor ∑i0n​⌊caib…...

每日Prompt:卵石拼画

提示词 世界卵石拼画大师杰作&#xff0c;极简风格&#xff0c;贾斯汀.贝特曼的风格&#xff0c;彩色的鹅卵石&#xff0c;斑马头像&#xff0c;鹅卵石拼画&#xff0c;马卡龙浅紫色背景&#xff0c;自然与艺术的结合&#xff0c;新兴的艺术创作形式&#xff0c;石头拼贴画&am…...

湖北理元理律师事务所观察:债务优化如何成为民生安全网

据央行2023年报告&#xff0c;中国家庭债务收入比达137.8%。面对债务高压&#xff0c;湖北理元理律师事务所的实践揭示&#xff1a;专业债务规划的价值不仅是减负数字&#xff0c;更是构建社会稳定的微观防线。 一、从“催收恐惧”到“主动管理”的转变 该所服务数据显示&…...

AI时代新词-机器学习即服务(MLaaS)

一、什么是机器学习即服务&#xff08;MLaaS&#xff09;&#xff1f; 机器学习即服务&#xff08;Machine Learning as a Service&#xff0c;简称MLaaS&#xff09;是一种云计算服务模式&#xff0c;它将机器学习工具和平台作为服务提供给用户。用户可以通过云平台访问机器学…...

设计模式简述(二十)规格模式

规格模式 描述组件 使用 描述 规格模式并不在传统的23设计模式中&#xff0c;属于后面扩展的设计模式。 简单描述就是对一批数据进行多条件&#xff08;包括逻辑组合、有点装饰器的感觉&#xff0c;可以不断套娃&#xff09;匹配。 组件 实体 package dp.spec;/*** TODO** …...

符合Python风格的对象(覆盖类属性)

覆盖类属性 Python 有个很独特的特性&#xff1a;类属性可用于为实例属性提供默认 值。Vector2d 中有个 typecode 类属性&#xff0c;bytes 方法两次用到了 它&#xff0c;而且都故意使用 self.typecode 读取它的值。因为 Vector2d 实 例本身没有 typecode 属性&#xff0c;所…...

题目 3314: 蓝桥杯2025年第十六届省赛真题-魔法科考试

题目 3314: 蓝桥杯2025年第十六届省赛真题-魔法科考试 时间限制: 3s 内存限制: 512MB 提交: 245 解决: 49 题目描述 小明正在参加魔法科的期末考试&#xff0c;考生需要根据给定的口诀组合出有效的 魔法。其中&#xff0c;老师给定了 n 个上半部分口诀 a1, a2, . . . , an 和 m…...

Java八股-Java优缺点,跨平台,jdk、jre、jvm关系,解释和编译

java优势劣势&#xff1f; 优势&#xff1a;面向对象&#xff0c;平台无关&#xff0c;垃圾回收&#xff0c;强大的生态系统 劣势&#xff1a;运行速度慢&#xff08;相比于c和rust这样的原生编译语言会比较慢&#xff09;&#xff0c;语法繁琐&#xff08;相比于python&…...

linux 内核态和用户态定时器函数使用总结

1&#xff0c;场景总结 定时器类型精度范围适用场景注意事项用户态信号定时器秒级简单任务调度、心跳检测信号处理函数中不可调用非异步安全函数timerfdepoll纳秒级高精度事件循环、多媒体处理需要配合IO多路复用机制使用内核timer_list毫秒级设备驱动、硬件交互基于jiffies时…...

支持selenium的chrome driver更新到136.0.7103.113

最近chrome释放新版本&#xff1a;136.0.7103.113 如果运行selenium自动化测试出现以下问题&#xff0c;是需要升级chromedriver才可以解决的。 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only s…...

硬件服务器基础

1、硬件服务器基础 2、服务器后面板 3、组件 3.1 CPU 3.2 内存 3.3 硬盘 3.4 风扇 4、服务器品牌 4.1 配置 4.2 CPU 架构 4.2.1 CPU 命名规则 4.2.2 服务器 CPU 和家用 CPU 的区别 4.2.3 CPU 在主板的位置 4.2.4 常见 CPU 安装方式 4.3 内存中组件 4.3.1 内存的分类 4.3.1.1 …...

LVS的DR模式部署

目录 一、引言&#xff1a;高并发场景下的流量调度方案 二、LVS-DR 集群核心原理与架构设计 &#xff08;一&#xff09;工作原理与数据流向 数据包流向步骤3&#xff1a; &#xff08;二&#xff09;模式特性与53网络要求 三、实战配置&#xff1a;从9环境搭建到参数调整…...

TRS收益互换平台开发实践:从需求分析到系统实现

一、TRS业务概述 TRS&#xff08;Total Return Swap&#xff09;收益互换是一种金融衍生工具&#xff0c;允许投资者通过支付固定或浮动利息&#xff0c;换取标的资产&#xff08;如股票、指数&#xff09;的收益权。典型应用场景包括&#xff1a; ​​跨境投资​​&#xff…...

测试Bug篇

本节概要&#xff1a; 软件测试的生命周期 bug的概念 buh要素 bug等级 bug生命周期 对于bug的定级与开发发生冲突如何解决 一、 软件测试的⽣命周期 软件测试贯穿于软件的整个生命周期&#xff0c;针对这句话我们⼀起来看⼀下软件测试是如何贯穿软件的整个生命周期。 软…...

【Linux系统移植】Cortex-A8 Linux系统移植(超详细)

目录 前言 一、ARM开发板ARM简介RISC和CISCARM产品分布核心板S5pv210 SOC嵌入式系统开发方式 二、嵌入式系统组成为什么要系统移植内核移植框图 三、嵌入式开发环境搭建搭建开发环境总流程设置ubuntu与windows共享目录修改用户为root用户安装NFS服务器安装tftp服务器安装交叉编…...

第十五届蓝桥杯大赛软件赛国赛Python 大学 C 组试做【本期题单: 设置密码、栈】

早上好啊大伙&#xff0c;这一期依旧是蓝桥杯备赛刷题的记录。 本期题单&#xff1a;设置密码、栈 前言 前段时间准备省赛&#xff0c;运气好进国赛了。所以就开始准备6月份的国赛。但是近期还有别的比赛要准备&#xff0c;所以刷题的速度比较慢&#xff0c;可能每一期就会有一…...

报错SvelteKitError: Not found: /.well-known/appspecific/com.chrome.devtools.json

报错信息 SvelteKitError: Not found: /.well-known/appspecific/com.chrome.devtools.json 解决方案一 更新所有依赖 npm update解决方案二&#xff08;不一定成功&#xff09; src\lib\hooks.server.ts&#xff0c;每次请求服务器时执行 import type { Handle } from &…...

word添加页眉

问题一&#xff1a; 为word文档添加页眉。 方法&#xff1a; 1、在要添加页眉的第一页页面顶端双击页眉区域&#xff0c;如果添加页眉页上面还有其他页或者与上一页添加页眉内容不同&#xff0c;记得取消“链接到前一节”&#xff08;点击使其上面没有灰色即可&#xff09;&…...

JavaScript 中的 BigInt:当普通数字不够“大“时的救星

前言 大家好&#xff01;今天我们要聊一聊 JavaScript 中那个"大"到不行的数据类型 —— BigInt。如果你曾经因为 JavaScript 的数字精度问题而抓狂&#xff0c;或者好奇为什么 9007199254740992 9007199254740993 会返回 true&#xff0c;那么这篇文章就是为你准备…...

通过mailto:实现web/html邮件模板唤起新建邮件并填写内容

一、背景 在实现网站、html邮件模板过程中&#xff0c;难免会遇到需要通过邮箱向服务提供方发起技术支持等需求&#xff0c;因此&#xff0c;我们需要通过一个功能&#xff0c;能新建邮件并提供模板&#xff0c;提高沟通效率 二、mailto协议配置说明 参数描述mailto:nameema…...

2025推客系统小程序开发:独立部署源码交付,高性价比裂变增长引擎

在私域流量争夺白热化的今天&#xff0c;源码独立部署的推客系统小程序已成为企业构建自主分销体系、降低获客成本的核心利器。基于成熟案例与技术沉淀&#xff0c;我们提供安全可控、高性价比的一站式解决方案&#xff0c;助力企业快速搭建专属推客生态&#xff0c;实现长效增…...

【Python零基础入门系列】第6篇:Python 的数据结构世界(列表、字典、集合、元组)

欢迎来到 Python 零基础入门系列的第六篇! 前面我们学会了写 Hello World、掌握了变量与数据类型、学会了控制程序流程,还能写写函数、读读文件。现在,我们要走进 Python 的数据结构世界,这也是写程序时最核心的一环之一。 你可以把“数据结构”理解成放数据的容器,或者是…...

MVCC 原理与并发控制实现

MVCC 原理与并发控制实现 1. MVCC 基本概念 MVCC(Multi-Version Concurrency Control&#xff0c;多版本并发控制)是现代数据库系统中实现并发控制的核心技术之一。与传统的锁机制不同&#xff0c;MVCC通过维护数据的多个版本来实现非阻塞读取。 关键结论&#xff1a;MVCC的核…...

CentOS 7.0重置root密码

文章目录 版本&#xff1a;CentOS 7.0内核版本&#xff1a;CentOS Linux, with Linux 3.10.0-123.el7.x86_64 服务器重启后&#xff0c;等待进入上述页面&#xff0c;按⬆⬇键&#xff0c;中断正常启动。在此页面按E&#xff0c;进入编辑模式 继续按⬇&#xff0c;找到linux16…...

YOLOV11改进策略【最新注意力机制】CVPR2025局部区域注意力机制LRSA-增强局部区域特征之间的交互

1.1网络结构 1.2 添加过程 1.2.1 核心代码 import torch import torch.nn as nn import torch.nn.functional as F from einops import rearrangedef patch_divide(x, step, ps):"""Crop image into patches.Args:x (Tensor): Input feature map of shape(b, …...

3D建模的全景图谱:从55个工具到元宇宙的数字革命

3D建模已从专业工程师的工具箱演变为全民创作的数字语言。从代码驱动的精确建模到AI自动生成纹理&#xff0c;从开源协作到程序化生成城市&#xff0c;技术正重塑我们创造虚拟世界的方式。本文将系统解析55个核心3D建模工具/插件&#xff0c;涵盖在线编辑器、开源软件、程序化生…...