Xây dựng website đánh giá địa điểm ẩm thực và áp dụng các kỹ thuật seo để quảng bá

Vì vậy việc tìm thông tin các địa điểm phù hợp với mình giữa muôn vàn địa điểm quanh ta càng khó khăn.Mà trong thời đại phát triển bùng nổ của công nghệ thông tin ngày nay chúng ta có th

-

BÁO CÁO

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Tên đồ án:

Xây Dựng Website Đánh Giá Địa Điểm Ẩm Thực Và Áp

Dụng Các Kỹ Thuật SEO Để Quảng Bá

Sinh viên thực hiện: Hoàng Minh Trí – 1051073794

Giáo viên hướng dẫn: TS Trần Xuân Sang

Nghệ An, tháng 12 năm 2014

Lời mở đầu

Hiện nay khi xã hội phát triển ngày càng nhanh thì các địa điểm dịch vụ ẩm thực, ăn uống, vui chơi, giải trí… xung quanh ta ngày càng nhiều.Tuy nhiên do sự đa dạng và phong phú về địa điểm đó mà làm ta rất khó để lựa chọm cho mình được một địa điểm phù hợp cho mình.Có nhiều lúc ta rất khó để chọn cho mình một địa điểm phù hợp là rất khó trong khi không có nhiều cách để có thể dễ dàng tìm hiểu về các địa điểm đó Vì vậy việc tìm thông tin các địa điểm phù hợp với mình giữa muôn vàn địa điểm quanh ta càng khó khăn.Mà trong thời đại phát triển bùng nổ của công nghệ thông tin ngày nay chúng ta

có thể làm rất nhiều thứ thông qua môi trường mạng Internet, từ học tập, làm việc, vui chơi cho đến hội hợp trực tuyến.Vì vậy những website đánh giá địa điểm ra đời để tổng hợp,đánh giá và tạo ra các cộng đồng để giới thiệu về các địa điểm ,các sự kiện ,khuyến mãi để chúng ta có thể đễ đàng lựa chọn ,đánh giá và giới thiệu cho ta bè các địa điểm hay,chất lượng.Đây cũng là một kênh để các đơn vị kinh doanh có thể giới thiệu về mình Đây là kiểu website đã được phát triển lâu trên thế giới và được đánh giá là có giá trị cao về thực tế cũng như lợi nhuận.Tuy nhiên ở Việt Nam những website vẫn còn ít và ở trong giai đoạn ban đầu và nhiều cơ hội.Vì vậy em trong đồ án tốt nghiệp này em muốn

xây dựng một website đánh giá địa điểm ẩm thực có thể đưa vào ứng dụng trong thực tế

sau này

Nhân đây em xin cảm ơn TS.TRẦN XUÂN SANG và các thây cô trong khoa đã tạo những điều kiện tốt nhất cho chúng em có thể hoàn thành trương trình học cũng như đồ án này một cách tốt nhất.Em xin chân thành cảm ơn

Sinh Viên: Hoàng Minh Trí Bùi Văn Trường

Nội Dung

Chương I: Tìm Hiểu Đề Tài 6

1.1 Đề Tài 6

1.2 Website đánh giá địa điểm là gì? 6

1.3 Mô hình kinh doanh của những website đánh giá địa điểm 6

1.4 Một số trang website đánh giá địa điểm tiêu biểu 6

1.5 Đánh giá thị trường Việt Nam 9

Chương II Xây dựng website 11

2.1 Chọn ngôn ngữ xây dựng website 11

2.1.1 WordPress là gì ? 11

2.1.2 Các tính năng cơ bản của Wordpress 12

2.1.3 Ưu và nhược điểm của WordPress 13

2.2 Cài đặt WordPress trên localhost 13

2.3 Xây dựng theme wordpress 18

2.3.1 Cấu trúc cơ bản của một theme WordPress 19

2.3.2 Xây dựng code theme cho website 20

2.4 Tạo giao diện các trang 31

2.4.1 WPBakery Visual Composer là gì? 31

2.4.2 Sử dụng WPBakery Visual Composer tạo trang 32

2.5 Cài đặt Plugin Wordpress 36

2.5.1 Plugin trong WordPress là gì? 37

2.5.2 Cách tìm plugin WordPress 37

2.5.3 Cài đặt plugin 37

2.6 Sử Dụng Website 40

2.6.1 Kích hoạt các nút soạn thảo ẩn trong Wordpress 40

2.6.2 Đăng Địa điểm mới 41

2.6.3 Tạo một Evens(sự kiện) mới 44

2.6.4 Quyền thành viên và cách quản lý 47

2.6.5 Quản lý và đăng bài mới 47

2.6.6 Tạo Post Relationship 52

2.6.7 Up Website lên host 56

Chương III Phát triển Website 59

3.1 SEO Website 59

3.1.1 SEO là gì? 59

3.1.2 Thiết lập cơ bản cho WordPress để chuẩn SEO 59

3.1.2 Xây dựng website chuẩn SEO 61

3.1.3 Viết nội dung chuẩn SEO 63

3.1.4 Cải thiện thứ hạng với backlink 63

3.1.5 Tối ưu SEO On-page nâng cao với WordPress 63

3.2 BẢO MẬT CHO WORDPRESS 65

3.2.1.Sử dụng hosting chất lượng 65

3.2.2.Ngăn truy cập trái phép vào trang quản trị wp-admin 65

3.2.2 Tạo lớp bảo vệ bằng mật khẩu cho trang quản trị 66

3.2.3 Tạo lớp bảo vệ nâng cao bằng IP 67

3.2.4 Phân quyền cho file/thư mục trên host bằng lệnh CHMOD 68

3.2.5 Sao lưu (backup) cơ sở dữ liệu thường xuyên 69

3.2.5 Cập nhật phiên bản mới nhất của WordPress 70

3.2.6 Xóa hết các plugin không cần thiết 70

3.2.7.Một số plugin bảo mật cho WordPress 71

Chương IV Tổng Kết 72

4.1 Kết quả đạt được 72

4.2 Hạn chế 72

4.3 Hướng phát triển 72

Tài liệu tham khảo 72

1 Web Designer's Guide to WordPress-Jesse Friedman 72

2 Building WordPress Themes from Scratch- Joe Casabona 72

Chương I: Tìm Hiểu Đề Tài

1.1 Đề Tài

Xây dựng website đánh giá địa điểm ẩm thực :

-Giới thiệu các thông tin về địa điểm ăn uống vui chơi

- Chia sẽ thông tin, giới thiệu cho bạn bè

- Đăng nhập và gửi bình luận về quán ăn, món ăn

- Giới thiệu thông tin khuyến mại của các địa điểm ăn uống vui chơi giải trí

2 Thiết kế giao diện và CSDL

Có 2 loại người dùng chính:

1 Admin: thêm sửa, bổ sung các thông tin về quán, món ăn, địa điểm vui chơi, vv

2 Người dùng bình thường: Xem thông tin và gửi bình luận

1.2 Website đánh giá địa điểm là gì?

Website đánh giá địa điểm là những website giới thiệu ,đánh giá các địa điểm kinh doanh (theo lĩnh vực khác nhau: ăn uống, du lịch,…) để người dùng có thể tham khảo ,đánh giá,xếp hạng các địa điểm đó

1.3 Mô hình kinh doanh của những website đánh giá địa điểm

Website đánh giá địa điểm đã xuất hiện từ khá lâu trên thế giới, và được đánh giá có giá trị lớn (valuation)

Nhìn tổng thể, các website đánh giá địa điểm sử dụng location based service và có mô hình hoạt động và kinh doanh gần giống nhau Đó là việc xây dựng hệ thông thông tin dữ liệu đa dạng và cụ thể về địa điểm (theo lĩnh vực khác nhau: ăn uống, du lịch,…), sau đó xây dựng cộng đồng người dùng website thường xuyên và có sự tăng trưởng mạnh theo thời gian Website đạt được độ nhận biết và sử dụng cao (nhận biết qua thông số: unique visitors, traffic, user – interactions) thì có thể chuyển sang giai đoạn khai thác kinh doanh Hình thức kinh doanh chủ yếu của các website này là khai thác quảng cáo từ các doanh nghiệp , quảng cáo thương hiệu; bán deal (hình thức như groupon); thu phí sử dụng; hay nhận chiết khấu từ doanh nghiệp sử dụng dịch vụ

1.4 Một số trang website đánh giá địa điểm tiêu biểu

1 Yelp.com

Ra đời từ năm 2004, Yelp.com được biết tới là một trong những website tiên phong trong lĩnh vực đánh giá địa điểm ăn uống sử dụng Review và recommendation của người dùng để tạo nội dung cho website Ban đầu Yelp chỉ khai thác thị trường địa phương (San Fransico, Mỹ), trong ngành nhà hàng, ẩm thực Tới nay, sau 10 năm hoạt động Yelp đã bao phủ khắp nước Mỹ và phát triển sang thị trường Canada (năm 2010) cùng với việc

mở rộng rất nhiều categories khác nhau (hiện có hơn 20 categories) Hiện tại Yelp có khoảng 66 triệu người dùng trên toàn thế giới (trong đó có tới 86.4% là người Mỹ), với tỉ

lệ người truy cập hàng tháng lên tới 18 triệu người, hơn 5.7 triệu thiết bị di dộng sử dụng ứng dụng này của Yelp Trang web này cũng thu thập được tổng cộng 25 triệu lượt đánh giá kể từ khi ra đời năm 2004

Thế mạnh của Yelp ở chỗ website này là ở chỗ ban đầu đã có sự tập trung khai thác một lĩnh vực duy nhất và website có độ phủ thị trường rộng lớn Yelp cung cấp thông tin những địa điểm đang được đánh giá tốt và có lượng người sử dụng cao Khuyến khích người dùng viết review, đồng thời cung cấp thông tin về những sự kiện nổi bật, nhắc nhở người dùng về sự kiện, cũng như thông tin về những khuyến mãi mới đến người dùng Tại Yelp, người dùng có thể kết ta giống như trên facebook và MySpace vậy, và từ đó có thể

theo dõi người ta của mình và xem những đánh giá của họ về những địa điểm họ tới trước khi cập nhập thông tin từ những người dùng khác trong cộng đồng Yelp

Yelp trở thành kênh thông tin quan trọng và có sức ảnh hưởng mạnh mẽ đối với việc kinh doanh của các doanh nghiệp địa phương Do đó, khi chuyển sang giai đoạn kinh doanh, Yelp bắt đầu khai thác bán quảng cáo cho các doanh nghiệp địa phương (local advertising), quảng cáo thương hiệu (brand advertising) và bán Yelp Deal (ra mắt năm 2010) Doanh thu năm 2013 của Yelp vào khoảng 232 triệu USD Trong đó quảng cáo cho doanh nghiệp chiếm 80% trong tổng doanh thu

2 foody.vn

Tại thị trường Việt Nam các website đánh giá địa điểm đã xuất foody.vn nổi lên như một trong những website đánh giá địa điểm đáng chú ý trong một năm trở lại đây Ra đời tháng 8/2012 với phiên bản website, sau 3 tháng, ứng dụng chạy trên hệ điều hành iOS ra đời, Foody trở thành đơn vị đầu tiên phát hành ứng dụng mobile thu hút người dùng Tới nay, Foody đã có ứng dụng chạy trên nền iOS, Android và Windows Điểm mạnh của Foody nằm ở chỗ website, ứng dụng có giao diện khá bắt mắt, tập trung sâu (chỉ về ẩm thực); nội dung ngắn gọn,thực tế; tập trung vào hình ảnh chất lượng; và có sự phân chia địa điểm trong category rõ ràng, chi tiết.Hiện Foody cung cấp hơn 75.000 địa điểm, đã có hơn 2.5 triệu unique visitors mỗi tháng, với khoảng 180.000 lượt truy cập mỗi ngày với số lượng review lên tới 160.000 Với lượng traffic này Foody đang là cái tên dẫn đầu trong việc tìm kiếm địa điểm ăn uống đối với người dùng và vì thế, Foody cũng đang được khá nhiều doanh nghiệp quan tâm

1.5 Đánh giá thị trường Việt Nam

Tại thị trường Việt Nam , các website đánh giá địa điểm đã xuất hiện các website như thodia.vn, diadiemanuong.com, place.vn, dendau.vn,foody.vn, Onone.vn, Lenken.vn, ProGuide.vn, anan-vietnam.com, amthuc365.vn, vnnavi.com, lozi.vn,…

Tuy nhiên, thị trường Việt Nam hiện tại vẫn còn rất tiềm năng với hơn 36 triệu người

sử dụng internet chiếm 39% dân số (tính đến tháng 1/2014, Việt Nam có 92 triệu người)

và theo dự tính tới năm 2016, con số này sẽ tăng lên 56 triệu người (Thống kê của VNPT) Trong đó, số lượng sử dụng smart phone chiếm 20% tổng dân số với 97% dùng cho việc tra cứu, tìm kiếm thông tin và 95% dùng cho việc tìm hiểu sản phẩm

Tổng quan về thị trường internet tại Việt Nam

Chương II: Xây dựng website

2.1 Chọn ngôn ngữ xây dựng website

Hiện nay để tạo một Website chúng ta có thể sử dụng rất nhiều ngôn ngữ lập trình hoặc các mã nguồn mở khác nhau như: php,joomla,wordpress,xenforo,nukeviet……Nhưng trong đồ án này em sử dụng mã nguồn mở Wordpress Vậy Wordpress là gì?,Wordpress

có các tính năng nào?,Wordpress có ưu nhược điểm gì ?

2.1.1 WordPress là gì ?

WordPress là một mã nguồn web mở để quản trị nội dung (CMS – Content Management System ) và cũng là một nền tảng blog (Blog Platform) được viết trên ngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MySQL được phát hành đầu tiên vào

ngày 27/5/2003 bởi Matt Mullenweg và Mike Little.Nó là phần mềm mã nguồn mở

được cung cấp miễn phí, sử dụng ngôn ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL Do

đó, nó thích hợp cho ai muốn đặt blog trên chính website sử dụng tên miền của riêng mình Tuy nhiên, nếu không có tên miền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, ta vẫn có thể dùng chung với nhà cung cấp Automattic Production tại địa chỉ http://wordpress.com tương tự các nhà cung cấp khác.WordPress là một dạng phần mềm mã nguồn mở, là hậu duệ chính thức của b2/cafelog, được phát triển bởi Michel Valdrighi Cái tên WordPress được đề xuất bởi Christine Selleck, một người ta của nhà phát triển chính Matt Mullenweg WordPress viết bằng PHP và sử dụng hệ quản trị MySQL WordPress chạy tốt trên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợ WordPress Nhiều Host (Godaddy, Host Gator, …) còn có chức năng tự động cài đặt WordPress

Hiện tại tính ở thời điểm 2014 này, WordPress đã có những con số rất ấn tượng như sau:

 Khoảng 75,000,000 website đang sử dụng mã nguồn mở WordPress

 Hỗ trợ hơn 40 ngôn ngữ khác nhau

 Mỗi ngày có khoảng 145,000 lượt download mã nguồn WordPress từ trang chủ

 WordPress chiếm khoảng 19% thị phần cho tổng số website có mặt trên thế giới Trong khi đó Joomla chỉ có3% Và website không sử dụng CMS chiếm 69%

 Tổng số lượt download hiện tại của WordPress là khoảng 500,000,000 lần

2.1.2 Các tính năng cơ bản của Wordpress

Khi tạo một blog cho riêng ta có thể sẽ có những lý do riêng, nhưng nếu so với các script và dịch vụ blog khác, có thể ta sẽ thích Wordpress ở những tính năng dưới đây

 Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file config.php, sau 1,2 lần click chuột, ta đã sẵn sàng để viết blog

wp- Không giới hạn số lượng category và sub-category: ta có thể tạo vô số chuyên mục

và các chuyên mục con trong các chuyên mục chính mà không gặp phải bất kì rắc rối nào.Tự động xuất RSS và Atom: giúp cập nhật các thông tin về blog của ta ngay lập tức

 Sử dụng giao diện XML RPC để trackback và viết bài từ xa

 Có thể đăng bài trên blog từ email

 Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của Wordpress Nó tạo cơ hội cho hàng nghìn nhà phát triển cùng tham gia phát triển các plugin và theme cho Wordpress, làm cho nó càng ngày càng phong phú về tính năng và giao diện

 Có thể nhập dữ liệu từ Blogger, Blogware, Bunny’s Technorati Tags, DotClear, GreyMatter, Jorome’s Keyword, LiveJournal, Movable Type, TypePad, RSS, Simple Tagging, Textpattern, B2evoluton, v.v Đây là chức năng tuyệt vời nếu như ta muốn chuyển từ một blog khác sang sử dụng Wordpress, nó giúp lại lấy lại tất cả các bài viết trên các blog khác để chuyển qua Wordpress

 Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API để

mở rộng

 Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm

 Khả năng tìm kiếm trên blog rất tốt

 Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là bao nhiêu

 Hỗ trợ viết blog đa ngôn ngữ

 Administration Panel được tổ chức rất tốt với rất nhiều tính năng nhưng lại dễ hiểu

và dễ sử dụng

 Quản lý liên kết dễ dàng

Với sự trợ giúp của các plugin và rất nhiều bộ API, ta có thể chỉnh sửa Wordpress tùy thích theo nhu cầu của ta, và thậm chí ta cũng có thể sử dụng Wordpress để làm một website hoàn chỉnh Wordpress có hàng ngàn plugin và theme, cộng với một đồng người

sử dụng cực kì đông đảo luôn sẵn sàng góp sức phát triển, điều này làm cho Wordpress ngày càng lớn mạnh thể hiện vai trò số 1 của mình

2.1.3 Ưu và nhược điểm của WordPress

1 Ưu điểm

 Nhiều plugin hỗ trợ, hầu như mọi ý tưởng đều đã có plugin hỗ trợ

 Nhiều theme có sẵn, hầu như là nhiều nhất trong các CMS hiện nay

Bao gồm các theme miễn phí và theme trả phí rất chuyên nghiệp

 Dễ tùy biến, nếu ta là người đã có kiến thức sẵn về PHP, CSS,

HTML thì điều này rất dễ dàng

 Nhiều cộng đồng hỗ trợ và hướng dẫn,

 Có thể làm được nhiều thể loại website, từ blog cá nhân đến các

trang thương mại điện tử

 Dễ cài đặt

 Nhẹ và hao tốn ít tài nguyên máy chủ

 Các Theme Framework hiện có sẽ giúp ta tự thiết kế giao diện

WordPress dễ dàng

 Dễ sử dụng và quản lý

2 Nhược điểm

 Nhiều khái niệm khó hiểu nếu ta mới bắt đầu

 Muốn tùy biến WordPress, ta phải có kiến thức lập trình web căn

bản nhất

 Các theme đẹp đa phần là phải trả phí Và plugin cũng vậy

 Nếu ta là Developer, ta sẽ hơi mệt mỏi với các hàm có sẵn của

WordPress vì nó quá nhiều

2.2 Cài đặt WordPress trên localhost

Bước 1: tải và cài đặt xamp

Bước 2: Tạo database :click chọn Admin ở Module MySQL

Bước 3: Tải và cài đặt wordpress vào thư mục wordpress vào đường dẫn

C:// xamp/htdoc/

Mở trình duyệt và gõ vào thanh địa chỉ http://localhost/wordpress/ ta sẽ thấy màn chào mừng như hình dưới

Click vào Let’s go! để tiếp tục

Bước 4: Cấu hình database với:

- Database Name : tên database ta vừa tạo

- User Name: tài truy cập MySQL, thông thường là root

- password: là mật khẩu của tải khoản được khai báo phía trên

- Database Host: thông thường là localhost, ta giữ nguyên không cần thay đổi

- Table Prefix: ký tự đầu tiên xuất hiện trong tên bảng, để dễ hình dung ta có thể xem

ảnh ở phía dưới

Bước 5: xác nhận và chạy cài đặt

Bước 6: Chọn lựa tên website và tài khoản quản trị

Bước 7: Nếu cài đặt thành công WordPress sẽ hiển thị thông tin tài khoản của ta Đến

bước này ta đã cài đặt thành công WordPress lên locahost, click vào Log In để đăng nhập

vào hệ thống quả trị và bắt đầu viết bài

Giao diện website khi cài đặt xong:

2.3 Xây dựng theme wordpress

Mỗi theme WordPress luôn được xử lý dựa trên 4 ngôn ngữ thiết kế website phổ biến

mà cũng quan trọng nhất, đó là:

 CSS – Cascading Style Sheets

 Javascript – Bao gồm luôn jQuery nếu có

Trong 4 ngôn ngữ trên, HTML và CSS chúng ta không thể gọi là lập trình được vì nó không phải là một ngôn ngữ tạo dựng kịch bản cho web mà chỉ mang tính chất định hình

bố cục website, chúng ta nên gọi nó là ngôn ngữ thiết kế web Còn PHP và Javascript thì chúng ta có thể gọi là ngôn ngữ lập trình web

2.3.1 Cấu trúc cơ bản của một theme WordPress

Mỗi theme Wordpress gồm nhiều file khác nhau tạo nên,tuy nhiên bất kỳ theme nào của Wordpress đều được xây dựng xung quanh những file cốt lõi không thể thiếu sau:

 index.php: Trình bày các bài viết nhưng ở trên trang chủ của theme

 style.css: là file Stylesheet chính chứa các đoạn code css của theme

 category.php: Trình bày tất cả bài viết của chuyên mục đó

o {slug}.php – Nếu category là seo, thì WordPress sẽ tìm

category-seo.php

o category-{id}.php – Nếu category có id là 5, thì WordPress sẽ tìm category-5.php

 single.php: Trình bày một bài viết

o {post-type}.php – Nếu post_type là videos, WordPress sẽ tìm

single-videos.php

 functions.php: Được hiểu như là một tập tin thực thi một số hàm thêm vào theme.

Là một file khá quan trọng để ta custom theme bằng filter và action hoặc tất cả những cái khác mà ta có thể viết bằng PHP

 single.php: Hiển thị nội dung của Post, hay còn gọi là bài viết Thường thì code

file này cũng giống file page.php

 header.php: Trình bày phần header của theme

 footer.php: Trình bày phần footer

 sidebar.php: Hiển thị phần sidebar

 page.php: là trang tỉnh không thuộc một chuyên mục nào đó ví dụ như trang giới

thiệu, trang liên hệ

 {slug}.php – Nếu page slug là recent-news, thì WordPress sẽ tìm recent-news.php

page- page-{id}.php – Nếu page có id là 5, thì WordPress sẽ tìm page-5.php

 home.php: Thường dùng khi ta muốn có một trang chủ tĩnh nhưng có cập nhật các

bài viết mới nhất

 404.php: Trình bày khi nhập sai URL, wordpress không thể tìm thấy bài viết phù

hợp truy vấn

 search.php: Trình bày kết quả tìm kiếm

 comments.php: Các ý kiến hoặc phản hồi, ping back, track back tới trang web Ở

các template này không nên chứa các định nghĩa function mà ta muốn thêm vào mà hãy

để chúng trong hàm functions.php

 tag.php: Trình bày một tag, khi một từ khóa được truy vấn

 taxonomy.php: Trình bày một phân loại, khi một phân loại được truy vấn

 author.php: Trình bày tác giả, người viết hay người phản hồi

 date.php: Trình bày ngày tháng

 archive.php: Được sử dụng khi tác giả, ngày tháng, hay thư mục được truy vấn

2.3.2 Xây dựng code theme cho website

Khi cài đặt wordpress chúng ta được cung cấp một theme(giao diện) mặc định của nhà sản xuất Tuy nhiên mỗi trang website khác nhau thì yêu cầu một theme(giao diện) khác nhau.Vì vậy để phù hợp em đã chỉnh sửa giao diện mặc định lại

Dưới đây là code của một số file hệ thống trung tâm nhất của theme(giao diện )sau khi

đã chỉnh sửa

1. Home (index.php): Trình bày các bài viết nhưng ở trên trang chủ của theme

<?php /* Start the Loop */ ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

2 Page (page.php) : là trang tỉnh không thuộc một chuyên mục nào đó ví dụ như trang giới thiệu, trang liên hệ

<div class="col-md-9 pp-single-content">

<?php get_template_part( 'content', 'page' ); ?>

<div class="col-md-9 pp-single-content">

<?php get_template_part( 'content', 'page' ); ?>

</div>

<?php get_sidebar();?>

</div>

<div class="col-md-9 main-content-wrap">

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; // end of the loop ?>

class="meta- ('Prev', 'javo_fr') ); ?>

</span>

<span class="nav-next">

<?php next_post_link( '%link', ('Next', 'javo_fr').'

<span class="meta-nav">' _x( '<i class="icon-arrow-right7"></i>', 'Next post link', 'javo_fr' ) '</span>' ); ?>

<div class="col-md-12 main-content-wrap">

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; // end of the loop ?>

class="meta-</span>

<span class="nav-next">

<?php next_post_link( '%link', ('Next', 'javo_fr').'

<span class="meta-nav">' _x( '<i class="icon-arrow-right7"></i>', 'Next post link', 'javo_fr' ) '</span>' ); ?>

</span>

</nav><! nav-single >

<?php comments_template( '', true ); ?> </div>

</div>

<?php break; case "right": default:?>

<div class="row">

<div class="col-md-9 main-content-wrap">

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; // end of the loop ?>

class="meta-</span>

<span class="nav-next">

<?php next_post_link( '%link', ('Next', 'javo_fr').'

<span class="meta-nav">' _x( '<i class="icon-arrow-right7"></i>', 'Next post link', 'javo_fr' ) '</span>' ); ?>

* The sidebar containing the main widget area

* If no active widgets are in the sidebar, hide it completely

// Get display post sidebar option meta

$javo_sidebar_lr = trim( (string)get_post_meta( $post_id, 'javo_sidebar_type', true) );

// Set not exist meta value to default 'Right'

$javo_sidebar_lr = !empty($javo_sidebar_lr)? $javo_sidebar_lr : "right";

}else{

dynamic_sidebar("default Sidebar");

};

?>

</div> <! pp-siderbar inner >

</div> <! new row >

</div><! Side bar >

Ngoài những file trên hệ thống còn có những file sau:

Theme(Giao diện )mặc định của wordpress:

Theme (Giao diện) của Website sau khi chỉnh sửa :

2.4 Tạo giao diện các trang

Để tạo giao diện các trang khác nhau trong Website này em sử dụng plugin

WPBakery Visual Composer (giá: 28 $) tại http://vc.wpbakery.com/ Vậy WPBakery

Visual Composer là gì?,Sử dụng nó để tạo giao diện các trang như thế nào?

2.4.1 WPBakery Visual Composer là gì?

WPBakery Visual Composer plugin là một Plugin của Wordpress được tạo ra bởi WPBakery Plugin này là một trong những công cụ có sẵn tốt nhất để thêm năng kéo và thả để theme WordPress.Visual Composer làm cho người sử dụng dễ dàng để tạo ra các trang bằng cách thêm các yếu tố khác nhau và nội dung trang, sau đó kéo chúng vào vị trí Các plugin bao gồm hơn 40 yếu tố nội dung để xây dựng trang, cũng như một API mở rộng cho bất kỳ nhà phát triển có thể muốn thêm nhiều lựa chọn hơn

Nổi bật của Visual Composer là linh hoạt và useability (tính khả dụng) của nó Các yếu

tố trang bao gồm có (hộp văn bản, các tab, hình ảnh, thanh trượt, cột,…vv) cũng như thông tin thực tiễn (biểu đồ, ghi chú, các nút và nhiều hơn nữa) Nhưng Composer cũng được xây dựng để nhận ra một số ít các plugin phổ biến và để tự động thêm các yếu tố xây dựng trang cho họ nếu họ đang hoạt động trên cài đặt WordPress

Một tính năng tuyệt vời là khả năng lưu trang mẫu Vì vậy, sau khi đã hoàn thiện thiết

kế trang ta có thể lưu mẫu và tái sử dụng nó khi ta thêm nhiều bài viết và trang

Một số tính năng nổi bật của WPBakery Visual Composer plugin:

 Giao diện kéo và thả

 Có hơn 40 yếu tố Builder

 Không cần có kỹ năng mã hóa cần thiết

2.4.2 Sử dụng WPBakery Visual Composer tạo trang

Sau khi mua plugin WPBakery Visual Composer về ta có được file WPBakery Visual Composer.zip Để thêm nó vào Wordpress ta làm như sau:

-Đầu tiên ta truy cập vào mục Plugins, chọn Add new

- Vào Upload chọn đường dẫn đến file WPBakery Visual Composer.zip và chọn Install

now để cài đặt

Sau khi đã cài đặt xong Plugin WPBakery Visual Composer để tạo trang mới ta vào Pages chọn Addnew ta sẽ vào trang để tạo một trang mới.Ở đây ta chọn button màu xanh Backend editor để dùng Plugin WPBakery Visual Composer tạo trang mới

Khi ta chọn Backend editor sẽ bật Plugin WPBakery Visual Composer khi đó trang sẽ

như sau:

Tại đây ta có thể thêm các hàng, các cột, các nút, văn bản, hình ảnh và nhiều hơn nữa bằng cách sử dụng tất cả các tùy chọn của Visual Composer với các nút Add Element,Add row,Templates,Forntend Edit,Css để thêm các nội dung vào trong trang

Ví dụ để thêm vào trang một element ta chon Add element ,sau đó Plugin sẽ hiện lên một menu pop-up danh sách các element để ta chọn tại đây ta lựa chon element để chọn sau

đó ta chỉnh sủa nội dung của element

Ví dụ :ở đây để tạo trang Home ta vào Pages chon Add new để tạo một page mới tên là Home New, chọn Backend editor Ở đây ta chon thứ tự các element sau:

 Javo Slide with search bar (Full-width) :đây là thanh Slide có tích hợp thêm chức năng tìm kiếm

 Javo Large Blocks:để hiện thị các phân loại địa điểm với các chủ đề khác nhau như:nhà hàng,quán café…

 Javo Events: để hiện thị các sự kiện đặc biệt ,khuyến mãi

 Javo Grid: để hiện grid tất cả các địa điểm

 Featured Items: để hiện các địa điểm nổi bật

Khi đó khi vào trang home ta có giao diện sau:

2.5 Cài đặt Plugin Wordpress

Trong website được viết bằng thì có hai phần quan trọng nhất là theme(giao diện) và plugin.Theme(giao diện) là phần quyết định đến giao diện của website còn phần mà