NukeViet Wiki

Công cụ thành viên

Công cụ trang web

Bạn đang ở đây: start » programming4 » theme
Trang đã xem:
programming4:theme

Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

Liên kết đến bản xem so sánh này

Phiên bản trước của cả hai bênPhiên bản trước
Phiên bản sau		Phiên bản trước
programming4:theme [2016/06/16 13:54] – [Tổng quan về theme của NukeViet] hoaquynhtim99programming4:theme [2016/06/20 07:36] (hiện tại) – [Xây dựng giao diện cơ bản] hoaquynhtim99
Dòng 30: Dòng 30:
 ===== Xây dựng giao diện cơ bản ===== ===== Xây dựng giao diện cơ bản =====
  
-Để xây dựng một giao diện cơ bản từ giao diện đã có ta tiến hành copy một theme đã có, đặt lại  tên theme, xóa các phần sau: +Để xây dựng một giao diện cơ bản từ giao diện đã có ta tiến hành copy một theme đã có, điển hình là theme default. Xem cách [[programming4:theme:copy-from-deault-theme|xây dựng giao diện bằng cách copy theme mặc định]]
-  * Tất cả các file trong thư mục, hoặc cả thư mục blocks. +
-  * Các file trong thư mục ''css'', giữ lại ''admin.css, icons.css, ie6.css, index.html, sitemap.xsl, sitemapindex.xsl, tab_info.css''. +
-  * Tất cả các thư mục trong thư mục modules. +
-  * Các file và thư mục trong thư  mục images, để lại thư mục admin, arrows, icons và file index.html. +
-  * Thư mục js +
-Bước tiếp theo cấu hình lại cho theme bằng cách mở file config.ini +
-  * <layoutdefault></layoutdefault>: Layout mặc định của mọi module. +
-  * Các <position></position>: Vị trí của các khối block. +
-  * <setlayout></setlayout>: Thiết lập layout mặc định đối với một số module. +
-Chỉnh lại CSS và các ảnh để được giao diện theo ý. +
- +
-Nếu muốn xây dựng giao diện riêng cho mỗi module, tiến hành copy thư mục có tên module trong thư mục images, modules và file ten-module.css tương ứng vào theme mới sau đó chỉnh sửa CSS và các file ảnh để được giao diện theo ý muốn.+
  
 __**Lưu ý:**__  __**Lưu ý:**__ 
Dòng 49: Dòng 37:
 Ví dụ:  Ví dụ: 
 <code php> <code php>
-$xtpl->assign( 'TITLE', ‘Tiêu đề trang’ ); +$xtpl->assign('TITLE', ‘Tiêu đề trang’); 
 </code> </code>
 Để hiển thị từ “tiêu đề trang” thì trong file tpl ta cần viết {TITLE}.  Để hiển thị từ “tiêu đề trang” thì trong file tpl ta cần viết {TITLE}. 
Dòng 57: Dòng 45:
 Ví dụ: Ví dụ:
 <code php> <code php>
-$xtpl->assign( 'TITLE', array( “title” => “Tiêu đề”, “id” => 1 ) );+$xtpl->assign('TITLE', array(“title” => “Tiêu đề”, “id” => 1));
 </code> </code>
 Để xuất chữ Tiêu đề thì trong file tpl cần đặt {TITLE.title}. Để xuất chữ Tiêu đề thì trong file tpl cần đặt {TITLE.title}.
   * Lệnh đánh dấu khối prase sẽ đánh dấu những phần nằm trong cặp <!--BEGIN: --> và <!-- END: -->.   * Lệnh đánh dấu khối prase sẽ đánh dấu những phần nằm trong cặp <!--BEGIN: --> và <!-- END: -->.
-  * Trong các file tpl trong thư mục layout, có thể bỏ bớt các phần, tuy nhiên cần đảm bảo được các biến ''{THEME_PAGE_TITLE},  {THEME_META_TAGS}, {THEME_CSS}, {THEME_SITE_RSS}, {THEME_SITE_JS}, {THEME_MY_HEAD}, {THEME_ERROR_INFO}, {CLICK_SHOW_QUERIES}, {SHOW_QUERIES_FOR_ADMIN}, {THEME_ADMIN_MENU}, {THEME_MY_FOOTER}, {THEME_FOOTER_JS}.'' 
- 
 ===== Xây dựng giao diện nâng cao ===== ===== Xây dựng giao diện nâng cao =====
 Ngoài các phần cơ bản, NukeViet cũng cung cấp môi trường giúp người dùng tối ưu hóa đến mức tối đa các giao diện: Ngoài các phần cơ bản, NukeViet cũng cung cấp môi trường giúp người dùng tối ưu hóa đến mức tối đa các giao diện:
programming4/theme.1466060083.txt.gz · Sửa đổi lần cuối: 2016/06/16 13:54 bởi hoaquynhtim99