opencart模板認(rèn)識

時(shí)間：2023-02-22 12:36:01 | 來源：營銷百科

時(shí)間：2023-02-22 12:36:01 來源：營銷百科

opencart模板認(rèn)識：　　如果你有自己設(shè)計(jì)Wordpress，Blogspot等經(jīng)驗(yàn)，那可以說你已經(jīng)會網(wǎng)店設(shè)計(jì)了。如果你任何經(jīng)驗(yàn)都沒有，你先要學(xué)習(xí)一些基礎(chǔ)知識。當(dāng)然，會網(wǎng)店設(shè)計(jì)不等于能設(shè)計(jì)的好看，設(shè)計(jì)是否好看是另外的話題，美贊拓的這篇文章只說說如何自己動手設(shè)計(jì)網(wǎng)店?！⌒枰獙W(xué)習(xí)的基礎(chǔ)知識：HTML，CSS，Photoshop，Dreamweaver。

　　前兩個(gè)是要了解和記憶的語法，后兩個(gè)是工具的使用。不要被這些語法和工具嚇倒，其實(shí)最好的學(xué)習(xí)方法，就是一邊學(xué)習(xí)一邊設(shè)計(jì)網(wǎng)店模板。發(fā)現(xiàn)問題，學(xué)習(xí)問題，解決問題是最快的方法。學(xué)習(xí)過程是由點(diǎn)到面，由粗到細(xì)的，這樣的方法不會因?yàn)榭菰锓ξ抖崆胺艞?。我根?jù)Opencart的模板設(shè)計(jì)，把學(xué)習(xí)的過程介紹一下。

　　Opencart軟件下載之后，打開目錄：/catalog/view/theme/default/，這個(gè)Default目錄里就是網(wǎng)店的設(shè)計(jì)。文件夾里還有image,stylesheet,template 3個(gè)目錄，分別是用來存儲設(shè)計(jì)圖片，CSS文件，模板文件。

　　Step 1. 把Default目錄復(fù)制一個(gè)新目錄，另外取一個(gè)你喜歡的名字，通常是你的網(wǎng)站域名。例如IECSP目錄。在這個(gè)目錄下是有Default一樣的文件夾和文件。

　　Step 2. 把新目錄上傳到你的網(wǎng)店服務(wù)器空間里（如何在虛擬主機(jī)中安裝Opencart，請到Opencart網(wǎng)站尋找?guī)椭?，新目錄要和default目錄是同級的，父目錄是theme。然后再到Opencart軟件的管理中心把模板改成你的新文件夾IECSP。這時(shí)候你訪問網(wǎng)店頁面，是和default設(shè)計(jì)一樣的。

　　Step 3. 找到stylesheet目錄里stylesheet.css文件，使用Notepad 打開這個(gè)文件，你會看到很多CSS語句。看不懂不用怕，我們學(xué)習(xí)的方法就是做一點(diǎn)，學(xué)一點(diǎn)。

　　Step 4. 我們先嘗試把背景色修改成黑色，找到 body { margin: 0px;padding: 0px;text-align: center; } 語句，在后面添加一句： body { margin: 0px;padding: 0px;text-align: center; background:#000000;} ，之后你保存這個(gè)文件，再上傳到網(wǎng)店主機(jī)的相同目錄中，覆蓋舊文件。

　　Step 5. 刷新網(wǎng)店網(wǎng)頁，你會發(fā)現(xiàn)網(wǎng)頁背景色已經(jīng)是黑色的了，雖然很難看，但是這已經(jīng)是你自己設(shè)計(jì)的了。

　　下一步你可以把Logo換一下，再根據(jù)這個(gè)修改思路，找你想修改顏色，字體的位置，然后再CSS文件中進(jìn)行修改，如果不會就到Google里搜索CSS語法，反復(fù)嘗試，你會發(fā)現(xiàn)你改的越多，網(wǎng)頁越漂亮。當(dāng)設(shè)計(jì)和default模板有較大差別的時(shí)候，你會充滿成就感。

　　我在這篇文章不是要寫基礎(chǔ)知識的學(xué)習(xí)，我只是希望告知初學(xué)者一個(gè)好的方法。學(xué)習(xí)一門技能的第一步，我認(rèn)為并不需要去買一本書照著做，如果你直接動手，一邊做一別找資料，更容易產(chǎn)生持久的興趣。