之前就想過(guò)寫一個(gè)用joomla的virtuemart組件制作外貿(mào)b2c零售網(wǎng)店的教程給大家分享,剛好最近要重新部署和策劃公司的外貿(mào)b2c業(yè)務(wù),,趁著這個(gè)熱乎勁,,趕緊把教程趕出來(lái),,不趁熱打鐵,很多事情是做不成的,,大家都忙,,免費(fèi)的用心分享,希望大家喜歡和珍惜,。我的目的是教會(huì)大家制作出一個(gè)像目標(biāo)站http://www./一樣的簡(jiǎn)潔實(shí)用外貿(mào)b2c網(wǎng)店,,這只是我其中的一個(gè)網(wǎng)店。做外貿(mào)b2c應(yīng)神秘低調(diào),,我本不該公開我的網(wǎng)店,,不過(guò)么事,為了能讓大家有個(gè)參照和了解是如何實(shí)現(xiàn)的,,就分享下,,我始終相信你也會(huì)拿你最好的東西跟我分享。再說(shuō),,我有N個(gè)網(wǎng)店,,所賣產(chǎn)品各不相同,收入也各有高低,,這個(gè)店對(duì)我來(lái)說(shuō)么什么的,,任何模仿甚至超越也不會(huì)影響我的收入。再說(shuō),,這個(gè)niche其實(shí)市場(chǎng)容量很小,,其實(shí)你只要學(xué)會(huì)方法,結(jié)合自己身邊的優(yōu)勢(shì)資源才是賺大錢的道理,。
先搞清楚一個(gè)問(wèn)題,,為什么用virtuemart?其實(shí)外貿(mào)網(wǎng)店有非常多的開源網(wǎng)店程序,,如zen cart,magento等,,他們都是非常專業(yè)的購(gòu)物車程序。其實(shí)就專業(yè)性來(lái)講virtuemart是算不上號(hào)的,,但是vm是joomla的一個(gè)擴(kuò)展,,憑借著joomla這個(gè)載體,在seo上做得不錯(cuò),,對(duì)于有joomla基礎(chǔ)的朋友來(lái)講,,用vm來(lái)搭建一個(gè)外貿(mào)網(wǎng)店是很順手的。再者,,相對(duì)于其他程序,,你可以利用下面要講的軟件來(lái)自己制作簡(jiǎn)單的網(wǎng)店模板,而不需要高超的css技巧,,這也是我們用vm來(lái)做外貿(mào)網(wǎng)店的原因之一,,因?yàn)槲覀兊氖鼙娛且话鉩ss都不那么強(qiáng)的初級(jí)站長(zhǎng)們。 教程目錄: 第一章 本地架設(shè)joomla系統(tǒng)并安裝virtuemart 第二章 用artisteer軟件制作簡(jiǎn)單合適的joomla模板 第三章 添加必要欄目?jī)?nèi)容并進(jìn)行設(shè)置 第四章 添加必要的擴(kuò)展程序并進(jìn)行設(shè)置 第五章 網(wǎng)店站內(nèi)SEO 用xampp架設(shè)本地php運(yùn)行環(huán)境 下載xampp: 將下載得來(lái)的xampp-win32-1.7.7-VC9.7z文件解壓到C盤根目錄,,得到c:/xampp文件夾,雙擊“setup_xampp.bat”開始安裝,,看指示按任意鍵,。 再雙擊“xampp-control.exe”,安裝并開啟apache和mysql服務(wù),。 在瀏覽器地址欄中輸入“l(fā)ocalhost”,,如果看到以下畫面說(shuō)明xampp is ready to go。 在c:/xampp/htdocs下新建一個(gè)叫mysite的文件夾用來(lái)存放我們即將安裝的joomla程序,,htdocs是所有網(wǎng)站文件的根目錄,,所有網(wǎng)站都要安裝在這個(gè)文件夾下。到此xampp安裝好了,,php環(huán)境搭建完成,。 安裝joomla及virtuemart 去http://www./download.html下載1.5版本的joomla,最新的1.7雖新但支持?jǐn)U展總不如1.5那么成熟,,是1.5.23 Full Package,。 將下載來(lái)的Joomla_1.5.23-Stable-Full_Package.zip文件解壓到htdocs的mysite文件夾,,這里就得到j(luò)oomla系統(tǒng)的全部文件,。 再點(diǎn)下一步,然后填寫一些你的網(wǎng)站信息,,因?yàn)槭切率殖跹b,,記得點(diǎn)“install sample data”來(lái)添加默認(rèn)的joomla內(nèi)容,以便學(xué)習(xí)和理解,。 點(diǎn)下一步,,安裝就完成了,然后去把c盤mysite文件夾下把installation文件夾整個(gè)刪除即可,。在瀏覽器地址欄中輸入http://localhost/mysite/administrator/用戶名為admin,,密碼就是剛才設(shè)置的密碼。這樣就登入到了joomla系統(tǒng)的后臺(tái),,你可以選擇在本地安裝或者直接在主機(jī)空間上安裝,,新站我習(xí)慣在主機(jī)上直接安裝調(diào)試,這個(gè)看個(gè)人習(xí)慣,,無(wú)所謂,。到此joomla程序安裝完成。 安裝virtuemart組件 virtuemart是joomla系統(tǒng)的一個(gè)商城組件(component),,joomla有3種類型的擴(kuò)展,,分別組件(component),模塊(module)和插件(plugin),,這些擴(kuò)展都是為實(shí)現(xiàn)某些功能而存在的,,實(shí)質(zhì)和wordpress的擴(kuò)展統(tǒng)稱插件(plugin)是一樣的,只是叫法不同,,復(fù)雜程度一般是遞減的,,plugin最簡(jiǎn)單。這里涉及到j(luò)oomla系統(tǒng)的熟悉和使用了,,不是我們討論的重點(diǎn),,新手朋友可以自己學(xué)習(xí)joomla系統(tǒng),這里我不展開,,不會(huì)的也可以去論壇http://www./討論學(xué)習(xí),。 解壓剛才下載的VirtueMart_1.1.9-COMPLETE_PACKAGE.j15.zip文件,得到com_virtuemart_1.1.9.j15.zip和modules,plugins,,VirtueMart_1.1_Installation.pdf幾個(gè)文件(夾),。這里我們要安裝com_virtuemart_1.1.9.j15.zip,modules文件夾下的mod_virtuemart_1.1.9.j15.zip,,mod_virtuemart_login_1.1.9.j15.zip這3個(gè)為必裝,,以下的可以選裝randomprod,topten,,currencies,不過(guò)我們的目標(biāo)站是安裝了的,,還有其他modules和plugins文件下的擴(kuò)展都可以安裝或者不裝,,目標(biāo)站還多了tag cloud插件是這里面木有的,需要的話大家可以自己去搜索下載,,我也可以放出來(lái)下載,,這些都是可選的,網(wǎng)站要添加什么功能看自己喜歡,,不必拘泥于目標(biāo)站,。 用artisteer自己制作簡(jiǎn)單合用的joomla模板 artisteer是一款網(wǎng)站模板制作及生成軟件,,可以支持主流的cms,,如joomla,wordpress,,drupal等,,也可以用來(lái)制作html模板,這對(duì)于單頁(yè)銷售網(wǎng)站或者ppc項(xiàng)目的landing page制作非常好用,。還有一些如用wordpress制作出來(lái)的單頁(yè)網(wǎng)站也非常方便,,我們完全可以用這個(gè)軟件來(lái)輕易做出美觀合乎自己心意的網(wǎng)站模板,最重要的是它非常傻瓜,,完全按按點(diǎn)點(diǎn)就能做出好看的模板,,根本無(wú)需精通css+html+php網(wǎng)站設(shè)計(jì)。這對(duì)于木有設(shè)計(jì)功力的新站長(zhǎng)來(lái)說(shuō)將是很大的幫助。 artisteer是一款收費(fèi)軟件,,可以訪問(wèn)其網(wǎng)站http://www./進(jìn)行購(gòu)買,,不過(guò)網(wǎng)絡(luò)也有一些特殊可以使用的版本,這個(gè)你懂的,,大家根據(jù)需要自己選擇,。可以使用2版的或者3版的,,我個(gè)人使用的是2.4版本,。 雙擊啟動(dòng)artisteer,在程序選擇界面,,我們選擇joomla,,以后要制作wordpress模板在這里選擇wordpress即可,非常方便,。 左上角的這些菜單按鈕是我們主要要操作的對(duì)象區(qū)域,,實(shí)際上artisteer已經(jīng)將我們joomla網(wǎng)站幾個(gè)主要區(qū)域要做成什么樣都以標(biāo)簽進(jìn)行分類管理,我們要對(duì)網(wǎng)站的哪個(gè)部分進(jìn)行修改就去點(diǎn)擊對(duì)應(yīng)的標(biāo)簽,,使得軟件易用性和友好性很好,。 第一個(gè)標(biāo)簽“推薦”實(shí)際上統(tǒng)管了之后所有標(biāo)簽里的功能,我們只要按“推薦的設(shè)計(jì)”按鈕,,軟件就會(huì)隨機(jī)使用后面的各個(gè)要素對(duì)網(wǎng)站模板進(jìn)行重組,,讓我們得到一個(gè)全新的,風(fēng)格截然不同的模板,。以此類推,,我們可以使用推薦的顏色來(lái)改變顏色,推薦的背景,,推薦的標(biāo)題等等,,來(lái)獲取軟件隨機(jī)給我們配置的關(guān)于該部分的隨機(jī)樣式。 當(dāng)然,,我們也可以根據(jù)自己的喜好來(lái)設(shè)計(jì)各個(gè)標(biāo)簽里包含的內(nèi)容的樣子,。切換到“顏色和字體”標(biāo)簽,這里我們可以選擇網(wǎng)站主題的顏色色調(diào),,亮度,,網(wǎng)頁(yè)主題的字體,樣式和尺寸等,,有非常多的選擇,,效果即時(shí)預(yù)覽,無(wú)需改變?nèi)魏未a,。 再切換到“版面設(shè)計(jì)”標(biāo)簽,,頁(yè)面布局是指垂直方向的元素,,如我們就按照目標(biāo)網(wǎng)站的樣式選擇標(biāo)題,導(dǎo)航欄菜單和內(nèi)容3個(gè)部分的布局,。列是指網(wǎng)站要做成橫向的幾欄式,,我們也做成目標(biāo)站的左中右三欄式,在底部的寬度選項(xiàng)里面可以設(shè)置這3欄的各自寬度,。 切換到“背景”標(biāo)簽,,這里我們可以對(duì)網(wǎng)站整體的背景進(jìn)行設(shè)置和添加效果,我們可以選擇軟件自帶的幾十種背景組合,,也可以上傳使用我們自己的圖片作為網(wǎng)站背景,,這個(gè)功能對(duì)我們做成主題網(wǎng)店還是很方便的。這里根據(jù)自己喜好來(lái)選擇填充顏色,,炫光效果等,。 切換到“表單”標(biāo)簽,這里將對(duì)網(wǎng)站模板整體大框架進(jìn)行設(shè)置,,如模板的寬度,目標(biāo)網(wǎng)站是900px,,可以選擇頂部偏移像素,,邊框,陰影像素及效果等,,大家根據(jù)需要自己設(shè)置,。 切換到“標(biāo)題”標(biāo)簽,可以對(duì)網(wǎng)站頂部的標(biāo)題欄進(jìn)行細(xì)致設(shè)置,。如要不要有文字塊,,就是logo那個(gè)位置是文字的還是圖像的。整個(gè)標(biāo)題欄要多高,,標(biāo)題欄的前景和背景,,可以使用圖片,也可以用色彩填充,,這里我們一般使用一些跟網(wǎng)站主題相關(guān)的圖片來(lái)進(jìn)行設(shè)置,,我們要上傳自己已經(jīng)做好的圖片,如目標(biāo)站頂部的圖片是自己制作并在這里上傳使用的,。 切換到“菜單”標(biāo)簽,,這里可以對(duì)網(wǎng)站菜單進(jìn)行設(shè)定,要搞成方的圓的,,什么色彩,,什么條紋,下拉菜單什么樣式等等,,一切跟菜單相關(guān)的都可以在這里設(shè)置,,這也是我說(shuō)的artisteer將各個(gè)功能區(qū)用標(biāo)簽進(jìn)行管理,非常方便我們的操作和理解。 切換到“文章”標(biāo)簽,,這里可以設(shè)置joomla系統(tǒng)的文章部分樣式,,如文章部分的背景色,字間距,,行距,,對(duì)齊方式。進(jìn)而細(xì)化到文章標(biāo)題的顏色,,大小,,對(duì)其等等。還有一些文章里面的常用元素的樣式設(shè)置,,如超鏈接,,引用,項(xiàng)目列表,,表格等等文章相關(guān)的元素都可以在這里選擇,。還有一些joomla特有的文章元素如打印,pdf,,email等等,,都可以在這里選擇要不要使用及其樣式。 切換到“邊欄”標(biāo)簽,,這里可以對(duì)除了中間內(nèi)容欄目外的左右兩邊欄進(jìn)行樣式設(shè)定,,大家根據(jù)自己喜好進(jìn)行各個(gè)功能區(qū)的詳細(xì)設(shè)置即可,效果即時(shí)預(yù)覽,,有了前面的基礎(chǔ)相信這個(gè)也不是問(wèn)題,。 “豎直菜單”這個(gè)標(biāo)簽在joomla中未必會(huì)被使用,可以略過(guò),,也可以進(jìn)行簡(jiǎn)單設(shè)置,,這個(gè)看大家喜好,目標(biāo)站未設(shè)定這個(gè),。 “按鈕”標(biāo)簽里,,可以對(duì)網(wǎng)頁(yè)上需要使用的按鈕樣式進(jìn)行設(shè)定,如大小,,顏色,,陰影等,大家集合自己網(wǎng)站的顏色進(jìn)行設(shè)定,,協(xié)調(diào)即可,。 “頁(yè)腳”標(biāo)簽里定義了網(wǎng)站底部版權(quán)部分的展示樣式,木有什么困難,,按照里面的提示設(shè)置即可,。 好了,,到這里我們就完成了joomla網(wǎng)站模板的制作過(guò)程,下面要將其導(dǎo)出到zip文件以便上傳安裝使用,。點(diǎn)頂部“輸出”按鈕,,再點(diǎn)“選項(xiàng)”,在屬性里設(shè)置模板信息,,你看著填寫吧,。 在“注腳”中,一般我們會(huì)把這2個(gè)勾去掉,,讓模板更干凈一點(diǎn),。 然后在輸出模板里填寫要輸出的名字,默認(rèn)為zip文件即可,。 上傳安裝并使用自己制作的joomla模板 登陸后臺(tái),,extensions,,install/uninstall,瀏覽上步制作的模板zip文件,,然后upload&install即可,。 接著要在extensions下面的template manager選擇剛上傳的模板,點(diǎn)擊前面的小圓框選擇它,,然后點(diǎn)右上角的黃色五角星設(shè)置為默認(rèn)模板。接著換到前臺(tái),,刷新瀏覽器就可以看到網(wǎng)站前臺(tái)已經(jīng)換成了自己制作的模板樣式了,。點(diǎn)擊模板名,然后點(diǎn)右上角的預(yù)覽,,就可以看到這個(gè)模板對(duì)應(yīng)的都有哪些模塊位置了,。 添加欄目?jī)?nèi)容并進(jìn)行設(shè)置 這里要添加的欄目是頂部導(dǎo)航欄的那幾個(gè)項(xiàng)目,,我們?cè)诤笈_(tái)menu manager里面創(chuàng)建一個(gè)“topmenu”主菜單,,然后在menu items里面添加導(dǎo)航欄上的幾個(gè)欄目,除了blog和sitemap外,,其余的都是創(chuàng)建標(biāo)準(zhǔn)的文章格式,,我們要先在content-article manager里面先添加上這些文章并編寫好內(nèi)容,以便在菜單項(xiàng)中調(diào)用這些文章作為欄目顯示的內(nèi)容,。 這里注意的是默認(rèn)模板的默認(rèn)主菜單是顯示在邊欄的main menu,,我們要將topmenu里的第一個(gè)項(xiàng)目改成“home”并設(shè)置為默認(rèn)菜單,這樣點(diǎn)home才能切換到網(wǎng)站主頁(yè),,類型 front page才行,。 blog欄目要選擇category的blog layout來(lái)進(jìn)行博客樣式布局,,這樣才會(huì)調(diào)用該欄目下的所有文章。我們要在section manager和category manager里面分別創(chuàng)建一個(gè)叫blog的section和category,,然后才能在菜單欄目中選擇調(diào)用這個(gè)東西來(lái)進(jìn)行展示,。 sitemap欄目是在安裝了網(wǎng)站地圖組件xmap之后再進(jìn)行調(diào)用展示的,這個(gè)要在擴(kuò)展章節(jié)再講到,。 內(nèi)容方面還有底部版權(quán)下面的privacy和terms兩篇文章,,我們要先在article manager里面創(chuàng)建這2篇文章,再在menu manager里創(chuàng)建一個(gè)主菜單,,我叫website usage,,然后在其菜單項(xiàng)中添加叫privacy和terms這2個(gè)菜單項(xiàng)。這兩個(gè)菜單項(xiàng)都是article layout,,分別選擇在文章管理里創(chuàng)建的2篇文章即可,。 添加必要的擴(kuò)展程序并進(jìn)行設(shè)置 以下擴(kuò)展程序請(qǐng)去http://www./thread-10-1-1.html下載,。 大部分?jǐn)U展都已提及,,小部分的也很簡(jiǎn)單,,大家安裝后在后臺(tái)搗鼓幾下必定能懂,有疑問(wèn)請(qǐng)去論壇討論,。 目標(biāo)站分類導(dǎo)航Jewelry Categories是由virtuemart模塊mod_virtuemart 展示的,,分類在virtuemart后臺(tái)category那里添加即可,。包括list all products,product search,mini shoppping cart都是在這模塊設(shè)置里設(shè)置的。 Currency Selector和Most Searched是virtuemart的2個(gè)插件,,包里都有,,下載安裝設(shè)置即可。 產(chǎn)品推薦是在產(chǎn)品添加編輯里面加進(jìn)去的,,效果如: 在產(chǎn)品添加的最后一個(gè)標(biāo)簽related products里面添加即可。 目標(biāo)站付款接受paypal(legacy)方式,,在virtuemart的store-list payment methods-paypal(legacy)-configuration,,paypal email里面輸入你的paypal email賬號(hào)即可。 目標(biāo)站默認(rèn)中國(guó)郵政小包郵費(fèi)3.5刀,,在store下的shipping module list-shipvalue,,點(diǎn)configure ship method,我設(shè)置50刀以下收3.5刀郵費(fèi),50以上免郵費(fèi),,設(shè)置如下: 要在checkout只顯示這個(gè)付款方式要把這個(gè)method設(shè)置為默認(rèn)shipping,,其他方式如ups等都禁用掉,當(dāng)然你可以添加并用,。 要在awocoupon組件里設(shè)置一下,,如訂單超100刀,,得15%折扣,可以如下設(shè)置,,有幾個(gè)優(yōu)惠碼就創(chuàng)建幾個(gè)然后設(shè)置類似,。 要在sitemap中展示網(wǎng)店所有產(chǎn)品還需要在menu manager中創(chuàng)建一個(gè)主菜單,如叫all products in shop,,然后在xmap組件設(shè)置中將這個(gè)菜單加入到要生成的sitemap中才會(huì)站欄目里展示,。 站內(nèi)SEO 網(wǎng)站主體都設(shè)置完以后可以對(duì)網(wǎng)站進(jìn)行結(jié)構(gòu)和內(nèi)容上的seo了,。主要涵蓋了以下幾個(gè)要點(diǎn),,大家注意設(shè)置好,那么網(wǎng)店就有了一個(gè)比較好的seo基礎(chǔ)了,。 seo setting一般默認(rèn)即可,sh404會(huì)控制一切,,這里無(wú)需操心,。 mail setting里填寫自己的郵箱,設(shè)置如下: 在virtuemart的分類創(chuàng)建描述中要把描述寫進(jìn)去,,這將作為該分類的描述并展示在該分類內(nèi)容上方,。另外,分類的名字也將作為該分類頁(yè)面的第一個(gè)關(guān)鍵詞,,所以分類名也要考慮seo的需要,,合理設(shè)置。分類頁(yè)面: 產(chǎn)品頁(yè)面的seo要素為: 設(shè)置一下都有哪些shipping模塊,,按照之前的說(shuō)法,這里就選這個(gè),,你也可以選別的: 結(jié)賬時(shí)出現(xiàn)在paypal頂部的商店圖在store information里設(shè)置上傳: 最后,,來(lái)看看sh404的設(shè)置,這才是對(duì)seo最為重要的一環(huán),。 插入產(chǎn)品id是為了避免萬(wàn)一多個(gè)產(chǎn)品名字相同時(shí)只展示一個(gè)產(chǎn)品,,看目標(biāo)站http://www./105-vintage-pearl-ring-pearl-palace.html,url結(jié)構(gòu)為“domain/productid-product name.html”這樣2J的結(jié)構(gòu)繞過(guò)了分類更好,且不管產(chǎn)品名是否相同,,id是唯一的,,所以u(píng)rl肯定不會(huì)重復(fù),避免了產(chǎn)品多了以后url混淆,。flypage name則完全木有必要出現(xiàn),,否則會(huì)破會(huì)完美的url結(jié)構(gòu)。 要重新生成新的修改過(guò)的url請(qǐng)先清除原來(lái)的url,,在url manager里面點(diǎn)purge,,每次purge完之后,要重新去xmap組件點(diǎn)html格式的網(wǎng)站地圖,,否則將無(wú)法訪問(wèn),,么事的話不要purge,前期改動(dòng)可以,,之后就不要管url了,,除非做過(guò)大的鏈接結(jié)構(gòu)變動(dòng)。 好了,,到此,,sh404核心設(shè)置就算完成了,其他的根據(jù)跟人喜好進(jìn)行設(shè)置,,我只是以目標(biāo)站為例演示功能設(shè)置,,大家完全可以靈活應(yīng)用,新手可以參照我的設(shè)置,,當(dāng)你不知道該怎么辦的時(shí)候,,把球傳給會(huì)踢的人。 好吧,,時(shí)間倉(cāng)促,,一天之內(nèi)趕出來(lái)的教程,很多細(xì)節(jié)做的不到位,,不過(guò)大致方面都提到了,。這個(gè)教程對(duì)那些對(duì)joomla有一定經(jīng)驗(yàn)的朋友會(huì)有比較大的幫助,joomla新手們?cè)趹?yīng)用這教程時(shí)會(huì)遇到一些joomla的基本操作問(wèn)題,,抱歉,,這是這教程木有照顧到的地方,大家自己想辦法解決,。好了,如有問(wèn)題博客或論壇留言討論,。 作者:丁的老頭 |
|