Joomla文章右侧有自定义按钮和图像

时间:2013-01-27 18:13:34

标签: html joomla joomla2.5

我必须创建Joomla网站。我是PHP程序员,但对Joomla来说是新手。 我花了很多钱,阅读教程和其他工作人员。 网站很简单,是餐厅的访问卡。

我安装了Joomla 2.5。花了两天时间我成功完成了以下工作: - 创建菜单 - 使用语言swicher创建多语言站点(2种语言) - 创建简单的静态页面(文章) - 创建一个页面作为联系人 - 为我的网站创建简单的模板

然而,我不能做一些事情,我没有在教程或谷歌找到任何答案。 如果您打开此文件http://img1.uploadscreenshot.com/images/orig/1/2621034793-orig.jpg,您可以在网站上看到包含三个不同页面的图片:

1)右边有三张图片的文章。 基本上,我不知道在其中创建带有一些自定义HTML 的文章的最佳做法是什么(在这种情况下,这些是图像)。例如,我可以创建包含两列的表 - 一列用于文本,另一列用于图像。没有Joomla我会创建两个div,但是如何在这里完成???另外,对于自定义html,我需要对每种语言都做同样的事情 - 我需要为每种语言添加图像,我不喜欢这样。我真的没有找到任何解决方案。你有什么建议吗?

2)右侧有三个按钮的物品。这是着陆页上的文章。 这可能是同样的问题 - 如何使用其中的一些自定义HTML创建文章(在这种情况下,这些是三个按钮 - 指向网站内部页面的链接)?我可以再次使用文本和按钮创建表格,但这应该针对每种语言进行。这是一个好习惯吗?您是否有其他建议在右侧创建带有三个按钮的文章?也许我可以创建一些自定义模块,但这听起来很奇怪。

3)与谷歌地图联系页面。 我创建了联系页面,其中包含联系方式。这是另一个问题,我会问其他时间。

1 个答案:

答案 0 :(得分:1)

Hello Renathy,欢迎来到Joomla! 1)你当然可以在编辑器中插入div并用浮点数设置样式;但正如你所提到的,这对翻译来说非常糟糕,并且允许用户轻松打破布局。

您有以下选择:

<强> 1.A) Joomla 2.5+支持您可以在图像和链接组中为每篇文章指定的文章图像和缩略图。相当一些工作扩展到3个图像,你需要编写一个插件(或做一个令人讨厌的核心黑客)并覆盖视图;它也没有很好的记录。这里有一个讨论:Add additional images to articles in Joomla 2.5

<强> 1.B) 使用插件添加上面的额外图像。然后使用模块显示图像而不是视图覆盖。

<强> 1.C) 使用自定义图像管理解决方案将图像链接到文章,然后使用插件显示它们。更容易,但仍然很多工作。我已经在一个网站上完成了这项工作并且工作正常,但我现在会改变很多代码。据我所知,没有可用的扩展程序。

所有这三种解决方案都允许您使用适当的divs浮动来正确浮动内容,并将内容的布局与图像隔离开来,从而为内容编辑器提供了一个可靠的环境,并且易于翻译(尽管如此,如果你选择1.a)或1.b),我强烈建议你使用一个合适的翻译套件,如Falang或JoomFish(Falang是旧版1.5版本中Joomfish的另一个端口)

<强> 2) 您将使用模块解决上述问题。 在模板中创建一个主

<div class="content-box">
<div class="content-main"> here you will place your component's output.</div>
<div class="content-sidebar"> here you will output a new module position, name it "article-sidebar"</div>

然后将它设为这样:

div.content-box {
 /* here you need a clearfix choose one here: https://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best/211467#211467 */
}
div.content-box div.content-main {
  width:70%;display:inline-block;float:left;
}
div.content-box div.content-sidebar {
  width:29.99%;float:right;
}
div.content-wide div.content-sidebar {
  display:none;
}

但是你可能不希望在所有页面上都这样,那么你可以在生成模板时以编程方式处理它。

这个想法是:在您的模板输出中,您正在编写

<div class="content-box">

而是在文章边栏包含某些内容时有条件地添加一个类:

<div class="content-<?php 
if ($this->countModules("article-sidebar")==0) 
  echo "wide";
else
  echo "box";
?>">

这将改变div的类别,因此你只能提供1个css。

此时,创建一个模块并选择将其显示为“仅在选定的页面上”。

第3) 如果要更改视图,请不要更改文件。而是将所有视图的php复制到模板文件夹/ html / com_contact / contact下的文件夹中。即使您正在更改不同的布局,您仍然需要在那里复制default.php。 然后更改它插入谷歌地图。

最后的考虑。您应该避免编辑核心文件。 Joomla有时会发布安全更新,应用它们会很痛苦。祝你的网站好运。