Joomla! 2.5 - 基础指南6.1:如何创建 '关于我们' 页面

给你一个挑战,就是在新网站创建我们的第一个网页。它就是 关于我们 页面,你可以介绍下公司、项目或者个人。多数情况下,这样的网页包含一个标题、一段文本或许还有一些图片。

静态内容 vs. 动态内容

"关于我们" 页面通常只需创建一次,并通过菜单链接访问,以后所要做的就是适时修改。它是静态的。而新闻稿或博客条目则通常是动态的。

  • 相较动态网页,静态页的创建日期或作者并不重要。
  • 静态网页通常通过菜单链接访问,而动态网页通常通过列表访问。

计划

关于我们' 页面由以下组件构成:

  • 一个标题,
  • 一段文本,
  • 一个图片。
  • 页面不该显示在首页。
  • 在顶部水平菜单(top)我们需要个页面链接。

初听起来很简单 :-)。接下来让我们登录到管理界面吧!

Step 1 – 创建内容

打开文章管理器 (内容 → 文章管理器)。你或许还能看到有未发布的示例数据(图 1

Article Manager

图 1: 文章管理器

点击新建图标并输入标题和文本。在面板上方标题下面,选择类别为"未分类" 。安装示例数据 后就有该类别了。字段 精选 代表是否把内容显示在精选博客布局,后者经常用作首页布局。Joomla 2.5 仍在使用该术语但很容易令人误解。选择否。在编辑器内,你可以输入文本。Joomla 的默认编辑器是TinyMCE (图 2)。

Add Article

图 2: 文章编辑表单

从网址插入图片

作为首个范例,我们将使用来自网络的现有图片。
比如这个图: http://farm2.staticflickr.com/1198/89825... (图 3)

Hagen Fitou

图 3: 示例图片

把光标移到你想插入图片的文本位置。点击编辑器工具栏的图片图标并把图片网址黏贴到弹出的窗口内。把图片配置为左对齐,垂直和水平间距分别设为10个像素(图 4 )。

Insert Image

图 4: 插入图片

图片将显示在编辑器窗口内。点击保存 这样就能存储了。保存有几种方式:

  • 保存 – 项目保存。表单不关闭。当你还需要继续工作时使用。
  • 保存 & 关闭 -项目保存,表单关闭。
  • 保存 & 新建 -项目保存,表单关闭,再调用一个新的空白文章表单。
  • 退出表单。

Step 2 – 创建菜单链接

东西已准备好了,但网站上还没显示。我们还要加个链接! 点击菜单管理器的新建 图标。点击 菜单项类型 旁边的'选择'按钮。弹出个带有各种链接的窗口。点击链接 单个文章(图 5 )。

Select Menu Item

图 5: 分配文章到菜单项

选择所需的文章。点击右侧面板(选择文章)的选择/更改 按钮实现。你会看到附有搜索框的所有文章。万一你无法找到文章,你可以在搜索框内键入文章部分标题来对列表进行筛选,然后再点击结果列表内正确的文章标题(图 6 )。

Select Article

图 6: 菜单类型 – 单个文章 – 选择文章

为链接"关于我们"输入标题,并且确保菜单位置 选中顶部 。其他保持默认选项即可。

Step 3 -网站上的'关于我们'

如果你现在加载网站前台,你会在顶部菜单上发现个新的链接。点击该链接即可找到关于我们 – 恭喜你已经创建了自己的首个网页(图 7 )。

About Us Page

图 7: 关于我们

Step 4 – 图片上传

如果网络上没有你要的图片,你就需要从电脑上上传了。我们再看下示例。打开文章管理器 (内容 → 文章管理器)。如果你找不到自己的文章,可以用搜索框定位。选择文章标题并打开编辑表单。
从文本中删除链接的图像。

编辑器窗口下方有个 图片 按钮。该按钮可启动个对话框用于上传图片。你可以选择现有图片或上传个新的图片(图 8)。

About page

图 8: 图片上传

一旦图片插入到文本内,其格式可以通过工具栏的图标 图片 来调整。Joomla特意选择了这种功能上的分离,因为用户可能会使用不同的编辑器。Joomla的 图片 按钮将始终如一,但编辑器内的图片格式会有所不同。

注意: Joomla 会照原样使用图片。图片不会予以调整!

要解决这个问题,请看下Brian Teemans 的博客: Making Joomla Idiot Proof - – 或许当你看到这里的时候针对 Joomla 2.5 的 FBoxBot 也有了。

文章评论功能仅对网站会员开放,请先 登录 注册