Joomla:文章调用图库展示的后台编辑

在网站建设功能介绍里新龙应客户要求开发了从文章里调用不同品牌的图库展示功能,其表现形式如下:

 首先看到一篇文章有一些知名企业名称,这些名称带有链接,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

随意点击一个企业的链接,例如Google,可以看到一个高亮显示的框,展示该公司为Google制作的礼品图片,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

在这里可以展示多张图片,点击其中一张小图可以看到放大效果并可以下载该图片,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

下面新龙详细讲解实现以上效果在后台的编辑工作:

首先在本机上把每一个客户的图片归类整理成文件夹,例如为Google这个客户建一个google的图片夹。所有图片使用Photoshop采用批量处理的方式处理成640像素X480像素,这是一个设定的标准像素值,针对原始图片进行尺寸压缩,其最大的宽或者高不超过标准值。例如某张图片原图是1000X500像素,处理后其值为640像素X320像素。然后在Photoshop中都保存为Web格式,该操作的具体细节可以参看视频教程使用Photoshop修改图片尺寸并优化

 所有这些图片准备好之后,还要准备多语言的图片描述文本,这是针对多语言网站要做的工作。这个图片的说明文档需要在Notepad++工具里编辑,其样式如下:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

接着我们用图示来说明文档里的文字与图片的对应关系,如下两张图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

明白以上对应位置后就知道如何根据需要来编辑。对于多语言网站同时也要准备一个英文的说明文档,格式一样。

这些说明文档都放在同一个客户的文件夹里,利用FTP工具上传到网站的image-stiries目录下,通过FTP工具会看到Google文件夹下有四个文件,两张图片和中英文各一份描述文档,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

这些工作都做完之后,下面的工作就比较简单了。我们做文章来调用图库。进入文章管理,通过单元和分类Our Clinents筛选出样例文章,进行复制,具体复制方可以访问如何复制一篇文章

进入新复制好的文章修改文章标题和别名,及图库文件夹的名称,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

请注意只修改上图标示位置,上图文件夹的名称就是我们为每一个客户建的文件夹,例如前面所提的Google文件夹,该文件夹下包含四个文件。以此方法建好所有客户的图库调用文章。然后进入翻译页面翻译成中文,这个翻译工作没有特别复杂的步骤,文章里的内容完全复制,只是把标题修改为中文,别名可以改为汉语拼音。如下图:

 Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

然后我们还是在中文版的关于我们文章里为这些公司名称做链接,指向做好的文章,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

接着在第三个标签卡设置弹出窗口和尺寸,如下图:

Joomla:文章调用图库展示的后台编辑-外贸网站建设专家新龙制作

弹出尺寸统一为800像素X600像素。这些做完后保存或更新该窗口。

到此这个特殊功能的客户案例编辑就完成了!


本文由新龙原创,转载请注明https://newloong.com/zh-cn/jishuzhichi/joomlawangzhanweihu/1256-joomlateshutukubianji.html,如需转载到论文或书籍撰写中请事先联系新龙,谢谢!

外贸网站建设专家—新龙,是您互联网商业应用的好伙伴!