Joomla⼀个实例建站过程
先搞清楚⼀个问题,为什么⽤virtuemart?其实外贸⽹店有⾮常多的开源⽹店程序,如zen cart,magento等,他们都是⾮常专业的购物车程序。其实就专业性来讲virtuemart是算不上号的,但是vm是joomla的⼀个扩展,凭 借着joomla这个载体,在seo上做得不错,对于有joomla基础的朋友来讲,⽤vm来搭建⼀个外贸⽹店是很顺⼿的。再者,相对于其他程序,你可以 利⽤下⾯要讲的软件来⾃⼰制作简单的⽹店模板,⽽不需要⾼超的css技巧,这也是我们⽤vm来做外贸⽹店的原因之⼀,因为我们的受众是⼀般css都不那么 强的初级站长们。
教程⽬录:
第⼀章 本地架设joomla系统并安装virtuemart
1.⽤xampp架设本地php运⾏环境
2.安装joomla及virtuemart
第⼆章 ⽤artisteer软件制作简单合适的joomla模板
1.⽤artisteer制作joomla模板
2.上传并使⽤⾃⼰制作的joomla模板
第三章 添加必要栏⽬内容并进⾏设置
第四章 添加必要的扩展程序并进⾏设置
第五章 ⽹店站内SEO
—————————————内容的分割线———————————————-
⽤xampp架设本地php运⾏环境
我们先要在本地搭建⼀个php程序的运⾏环境,因为joomla是基于php+mysql+apache的,现在国外⾮常多的流⾏cms都是基于这个的,如wordpress等,所以这个本地环境搭建起来之后可以给很多程序⽤。
再选择安装⽂件格式,我⽤7zip的,你随意。
将下载得来的xampp-win32-1.7.7-VC9.7z⽂件解压到C盘根⽬录,得到c:/xampp⽂件夹,双击“setup_xampp.bat”开始安装,看指⽰按任意键。
再双击“”,安装并开启apache和mysql服务。
在浏览器地址栏中输⼊“localhost”,如果看到以下画⾯说明xampp is ready to go。
在c:/xampp/htdocs下新建⼀个叫mysite的⽂件夹⽤来存放我们即将安装的joomla程序,htdocs是所有⽹站⽂件的根⽬录,所有⽹站都要安装在这个⽂件夹下。到此xampp安装好了,php环境搭建完成。
安装joomla及virtuemart
再点下⼀步,然后填写⼀些你的⽹站信息,因为是新⼿初装,记得点“install sample data”来添加默认的joomla内容,以便学习和理解。
安装virtuemart组件
解压刚才下载的VirtueMart_1.1.9-COMPLETE_PACKAGE.j15.zip⽂件,得到 com_virtuemart_1.1.9.j15.zip和
modules,plugins,VirtueMart_1.1_Installation.pdf⼏个⽂件(夹)。这⾥我们要安装 com_virtuemart_1.1.9.j15.zip,modules⽂件夹下的 mod_virtuemart_1.1.9.j15.zip,mod_virtuemart_login_1.1.9.j15.zip这3个为必装,以下 的可以选装
randomprod,topten,currencies,不过我们的⽬标站是安装了的,还有其他modules和plugins⽂件下的扩 展都可以安装或者不装,⽬标站还多了tag cloud插件是这⾥⾯⽊有的,需要的话⼤家可以⾃⼰去搜索下载,我也可以放出来下载,这些都是可选的,⽹站要添加什么功能看⾃⼰喜欢,不必拘泥于⽬标 站。
安装过程是登陆到后台,然后extensions,选择install/uninstall,浏览安装⽂件安装即可。将以上提到的⽂件⼀⼀安 装即可,只是在装第⼀组件时,在结束时请注意看提⽰,要初始化⼀下⽹店,别急着做别的事。到这⾥virtuemart组件就安装完成了。
⽤artisteer⾃⼰制作简单合⽤的joomla模板
artisteer是⼀款⽹站模板制作及⽣成软件,可以⽀持主流的cms,如joomla,wordpress,drupal等,也可以⽤来制作 html模板,这对于单页销售⽹站或者ppc项⽬的landing page制作⾮常好⽤。还有⼀些如⽤wordpress制作出来的单页⽹站也⾮常⽅便,我们完全可以⽤这个软件来轻易做出美观合乎⾃⼰⼼意的⽹站模板,最 重要的是它⾮常傻⽠,完全按按点点就能做出好看的模板,根本⽆需精通
css+html+php⽹站设计。这对于⽊有设计功⼒的新站长来说将是很⼤的帮助。
双击启动artisteer,在程序选择界⾯,我们选择joomla,以后要制作wordpress模板在这⾥选择wordpress即可,⾮常⽅便。
左上⾓的这些菜单按钮是我们主要要操作的对象区域,实际上artisteer已经将我们joomla⽹站⼏个主要区域要做成什么样都以标签进⾏分类管理,我们要对⽹站的哪个部分进⾏修改就去点击对应的标签,使得软件易⽤性和友好性很好。
第⼀个标签“推荐”实际上统管了之后所有标签⾥的功能,我们只要按“推荐的设计”按钮,软件就会随机使⽤后⾯的各个要素对⽹站模板进⾏重组,让我们 得到⼀个全新的,风格截然不同的模板。以此类推,我们可以使⽤推荐的颜⾊来改变颜⾊,推荐的背景,推荐的标题等等,来获取软件随机给我们配置的关于该部分 的随机样式。
当然,我们也可以根据⾃⼰的喜好来设计各个标签⾥包含的内容的样⼦。切换到“颜⾊和字体”标签,这⾥我们可以选择⽹站主题的颜⾊⾊调,亮度,⽹页主题的字体,样式和尺⼨等,有⾮常多的选择,效果即时预览,⽆需改变任何代码。
再切换到“版⾯设计”标签,页⾯布局是指垂直⽅向的元素,如我们就按照⽬标⽹站的样式选择标题,导航栏菜单和内容3个部分的布局。列是指⽹站要做成横向的⼏栏式,我们也做成⽬标站的左中右三栏式,在底部的宽度选项⾥⾯可以设置这3栏的各⾃宽度。
切换到“背景”标签,这⾥我们可以对⽹站整体的背景进⾏设置和添加效果,我们可以选择软件⾃带的⼏⼗种背景组合,也可以上传使⽤我们⾃⼰的图⽚作为⽹站背景,这个功能对我们做成主题⽹店还是很
⽅便的。这⾥根据⾃⼰喜好来选择填充颜⾊,炫光效果等。
切换到“表单”标签,这⾥将对⽹站模板整体⼤框架进⾏设置,如模板的宽度,⽬标⽹站是900px,可以选择顶部偏移像素,边框,阴影像素及效果等,⼤家根据需要⾃⼰设置。
切换到“标题”标签,可以对⽹站顶部的标题栏进⾏细致设置。如要不要有⽂字块,就是logo那个位置是⽂字的还是图像的。整个标题栏要多⾼,标题栏 的前景和背景,可以使⽤图⽚,也可以⽤⾊彩填充,这⾥我们⼀般使⽤⼀些跟⽹站主题相关的图⽚来进⾏设置,我们要上传⾃⼰已经做好的图⽚,如⽬标站顶部的图 ⽚是⾃⼰制作并在这⾥上传使⽤的。
切换到“菜单”标签,这⾥可以对⽹站菜单进⾏设定,要搞成⽅的圆的,什么⾊彩,什么条纹,下拉菜单什么样式等等,⼀切跟菜单相关的都可以在这⾥设置,这也是我说的artisteer将各个功能区⽤标签进⾏管理,⾮常⽅便我们的操作和理解。
切换到“⽂章”标签,这⾥可以设置joomla系统的⽂章部分样式,如⽂章部分的背景⾊,字间距,⾏距,对齐⽅式。进⽽细化到⽂章标题的颜⾊,⼤ ⼩,对其等等。还有⼀些⽂章⾥⾯的常⽤元素的样式设置,如超链接,引⽤,项⽬列表,表格等等⽂章相关的元素都可以在这⾥选择。还有⼀些joomla特有的 ⽂章元素如打印,pdf,email等等,都可以在这⾥选择要不要使⽤及其样式。
切换到“边栏”标签,这⾥可以对除了中间内容栏⽬外的左右两边栏进⾏样式设定,⼤家根据⾃⼰喜好进⾏各个功能区的详细设置即可,效果即时预览,有了前⾯的基础相信这个也不是问题。
“竖直菜单”这个标签在joomla中未必会被使⽤,可以略过,也可以进⾏简单设置,这个看⼤家喜好,⽬标站未设定这个。
“按钮”标签⾥,可以对⽹页上需要使⽤的按钮样式进⾏设定,如⼤⼩,颜⾊,阴影等,⼤家集合⾃⼰⽹站的颜⾊进⾏设定,协调即可。
“页脚”标签⾥定义了⽹站底部版权部分的展⽰样式,⽊有什么困难,按照⾥⾯的提⽰设置即可。
好了,到这⾥我们就完成了joomla⽹站模板的制作过程,下⾯要将其导出到zip⽂件以便上传安装使⽤。点顶部“输出”按钮,再点“选项”,在属性⾥设置模板信息,你看着填写吧。
在“注脚”中,⼀般我们会把这2个勾去掉,让模板更⼲净⼀点。
然后在输出模板⾥填写要输出的名字,默认为zip⽂件即可。
到这⾥就完成了⽤artisteer软件制作joomla模板的过程,我们得到⼀个.zip格式的模板⽂件。
上传安装并使⽤⾃⼰制作的joomla模板
登陆后台,extensions,install/uninstall,浏览上步制作的模板zip⽂件,然后upload&install 即可。 接着要在extensions下⾯的template manager选择刚上传的模板,点击前⾯的⼩圆框选择它,然后点右上⾓的黄⾊五⾓星设置为默认模板。接着换到前台,刷新浏览器就可以看到⽹站前台已经换 成了⾃⼰制作的模板样式了。点击模板名,然后点右上⾓的预览,就可以看到这个模板对应的都有哪些模块位置了。
到这⾥就完成了joomla模板的安装启⽤过程。
添加栏⽬内容并进⾏设置
这⾥要添加的栏⽬是顶部导航栏的那⼏个项⽬,我们在后台menu manager⾥⾯创建⼀个“topmenu”主菜单,然后在menu items⾥⾯添加导航栏上的⼏个栏⽬,除了blog和sitemap外,其余的都是创建标准的⽂章格式,我们要先在content-article manager⾥⾯先添加上这些⽂章并编写好内容,以便在菜单项中调⽤这些⽂章作为栏⽬显⽰的内容。
这⾥注意的是默认模板的默认主菜单是显⽰在边栏的main menu,我们要将topmenu⾥的第⼀个项⽬改成“home”并设置为默认菜单,这样点home才能切换到⽹站主页,类型 front page才⾏。
blog栏⽬要选择category的blog layout来进⾏博客样式布局,这样才会调⽤该栏⽬下的所有⽂章。我们
要在section manager和category manager⾥⾯分别创建⼀个叫blog的section和category,然后才能在菜单栏⽬中选择调⽤这个东西来进⾏展⽰。
sitemap栏⽬是在安装了⽹站地图组件xmap之后再进⾏调⽤展⽰的,这个要在扩展章节再讲到。
内容⽅⾯还有底部版权下⾯的privacy和terms两篇⽂章,我们要先在article manager⾥⾯创建这2篇⽂章,再在menu manager⾥创建⼀个主菜单,我叫website usage,然后在其菜单项中添加叫privacy和terms这2个菜单项。这两个菜单项都是article layout,分别选择在⽂章管理⾥创建的2篇⽂章即可。
底部的这2个链接是在模板管理⾥⾯的版权下⾯插⼊这2个链接的代码实现的。
<p><a href=”/privacy.html”>rivacy Policies</a> | <a href=”/terms.html”>Terms&Conditions</a></p>
在模板管理⾥选择模板,然后编辑其html就可到html编辑器,在底部版权部分的代码下⾯添加以上代码即可。
到这⾥就完成了主要栏⽬的添加和内容的编写过程。
添加必要的扩展程序并进⾏设置
wordpress安装首页
⼤部分扩展都已提及,⼩部分的也很简单,⼤家安装后在后台捣⿎⼏下必定能懂,有疑问请去论坛讨论。
以下就⽬标站的程序及其实现做些简单的介绍,给⼤家点设置提⽰。
⽬标站分类导航Jewelry Categories是由virtuemart模块mod_virtuemart 展⽰的,分类在virtuemart后台category那⾥添加即可。包括list all products,product search,mini shoppping cart都是在这模块设置⾥设置的。
Currency Selector和Most Searched是virtuemart的2个插件,包⾥都有,下载安装设置即可。
Customer Login注册登录模块和Top Ten Products模块已包含在virtuemart扩展⾥,安装设置即可。
⾸页展⽰的这20个产品是virtuemart产品随机调⽤模块⽣成的,每次刷新⽹页都会看到不同的产品。具体设置如下:
产品推荐是在产品添加编辑⾥⾯加进去的,效果如:
在产品添加的最后⼀个标签related products⾥⾯添加即可。
⽬标站付款接受paypal(legacy)⽅式,在virtuemart的store-list payment methods-paypal(legacy)-configuration,paypal email ⾥⾯输⼊你的paypal email账号即可。
⽬标站默认中国邮政⼩包邮费3.5⼑,在store下的shipping module list-shipvalue,点configure ship method,我设置50⼑以下收3.5⼑邮费,50以上免邮费,设置如下:
要在checkout只显⽰这个付款⽅式要把这个method设置为默认shipping,其他⽅式如ups等都禁⽤掉,当然你可以添加并⽤。
优惠码使⽤的是awocoupon组件,要设置成⽬标站那样的效果:
要在awocoupon组件⾥设置⼀下,如订单超100⼑,得15%折扣,可以如下设置,有⼏个优惠码就创建⼏个然后设置类似。
要在sitemap中展⽰⽹店所有产品还需要在menu manager中创建⼀个主菜单,如叫all products in shop,然后在xmap组件设置中将这个菜单加⼊到要⽣成的sitemap中才会站栏⽬⾥展⽰。
到这⾥主要的扩展已安装设置完成,有细节问题请去论坛或博客提问。
站内SEO
⽹站主体都设置完以后可以对⽹站进⾏结构和内容上的seo了。主要涵盖了以下⼏个要点,⼤家注意设置好,那么⽹店就有了⼀个⽐较好的seo基础了。
global configuration⾥⾯:site name就是你⾸页的title,这⾥嵌⼊关键词或者你喜欢的⽹站名,默认编辑器选择jce。
desc和keyword⾥⾯⾃⼰填写即可。
seo setting⼀般默认即可,sh404会控制⼀切,这⾥⽆需操⼼。
mail setting⾥填写⾃⼰的邮箱,设置如下:
在virtuemart的分类创建描述中要把描述写进去,这将作为该分类的描述并展⽰在该分类内容上⽅。另外,分类的名字也将作为该分类页⾯的第⼀个关键词,所以分类名也要考虑seo的需要,合理设置。分类页⾯:
title:分类名-⽹站名
desc:分类的描述
keyword:分类名,⽹站名,⽹站主页⽹址
产品页⾯的seo要素为:
title:产品名 | 分类名 | ⽹站名
desc:产品添加时填⼊的short description
keyword:产品名,分类名,⽹站名,⽹站⾸页⽹址
理解了这些,⼤家再根据实际情况编写合理的内容即可。
这⾥再插⼊⼀些virtuemart的重要设置,⾮核⼼的设置⼤家看看能懂,这些设置会给⼤家提供⼀些参考:
enable the cookie check⼀定不要勾,否则在url中会出现⼀些多余的部分,这是cookie check造成的,对seo么好处。
layout参考以下设置:
layout的configuration⾥参考:
设置⼀下都有哪些shipping模块,按照之前的说法,这⾥就选这个,你也可以选别的:
分4步结账:
结账时出现在paypal顶部的商店图在store information⾥设置上传:
注册时显⽰的条款也在这⾥下⾯填写:
最后,来看看sh404的设置,这才是对seo最为重要的⼀环。
要重新⽣成新的修改过的url请先清除原来的url,在url manager⾥⾯点purge,每次purge完之后,要重新去xmap组件点html格式的⽹站地图,否则将⽆法访问,么事的话不要purge,前期 改动可以,之后就不要管url了,除⾮做过⼤的链接结构变动。
好了,到此,sh404核⼼设置就算完成了,其他的根据跟⼈喜好进⾏设置,我只是以⽬标站为例演⽰功能设置,⼤家完全可以灵活应⽤,新⼿可以参照我的设置,当你不知道该怎么办的时候,把球传给会踢的⼈。
好吧,时间仓促,⼀天之内赶出来的教程,很多细节做的不到位,不过⼤致⽅⾯都提到了。这个教程对那些对joomla有⼀定经验的朋友会有⽐较⼤的帮 助,joomla新⼿们在应⽤这教程时会遇到⼀些joomla的基本操作问题,抱歉,这是这教程⽊有照顾到的地⽅,⼤家⾃⼰想办法解决。好了,如有问题博 客或论坛留⾔讨论。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。