Share và hướng dẫn cách tạo wap nhiều giao diện

40 bài đăng
Tags:
08.02.2016 / 15:17
thaian2009
Bài đăng: 709
Member

Cái này làm hơi cực chỉ dàn cho ai rảnh thôi nha ^^ Xóa hết tất cả cả code trong tạo lập làm từ đầu cho dễ.

Trong thể loại gốc tạo các thư mục là PC Index, Mobile Index và Recyle Bin, 2 tập tin là Header chung và Footer chung như dưới đây.

Thể loại gốc->

[*]PC Index [X] [E]

[*]Mobile Index [X] [E]

[*]Recycle Bin [X] [E]

[*]Header chung [X] [E] [^]

[*]Footer chung [X] [E] [^]

Ở phần này thì An chỉ hướng dẫn tạo giao diện cho Mobile dùng cho điện thoại nên chỉ quan tâm đến thư mục Mobile Index còn cái PC Index tương tự.

-----------------------------------------------------------------------

Trong Mobile Index tạo các thư mục như bên dưới

Thể loại gốc->Mobile Index->

[*]Skin_Main [X] [E]

[*]Skin_Default [X] [E]

[*]Skin_SnLinhNhi [X] [E]

[*]Skin_Material [X] [E]

[*]Skin_s2muadong [X] [E]

[*]Skin_Giao diện Cam [X] [E]

[*]Skin_Vip thien su [X] [E]

[*]Skin_Green [X] [E]

[*]Skin_Chat [X] [E]

[*]Trang chủ_chưa đăng nhập [X] [E] [^]

[*]Trang chủ_đã đăng nhập [X] [E] [^]

Các thư mục bắt đầu bằng Skin_ là những chứa từng giao diện. Có thể đặt tên tùy ý và không cần phải tạo nhiều như trên, 2 giao diện cũng được rồi. Trên đó thì An tạo 9 giao diện là Chat, Green, Vip thien su, Giao diện Cam, s2muadong, Material, Default, Main. Default là giao diện mặc định.

-----------------------------------------------------------------------

Vào Thể loại gốc->Mobile Index->Skin_Default-> tạo các file như bên dưới

[*]Index_Đăng nhập [X] [E] [^]

[*]Index_Chưa đăng nhập [X] [E] [^]

[*]+ Shoutbox chat [X] [E] [^] (trang chứa topic chat)

-----------------------------------------------------------------------

Sau khi tạo xong các thư mục như trên thì quay trở ra thư mục Index Mobile tìm file Trang chủ đã đăng nhập (Trang chủ chưa đăng nhập làm tương tự).

1. Chọn Đối tượng mới -> Bao gồm các tập tin khởi tạo khác -> tìm và chọn file "Index_Đăng nhập" trong thư mục Skin_Default, chỗ Bình luận điền là "Default".

2. Chọn Đối tượng mới -> Mã twig -> dán code này vào

TWIG
  1. {%if api.r.get("style") is not empty%}
  2. <script type="text/javascript">document.cookie="Style={{api.r.get("style")}}; path=/; expires=Thursday, 20-May-19 00:15:00 GMT";</script>
  3. <meta http-equiv="Set-Cookie" content="Style={{api.r.get("style")}}; path=/; expires=Thursday, 20-May-19 00:15:00 GMT"/>
  4. {#<meta http-equiv="refresh" content="0;URL=/main.php"/>#}
  5. {%endif%}

mục Bình luận điền là "Set Cookie".

Sau khi làm xong 2 bước trên sẽ như dưới đây

Bao gồm các tập tin khởi tạo khác : Default

Mã twig : Set cookie

[X] [+] [E] [^]

------------------------------------------------------------------------

Bây giờ vào Thể loại gốc->Mobile Index->Skin_Default-> tìm tập tin Index_Đăng nhập

1. Chọn Đối tượng mới -> Mã Twig dán cái này vào.

[-mã chung-]

TWIG
  1. {% set style=api.r.createFromGlobals().cookies.get("Style")|default("Default")%}
  2.  
  3. {%if (style=="Default" and api.r.get("style") is not empty) or api.r.get("style")=="Default"%}Giao diện Mặc định{%endif%}

z là đã tạo xong giao diện Default, tiếp theo tạo giao diện Main tương tự như trên chỉ thay Default thành Main.

------------------------------------------------------------------------

Vào Tạo lập -> Cài đặt tạo lập -> Chọn tập tin làm trang chính của trang web(hiển thị khi thành viên đã Đăng nhập) -> Đặt tập tin làm trang chủ -> Tìm và chọn file [*]Trang chủ_đã đăng nhập ở "Mobile Index"

------------------------------------------------------------------------

Đã xong. Truy cập wap theo đường dẫn.

Giao diện Default

http://tenwap.wap.mu/main.php? ... fault

Giao diện Main

http://tenwap.wap.mu/main.php?style=Main

-------------------------------------------------------------------------

Có thể tạo trang để thành viên chọn giao diện.

Shoutbox chat topic ở các giao diện là giống nhau nên phải copy ra di chuyển đến từng giao diện và bọc code như ở [-mã chung-] vào

Nguồn và demo: http://cobethoitiet.wap.mu

Edited MrKen (05.05.2016 / 17:05)
08.02.2016 / 15:32
mad
Bài đăng: 2434
Member
Nhào vô cắn tao đi, tao sợ mày à cắn bừa.

quá dài

08.02.2016 / 15:38
thaian2009
Bài đăng: 709
Member

có 2 code thôi mà dài gì chủ yếu là lưu cookie và lấy cookie =]

08.02.2016 / 20:46
mad
Bài đăng: 2434
Member
Nhào vô cắn tao đi, tao sợ mày à cắn bừa.

Giới thiệu dài.

09.02.2016 / 06:03
alogame
Bài đăng: 396
Member

Hình như mrken có cách ngắn gọn hơn đấy

09.02.2016 / 06:17
HuyAnh
Bài đăng: 1142
Member
https://www.facebook.com/boduyvidai9999/videos/219

Nhưng dù nó ra s thì pải vẫn cảm ơn ng share chứ s lại v

09.02.2016 / 07:11
alogame
Bài đăng: 396
Member

Lỡ ui cũng hỏi luôn. Mình can thiệp vào thẻ body bằng cách thêm id dc k ta

09.02.2016 / 11:15
b0ysh0ckhn
Bài đăng: 1146
Member
Nguyễn Minh Phương

:)) An cho tôi góp ý tí ko

09.02.2016 / 13:50
thaian2009
Bài đăng: 709
Member
b0ysh0ck_hn đã viết

:)) An cho tôi góp ý tí ko

Phương cứ góp ý :D

09.02.2016 / 14:12
b0ysh0ckhn
Bài đăng: 1146
Member
Nguyễn Minh Phương

:))) nếu dùng cookie thì chỉ cần thêm id cho body là đủ........còn css chúng ta chia theo id chẳng hạn...thế chỉ cần tạo 1 tập tin là đủ cần gì dài dòng đâu[code]#default input[/code]