使用Drupal创建作品集网站的4个步骤

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

使用Drupal创建作品集网站的4个步骤如果你正在为客户或自己建立一个网站,需要以画廊的形式展示大量的图片——例如,如果你是一个网页设计师、摄影师、雕塑家、画家或平面设计师——Drupal有一些开箱即用的解决方案来帮助你组织和展示你的信息。从事视觉媒体工作的专业人士经常需要帮助来展示他们的作品(可能还需要帮助来赚钱),而在线画廊就是一个很好的途径。也许您还可以将图像作为实体产品提供,或者作为附加选项在在线商店中提供数字下载。

本指南将向您展示如何使用流行的内容管理系统开发一个作品集/图片库网站,Drupal

先决条件

对于本指南,您需要了解Drupal的基本工作知识,并安装Acquia Drupal发行版。下面的指南可能对新Drupal用户有帮助:

以下是我们将使用的Drupal模块:

  • Acquia Drupal分布
  • 内容建设设备
  • 的观点
  • Simplenews
  • 可选:Ubercart(用于电子商务)

下面将指导您导航到Drupal的某些部分。你得换一个http://example.com用你的域名来建立Drupal。让我们开始吧!

步骤1:收集要显示的信息

使用Drupal的模块管理器来启用以下模块:

  • 映像(使您能够使用映像)
  • 图像图库(预建图库功能)
  • 图片附加(向页面和其他类型的帖子添加图片的功能)
  • 图片导入(批量上传多个图片文件)
  • 灯箱2(如果需要)
  • CCK内容(编辑“图像”内容类型)
  • CCK编号(为“Image”内容类型添加新的编号字段)
  • CCK Text(为“Image”内容类型添加新的文本字段)

在画廊风格的网站中显示的典型项目将具有特定的字段,这些字段只在每个项目的基础上显示。这些内容可能包括图像本身、图像标题、创作日期、媒介和图像描述。通读整个工作主体,并确定在图库中为每个项目显示的重要信息类型。

如果您所需要的只是图库项目的标题和描述,则可以跳过此步骤。如果你需要更多,然后使用CCK添加新的字段到“Image”内容类型导航到:

管理菜单>内容管理>内容类型>编辑图像>管理字段

直接网址:


         

这将使您能够收集关于每个图像的更多信息(同样,这取决于所显示的图库的类型)。注意,可以通过转到以下路径预先指定每个库的名称:

管理菜单>内容管理>图片库>列表

直接网址:


         

如果还没有准备图库,您可以通过访问:

管理菜单>内容管理>图片图库>添加图库

直接网址:


         

步骤2:导入图像

你可以使用“添加图片”功能一次上传一张图片:

Admin >内容管理>创建内容>镜像

直接网址:


         

默认版本允许添加标题和描述。由于启用了Image Attach模块,因此可以将图像附加到此节点。下面介绍如何从硬盘上上传图像,并将其分配到它的图库(如果它注定有一个)。

如果你有很多照片要同时上传,你可以先把它们放在桌面或硬盘上的一个文件夹里,这样更容易整理和访问。接下来,进入图像导入设置:

Admin >站点配置> Images >镜像导入

直接网址:


         

按照说明在你的web服务器上创建一个“临时”文件夹。您可能需要使用FTP来创建文件夹(特别是如果您正在使用共享主机)。

这是硬盘上等价的tmp/image文件:将您想要提供给Drupal网站的所有图像通过FTP传输,将它们放在这个临时目录中。注意,您可以通过创建子目录自动创建新的图像库。例如,使用路径tmp / / gallery1 / foo.jpg形象,图像foo.jpg会成为gallery1

接下来,从临时文件夹中取出这些图片,并将它们导入到您的Drupal网站:

Admin >内容管理>图片导入

直接网址:


         

您可以使用选择按钮在列表的最顶端自动选择所有图像。此时,指定一个新的“Title”和“Body”。导入映像后,您将收到确认信息。你可以通过访问以下链接查看内容概述:

Admin >内容管理>内容>列表

直接网址:


         

检查最近移动的项目,并确保任何新图像都分配到正确的图库。

例如,我将这个特定的图像分配给“Regular Gallery”,它位于图像标题下方的下拉列表中。

第三步:填写信息页

现在是你开始创建作品集网站页面的机会了。通常,你会从以下页面开始:

  • 首页
  • 传记
  • 联系
  • 隐私政策
  • 条款和条件

你可以使用“页面管理”工具创建新的页面:

Admin >内容管理>创建内容>页面

直接网址:


         

您还可以指定页面是否应该出现在“主链接”菜单中,该菜单通常位于每个页面的顶部。

步骤4:使用Lightbox

Lightbox 2是在网站上展示照片的一种很好的方式。它允许你上传图片到图片库;然后,当用户点击这些图片时,这些图片会以一个模态窗口的形式出现,在图片的两边都有一个箭头。我们有必要简要回顾一下Lightbox的可用选项。

对于我们正在处理的图库,我们不会改变太多默认设置。要配置Lightbox,请转到:

Admin >站点配置>灯箱>一般

直接网址:


         

我对默认设置的唯一更改如下:

Admin >站点配置>灯箱>自动图像处理

直接网址:


         

设置图像节点的自动处理程序选项是Lightbox分组。这意味着图像将被分组在一起,但一次出现一个,“下一个”和“上一个”箭头和它们后面的黑影。

把它们放在一起

如果你正在使用Image Gallery的默认功能,那么你所有的Gallery将出现在:


         

最后,如果单击图库中的一个缩略图,则上传的图像本身将以Lightbox格式显示。

额外好处:使用Ubercart处理支付

我使用Ubercart处理用户支付。这个软件是免费和开源的,它允许你在你的网站上销售产品。这些产品可以是数字的,比如高分辨率的jpeg(像屏保)或PDF报告,支付后解锁。

也可以是实物,比如有签名的印刷品、t恤、马克杯、日历或有签名的照片,这些都需要发货给买家。也许网站所有者想要出售网站订阅,在这种情况下,产品将是一个“会员套餐”,引导购买者在固定的时间内进入“付费会员”部分。您可以通过访问以下命令创建产品:

Admin >内容管理>创建内容>产品

直接网址:


         

如果你使用Ubercart,你需要一个支付网关,如PayPal或Authorize.net来接受支付。

如果您选择在您的网站上直接接受付款,您还需要购买SSL证书,使数据从用户传输到您的web服务器(和返回)更加安全。

例子

您想看到一些实际部署的示例吗?看看下面的例子:

缺失的环节

为一个自行车合作社的标志,产品和事件的图像。缺失的环节

北加州瓦格纳协会

纪念这位著名作曲家的组织成员的照片。北加州瓦格纳协会

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!