$7.49 .com domain with free InstantPage Website Builder$1.99 Web Hosting   捷飞网络官方淘宝店   Godaddy 优惠码
返回列表 发帖
分享到:




[模板风格/教程] 教你复制克隆zencart网站模板的方法

首先说明的是,这里只是说明复制网站模板的理论,用于学习用途,复制并使用未经授权的模板是非法的。
$ X0 X) f& ]5 k  B第一次写这类说明,没有经验,欢迎大家指正、补充。7 j3 @- N5 z4 R" t* z5 f' c2 g. a
这里以zencart或者osc的模板为例,其他的模板也是同样的方法。3 d. P) [# O. x9 l! B" W8 P
1. 首先在你的模板目录下,建立一个新的模板,例如:\includes\templates\mytemplate\' W2 A" C- w/ M1 Q3 i. ~9 _: _
复制\includes\templates\template_default下的所有目录和文件到新的目录中
4 ^4 ^2 y6 U) q: ?  F7 D2. 用文本编辑器修改\includes\templates\mytemplate\template_info.php,修改其中的名称、版本、作者等内容。; H+ Q3 X& E- K/ f
3. 在后台打开新的模板,然后再工具-外观控制中,点击重置; X2 O( g0 s2 s9 H! |  ^0 K9 h6 t. f
4. 获取网站模板的图片* p1 S: w- j5 g/ {8 K
用整站下载软件实现,例如Teleport Pro,下载全站的所有图形文件,要保留原站的文件结构。, g+ f$ F. Q2 `: r! T: L
图片通常都在/images目录下,将下载到的/images下的图形文件都复制到zencart的/images目录下。5 Y5 I/ t% O* G% o
5. 获取网站模板的按钮7 B' |0 X1 C- J' i: ^' [
也可以用Teleport Pro下载所有按钮,通常是英文的,osc的按钮图片在/includes/languages/english/images/buttons目录下。
$ e: ^, a5 R) U) p将下载的按钮保存到zencart的按钮目录/includes/templates/mytemplate/buttons/english/ 和 /includes/templates/mytemplate/buttons/schinese/ 中,在schinese目录中的按钮,可以自己用图像处理软件转换成中文。2 q$ a3 S! M& h! F0 b% C
osc模板中,可供下载的按钮有:- K% t$ j* q6 P3 ~6 T. a3 y
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_address_book.gif
2 R: Y; I) v( {& ?# Dhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_add_address.gif
/ t) Z% {& _1 R  L0 nhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_back.gif
% P  z  S7 S$ h8 h  Thttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_buy_now.gif
6 {% g9 N0 L8 {0 J6 qhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_change_address.gif
  }/ {' K  D! U+ s4 P9 l% Ehttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_checkout.gif8 z( q) e( G5 p6 K8 ]
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_confirm_order.gif$ @0 |  O' r6 k6 h$ S; P: G9 D, W8 U+ g
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_continue.gif' @5 t. s1 a, p. I
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_continue_shopping.gif
0 `! A/ e# ^0 K- I& Z4 |* V# Z' d9 bhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_delete.gif
- m" F, R, u0 B  qhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_edit_account.gif- |! b- v  k% X% |, c0 z' Q
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_in_cart.gif. w5 q$ a! z1 A; C3 J. A! b+ a8 h6 d
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_login.gif
6 h# F3 A+ ^0 n0 \4 fhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_notifications.gif
  E* [& s: E! b/ y* X3 c; t6 whttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_quick_find.gif2 Z3 S" S8 {: C. a4 o+ b& i
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_remove_notifications.gif
, f( B- r! J+ l9 c$ x( `http://www.domainname.com/osc/includes/languages/english/images/buttons/button_reviews.gif! i2 o7 V! ^% Y  ~5 |5 H
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_search.gif' f  ]$ C; S# z# [
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_shipping_options.gif
$ `+ V! [0 b( M* F( q8 V  Jhttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_tell_a_friend.gif9 C" C9 C& _5 P0 H! }" Q
http://www.domainname.com/osc/includes/languages/english/images/buttons/button_update.gif
* f. ]( E, q* g% r1 shttp://www.domainname.com/osc/includes/languages/english/images/buttons/button_update_cart.gif
4 [8 R/ `1 G7 M. e. |http://www.domainname.com/osc/includes/languages/english/images/buttons/button_write_review.gif9 a8 \, v  w- r
http://www.domainname.com/osc/includes/languages/english/images/buttons/small_delete.gif6 v7 K; G2 \9 {; C5 [8 W) H
http://www.domainname.com/osc/includes/languages/english/images/buttons/small_edit.gif
( [( V- e" p6 _! Chttp://www.domainname.com/osc/includes/languages/english/images/buttons/small_view.gif
7 E/ M( o- z1 |$ q( C- O8 h类似的,ZenCart模板的按钮有+ z8 P3 T% _6 l* b  E/ f# E4 x7 k
http://www.domainname.com/ZenCart/includes/languages/english/images/buttons/button_add_address.gif
$ O; x3 M. ~* R9 E+ a) khttp://www.domainname.com/ZenCart/includes/languages/english/images/buttons/button_back.gif
5 A4 j3 t1 B" r- i7 phttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_buy_now.gif( M- r: y6 N  I- L
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_change_address.gif
7 G$ }. [" ^/ [- J% k5 Ahttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_checkout.gif
1 ]% l0 G3 |; |5 b/ {9 vhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_confirm_order.gif
8 w0 a* I6 P  g3 S" _" O5 {) E' khttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_continue.gif
: g; w8 O2 n7 P& V8 v2 L. ^$ vhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_continue_shopping.gif* b. D8 J- O" o! N
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_delete.gif
2 ]6 y+ H' ?$ E0 Z0 ^' ]http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_download.gif
5 Z! {% t' D' Y0 Chttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_in_cart.gif
. k% T  S6 l* _3 Ghttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_login.gif/ F) Z- \. S* [
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_next.gif1 \; Q7 [7 C7 x& T' o0 L1 m+ q
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_ppcheckout.gif
. J0 ~; M. ], |) T2 dhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_prev.gif2 @6 E5 y: `2 e. p1 Y
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_redeem.gif. [: o3 e3 U" q# t
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_return_to_product_list.gif
- {! S' E1 @! c+ [" {: Mhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_reviews.gif
9 I3 @5 j. t& g% ]; {% |7 V; y3 \http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_search.gif/ A2 C* w* y' c+ G0 F2 [2 e
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_send.gif% M& v8 D1 b# p% o/ P
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_shipping_estimator.gif
& U% v/ o! D, [  ]! p2 @  Bhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_sold_out.gif( z' D6 B+ f2 O4 \" `5 |
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_sold_out_sm.gif( k, E$ S' S7 }4 ~$ R$ r5 {+ ^
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_submit.gif! k  i$ b" x6 m
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_TellAFriend.gif5 C  c, q- U. l8 x5 P( \# p, `
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_tell_a_friend.gif" k3 \+ G. \, `4 v& x4 q
http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_unsubscribe.gif
" a4 {( R  j; ihttp://www.domainname.com/zencart/includes/languages/english/images/buttons/button_update.gif
0 N/ n8 A3 E4 l. h" ]$ l3 p, `; \http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_update_cart.gif
1 B* g; j( n/ d% q: n/ |http://www.domainname.com/zencart/includes/languages/english/images/buttons/button_write_review.gif# z! g* R8 s8 [: f% J
http://www.domainname.com/zencart/includes/languages/english/images/buttons/small_delete.gif
' G/ i/ w0 A) T! }* dhttp://www.domainname.com/zencart/includes/languages/english/images/buttons/small_edit.gif
) j" w4 Q7 h' \/ q( ~http://www.domainname.com/zencart/includes/languages/english/images/buttons/small_view.gif8 E0 G2 N# ~9 P' W1 b; E9 d
上面的列表中,自己替换www.domainname.com/osc 或者 www.domainname.com/zencart 为你需要复制的网站地址。
; f+ b- P* a# I; s: h" B7 U6. 获取网站模板的CSS文件。osc的stylesheet.css文件在根目录下。stylesheet.css文件的具体路径在查看页面源代码时能看到。
2 B: X2 R) A  B打开获得的stylesheet.css文件,剪贴到/includes/templates/mytemplate/css/stylesheet.css文件中,追加在原来的css文件后,不要覆盖原有的内容。
0 |! g" L/ C4 }# O3 |8 ?" O7. 打开需要复制的zencart或者osc网站,查看源代码。(有些网站不允许你查看源代码,要一些技巧,这里就不详细讨论这个问题了)8 n/ ^% U  [& Q$ `
8. 在源代码中复制! z+ i* i* D' q
<!– header //–> 到 <!– header_eof //–> 之间的内容作为\includes\templates\mytemplate\common\tpl_header.php,删除该文件内原来的内容。
' n1 H# k& R, [8 G; n6 F8 J! U; F4 g<!– footer //–> 到 <!– footer_eof //–> 之间的内容作为\includes\templates\mytemplate\common\tpl_footer.php,删除该文件内原来的内容。# t3 z* A- C8 m0 G: n6 P
(有些模板把边框部分的显示也放到header.php中,那么你需要找出属于边框的部分并删除)
% U' _: m0 X4 z" U# b9. 现在,整个网站的外观已经基本出来了。需要替换上面的这两个文件内的链接,这里是模板转换的关键。根据下面的模式替换,第一行是需要替换的类似链接,第二行是正确的代码:- z) y! Z0 k7 Z2 \* B4 u4 [; d/ @
http://www.domainname.com/osc/index.php
2 l# m( j0 v7 o$ Z/ T<?php echo zen_href_link(FILENAME_DEFAULT); ?>2 b1 T' i2 e& E' D' B- W$ k
http://www.domainname.com/osc/account.php
! a$ M& l2 @  e8 `/ k% t& m<?php echo zen_href_link(FILENAME_ACCOUNT, ", 'SSL'); ?>
$ r. y$ w0 G( `- e# lhttp://www.domainname.com/osc/shopping_cart.php* Q! X2 R. r- c* _# P6 d
<?php echo zen_href_link(FILENAME_SHOPPING_CART, ", 'NONSSL'); ?>3 \0 H$ q+ Y  G! u1 i" o
http://www.domainname.com/osc/checkout_shipping.php, h7 r2 P+ w$ K) `3 o5 y
<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, ", 'SSL'); ?>
5 f- J9 k- v7 [% chttp://www.domainname.com/osc/shipping.php( d' H. B- Z: Q
<?php [...]

返回列表
Namecheap
Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting
互联网安全