跟进 - Joomla! 开箱即用挑战
九月份,我向读者提出了一个基于虚构简报的小型网站的挑战。目标是看看人们可以如何以不同的方式接近同一个构建,只需使用核心 Joomla 中的功能。 在这里阅读原始挑战。
结果
我们总共收到了两个回应!他们采取了非常不同的方法来应对这个简报。
提交 1 - Brian Teeman
提交摘要
Brian 在这里使用了一些非常巧妙的过滤操作,构建了一个比我所预期的挑战更完整的网站! 在这里查看他的提交。
他对他的提交说
你能告诉我们你采用的方法吗?
构建这个网站的目标不仅是只使用核心 Joomla,还要使其吸引人、易于访问且非常快速。我总是希望将一个网站交给客户,使他们能够完全管理网站上的内容。这意味着网站是以这种方式构建的,css 和布局中的“魔法”才会发生。客户只需处理内容,无需担心任何“复杂和令人害怕”的技术问题。
这项任务中最具挑战性的部分是什么?
在行程页面,我创建了一个带有过滤器的“网格样式”布局。这完全是 css。每个行程都是一篇文章,有一些自定义字段用于显示额外信息。页面是一个定制的分类博客布局,过滤器是从内容自定义字段创建的。
你最喜欢的任务部分是什么?
这个练习中最喜欢的部分是制作一个网站,希望当正确使用时,可以展示 Joomla 提供的强大功能。您拥有所有必要的工具 - 您不需要匆匆忙忙地安装数百万个扩展。事先花点时间组织和结构化您的内容会得到回报。使用这个网站,任何人都可以更新任何内容,因为它只是内容。
还有其他我们应该考虑的吗?
主页上的照片画廊是 mod_article_news 模块,具有自定义布局,可显示分类中的所有文章。缩略图是文章简介图片。较大图像是文章全文图像,显示的标题是 alt 描述。布局完全响应式,会根据分类中的文章数量动态调整缩略图大小。此模块使用一些额外的 bootstrap JavaScript。使用网络资产管理器,该模块仅加载标准的 bootstrap JavaScript 用于模态框和轮播图,以及额外的 bootstrap JavaScript 库用于灯箱。
在单个行程页面上,页眉图像是文章全文图像。六个框中的信息是自定义字段。COVID 信息是一个 tinymce 片段,"手风琴"也是如此,它使用原生的 html5 summary/details 而无 JavaScript。
我们的评论
无障碍性:虽然我不能对挑战进行全面审计,但总体上无障碍性似乎不错;我唯一的担忧是菜单和视频提示的焦点样式以及行程图标与渐变背景的对比度。除此之外,网站有良好的标题结构,图像有 alt 文本;它似乎符合大多数无障碍性指南。
可用性:该网站组织良好;我喜欢行程中的图标,尽管我必须悬停在它们上方才能知道它们表示什么。如果图标根据它们表示的内容而改变,那就更清晰了,例如,我可以一眼看出哪些行程已满。总的来说,可用性良好。
满足简报要求:嗯,这是一家使用提供的标志和颜色的旅行社!除此之外,它与简报有很大不同。布赖恩对此是这样说的
"我可能几乎忽略了简报的每一部分,但那是因为客户错了。创建一个作为其主要网站补充的独立网站可能看起来是个好主意,但它稀释了 SEO 等等等等。
"我对设计简报的唯一真正让步是添加了飘浮的幽灵。这也是一个自定义 HTML 模块,其中包含幽灵图像和一些 CSS 动画来移动幽灵。因为它实际上相当烦人,它只在家中运行,并且只持续六十秒。当然,因为它是一个模块,我已经将其设置为在 11 月 1 日取消发布,我想客户可能会想用飞行的圣诞老人来替换它。"
可能存在 Joomla 的一个漏洞,因为我仍然看到幽灵!(圣诞老人在哪里?)
创新(设计或开发方面的创新):这正是这项投稿真正闪耀的地方。基于自定义字段的神奇筛选功能非常巧妙和具有创新性,做得很好!在布赖恩的个人网站上有一篇文章详细说明了他是如何做到的;值得一读。从文章创建照片画廊也是一个我不太可能预期的方法,处理缩略图与放大图像(及其 alt 文本)的方法也非常有趣。
管理经验(内容更新的难易程度):根据布赖恩的描述,内容更新应该相对容易,尤其是在“行程”中,因为使用了自定义字段。
总体来说
布赖恩确实为这项投稿发挥了创意。他忽略了简报,但做出了超常的努力,创建了一个功能齐全的网站,其中包含一些通常看不到的巧妙功能,而这些功能不需要第三方扩展。太棒了,布赖恩——这真是太棒了。感谢您花时间探索可能性并提交您的网站!
投稿 2 - Paweł
提交摘要
保罗全力以赴于这个以恐怖为主题的简报,这让我非常高兴!请查看他的恐怖单页网站投稿。
他对他的提交说
保罗专注于创建一个“鼓励联系的下页”。不幸的是,他没有回答其他问题(不用担心!),但他提供给我一个管理员登录,以便我探索该网站。看起来他设置了以“行程”为分类的博客布局,因此主页上的三个行程都是文章。他还使用了自定义字段,为行程添加了一些结构,包括引言和编号。
主要横幅/英雄区域是一个自定义模块,底部的联系表单也是如此。评论是一个新闻快讯模块;每篇评论都是一篇文章,有趣的南瓜评分也是基于每篇文章中的自定义字段。
我们的评论
无障碍性:同样,我无法进行全面审计,但我注意到一些可能会让使用辅助技术的人感到困难的问题。主要问题是缺少alt文本(或空的alt文本属性)以及没有标题,这会让一些用户难以弄清楚网站上正在发生什么以及什么重要。
可用性:页面的布局清晰且引人入胜;从视觉上看,我很容易探索不同的行程并找到评分。通往每个页面部分的菜单是一个很好的细节!
满足简报要求:保罗很好地完成了简报!我非常感谢他提供的特色行程,因为这些是真实的地方,他还花时间编写了看起来很真实的网站内容。
创新(设计或开发方面):我再次为设计感到高兴,并迎合了客户想要的“恐怖”主题。小插图很有趣,图形元素支持内容而不分散注意力。
管理经验(更新内容有多容易?):这是一个好的开始——使用自定义字段来结构化内容帮助人们管理内容很多!他们可能会在自定义模块方面遇到困难,比如在主横幅中,但这通常不需要像大多数网站那样经常更改。
总体来说
保罗,非常感谢你参与挑战并从中获得乐趣!我真的很喜欢你的投稿和你的简报方法。它很好地展示了Joomla可以轻松而优雅地管理不同类型的内容,即使最终目标是单页。
感谢你们俩花时间提交作品!我喜欢这两个投稿。
我的最大收获——自定义字段对于管理Joomla中的结构化内容至关重要,并且可以使得仅使用核心构建复杂网站变得更容易!从那里开始,细节将根据你想要做的事情而改变,但天空是无限的可能!
接下来是什么?
这取决于你!鉴于接下来2-3个月有来自不同文化和宗教的许多节日,我们将暂停挑战。
2023年春季将发布新的简报。
你觉得这两个精彩的网站怎么样?下一个挑战应该关注什么?迫不及待想听到你的意见!
《Joomla社区杂志》上发布的一些文章代表了作者对特定主题的个人观点或经验,可能并不与Joomla项目的官方立场一致。
通过接受,您将访问https://magazine.joomla.net.cn/外部第三方提供的服务
评论 1
非常好的挑战。我玩得很开心。祝贺Brian Teeman。我们期待更多。我还想感谢为我创建网站模板的图形设计师。谢谢女儿。