Tài liệu Xây dựng website giới thiệu du lịch tỉnh u đôm xay

LỜI CẢM ƠN Trong lời đầu tiên của báo cáo khoá luận tốt nghiệp “Xây dựng website giới thiệu du lịch tỉnh U Đôm Xay” này. Em muốn gửi những lời cảm ơn và biết ơn chân thành nhất của mình tới tất cả những người đã hỗ trợ, giúp đỡ em về kiến thức và tinh thần trong quá trình thực hiện đồ án. Trước hết em xin chân thành cảm ơn ThS. Phan Trung Kiên, giảng viên khoa Toán - Lý - Tin , trường Đại học Tây Bắc, người đã trực tiếp hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực tập. Xin chân thành cảm ơn ban giám hiệu nhà trường, các thầy cô trong khoa Toán - Lý - Tin và các phòng ban nhà trường đã tạo điền kiện tốt nhất cho em trong suốt thời gian học tập và và làm khóa luận. Cuối cùng, em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân đã giúp đỡ động viên em trong quá trình học tập và làm khóa luận. Do thời gian thực hiện và kiến thức còn nhiều hạn chế nên khóa luận chắc chắn không tránh khỏi những thiếu sót nhất định, em rất mong nhận được ý kiến đóng góp của thầy cô giáo và các bạn để em có thêm kinh nghiệm và hoàn thiện khóa luận của mình. Em xin chân thành cảm ơn! Sơn La, tháng 5 năm 2018 Sinh viên Năn Thị Đa Sẻng Súc MỤC LỤC LỜI MỞ ĐẦU ............................................................................................ 1 1. Lý do chọn đề tài ............................................................................ 1 2. Mục đích nghiên cứu ...................................................................... 1 3. Đối tƣợng nghiên cứu ..................................................................... 1 4. Phạm vi nghiên cứu ........................................................................ 1 5. Phƣơng pháp nghiên cứu ................................................................ 1 6. Bố cục đề tài ................................................................................... 2 CHƢƠNG 1. GIỚI THIỆU VỀ WORDPRESS ...................................... 3 1.1. WordPress là gì? .......................................................................... 3 1.2. Các loại WordPress. ..................................................................... 4 1.3. Ƣu điểm của WordPress .............................................................. 4 CHƢƠNG 2: TỔNG QUAN VỀ MỘT WEBSITE WORDPRESS ....... 6 2.1. Localhost là gì?............................................................................ 6 2.2. Localhost vận hành nhƣ thế nào .................................................. 6 2.3. Hƣớng dẫn cài đặt Localhost ...................................................... 6 2.4. Thao tác trên localhost ................................................................ 7 2.4.1. Làm việc với thƣ mục và tập tin ............................................ 7 2.4.2. Tạo cơ sở dữ liệu MySQL (Database) ................................... 7 2.4.3 Cách đổi cổng mạng cho Localhost ........................................ 9 2.4.4 Các bƣớc cài đặt WordPress trên localhost .......................... 10 2.5.1 Cách đăng một Post mới ...................................................... 15 2.6. Chức năng revision của WordPress ............................................ 18 2.7. Ý nghĩa các chức năng trong trang tạo post............................... 19 2.7.1 Xem các tính năng ẩn trong Post .......................................... 19 2.7.2 Ý nghĩa các tính năng ẩn trong khung soạn Post .................. 21 2.8. Cách tạo page trong WordPress ...................................................... 25 2.8.1 Page trong WordPress là gì? ................................................ 25 2.9. Sự khác nhau giữa post và page ................................................. 26 2.9.1. Điểm chung giữa Post và Page ............................................ 26 2.9.2. Post và Page khác nhau thế nào? ......................................... 26 2.9.3. Khi nào dùng Post ............................................................... 26 2.9.4. Khi nào dùng Page .............................................................. 26 2.11. Chèn ảnh/tập tin kỹ thuật số vào nội dung WordPress ............. 27 3.13. Cách chèn video vào nội dung ................................................. 32 2.14. Tìm hiểu khu vực appearance trong dashboard ........................ 33 2.14.1 Menu.................................................................................. 33 2.14.2 Thêm menu kiểu mẹ/con .................................................... 34 2.15. Cách cài đặt theme WordPress ................................................. 35 2.15.1 Tìm và cài đặt theme từ thƣ viện ....................................... 35 2.15.2. Cài theme bằng cách upload từ máy tính lên website ........ 36 2.15.3 Cài theme bằng cách upload trực tiếp vào host/localhost ... 36 2.16. Hƣớng dẫn sử dụng widget ...................................................... 37 2.17. Hƣớng dẫn về Plugin ............................................................... 38 2.17.1. Plugin là gì? ...................................................................... 38 2.17.2. Cách tìm và cài đặt plugin ................................................. 38 2.17.3. Các plugin cần thiết nên cài đặt ......................................... 42 CHƢƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM ỨNG DỤNG. ................. 44 3.1. Giới thiệu về trang website du lịch tỉnh U Đôm Xay.................. 44 3.1.1 Trang Home ......................................................................... 44 3.1.2. Trang About ........................................................................ 45 3.1.3. Trang Gallery ...................................................................... 45 3.1.4. Trang Contact ..................................................................... 46 3.1.5. Trang Maps ......................................................................... 46 3.1.6. Trang Guesthouse and Eat .................................................. 47 KẾT LUẬN .............................................................................................. 48 TÀI LIỆU THAM KHẢO ........................................................................ 49 DANH MỤC HÌNH ẢNH Hình 1: Hình 2: Hình 3: Hình 4: Hình 5: Hình 6: Hình 7: Hình 8: Hình 9: Hình 10: Hình 11: Giao diện thêm database ............................................................ 8 Giao diện thiết lập trên Xampp .................................................. 9 Giao diện thƣ mục WordPress đã tải về ................................... 10 Các tập tin và thƣ mục mã nguồn của WordPress. ................... 10 Giao diện thƣ mục WordPress ................................................. 11 Giao diện mở đầu khi vào WordPress ...................................... 12 Giao diện cài đặt WordPress .................................................... 12 Giao diện cài đặt WordPress .................................................... 13 Giao diện cài đặt WordPress .................................................... 13 Giao diện nhập thông tin cài đặt Website ................................ 14 Giao diện cài đặt thành công WordPress ................................. 14 Hình 12: Hình 13: Hình 14: Hình 15: Hình 16: Hình 17: Hình 18: Hình 19: Hình 20: Hình 21: Hình 22: Hình 23: Hình 24: Hình 25: Hình 26: Giao diện quản trị WordPress .................................................. 15 Giao diện thiếp lập WordPress ................................................ 15 Giao diện sửa nội dung bài viết ............................................... 16 Giao diện thiếp lập Category ................................................... 16 Giao diện thiếp lập Tag ........................................................... 17 Giao diện thiếp lập Featured Image ......................................... 17 Giao diện post ......................................................................... 18 Giao diện thiếp lập Revision ................................................... 19 Giao diện thiếp lập Revision ................................................... 19 Giao diện thêm của post .......................................................... 20 Giao diện thêm của post .......................................................... 20 Giao diện khung soạn nội dung ............................................... 21 Giao diện Excerpt .................................................................... 21 Giao diện Trackbacks .............................................................. 22 Giao diện Custom Fields ......................................................... 22 Hình 27: Hình 28: Hình 29: Hình 30: Hình 31: Hình 32: Giao diện iscussion.................................................................. 23 Giao diện Slug ......................................................................... 23 Giao diện Revisions ................................................................ 24 Giao diện Comments ............................................................... 24 Giao diện Format..................................................................... 24 Giao diện thêm page ................................................................ 25 Hình 33: Hình 34: Hình 35: Hình 36: Giao diện reading settings ....................................................... 27 Giao diện chèn ảnh tập tin ....................................................... 27 Giao diện add media ................................................................ 28 Giao diện sau khi upload ảnh................................................... 28 Hình 37: Hình 38: Hình 39: Hình 40: Hình 41: Hình 42: Hình 43: Hình 44: Hình 45: Giao diện hình ảnh đã đƣợc hiển thị ........................................ 29 Giao diện create Gallery .......................................................... 30 Giao diện thiếp lập create Gallery ........................................... 30 Giao diện thiếp lập Gallery ...................................................... 31 Giao diện hiển thị thành công .................................................. 31 Giao diện chèn video trực tuyến .............................................. 32 Giao diện chèn video ............................................................... 33 Giao diện trang chủ ................................................................. 34 Giao diện kết quả .................................................................... 35 Hình 46: Hình 47: Hình 48: Hình 49: Hình 50: Giao diện add theme ................................................................ 35 Giao diện tìm theme ................................................................ 36 Giao diện Widget .................................................................... 37 Giao diện chỉnh Widget ........................................................... 38 Giao diện Plugin ...................................................................... 39 Hình 51: Hình 52: Hình 53: Hình 54: Hình 55: Hình 56: Hình 57: Hình 58: Hình 59: Hình 60: Hình 61: Giao diện thông tin plugin ....................................................... 39 Giao diện vào tùy chỉnh plugin ................................................ 41 Giao diện tùy chỉnh plugin ...................................................... 41 Giao diện kiểm tra plugin ........................................................ 42 Giao diện header ..................................................................... 44 Giao diện home ....................................................................... 44 Giao diện bài viết .................................................................... 45 Giao diện ảnh .......................................................................... 45 Giao diện contact..................................................................... 46 Giao diện map ......................................................................... 47 Giao diện Guesthous ............................................................... 47 LỜI MỞ ĐẦU 1. Lý do chọn đề tài Ngày nay, ứng dụng công nghệ thông tin và việc Tin học hóa đƣợc xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bƣớc đột phá mạnh mẽ. Đứng trƣớc vai trò của thông tin hoạt động cạnh tranh gay gắt, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng và hoàn thiện hệ thống thông tin của mình nhằm Tin học hóa các hoạt động vụ của đơn vị. Hiện nay các website phát triển rất mạnh mẽ. Kỹ thuật số giúp chúng ta tiết kiệm đáng kể các chi phí vận chuyển chung gian đặc biệt là giúp tiết kiệm thời gian để con ngƣời đầu tƣ vào các hoạt động khác. Bởi ở thời điểm này, Internet đang bùng nổ và đóng vai trò vô cùng cần thiết trong cả đời sống và kinh tế. Tất cả các thông tin về các tour du lịch đến việc tiếp cận đƣợc khách du lịch tiềm năng đều đƣợc thông qua một website chuyên nghiệp và uy tín nhất, để quảng cáo và tăng lên số lƣợng của khách du lịch lên. Chính vì vậy em chọn đề tài về: “Xây dựng website giới thiệu du lịch tỉnh U Đôm Xay” cho cơ quan du lịch tỉnh U Đôm Xay. 2. Mục đích nghiên cứu - Nghiên cứu học tập về mã nguồn mở WordPress. - Nghiên cứu và phát triển “Xây dựng website giới thiệu du lịch tỉnh U Đôm Xay”. 3. Đối tƣợng nghiên cứu - Mã nguồn mở WordPress. - Hệ thống quản lý những điểm du lịch của tỉnh U Đôm Xay. 4. Phạm vi nghiên cứu - Hệ thống quản lý những điểm du lịch của tỉnh U Đôm Xay. 5. Phƣơng pháp nghiên cứu - Tổng hợp tài liệu. 1 - Nghiên cứu tài liệu. - Khảo sát, phân tích thực tế. - Thiết kế, cài đặt kỹ thuật. 6. Bố cục đề tài Đề tài gồm các phần:  Mở đầu.  Nội dung - Chƣơng 1. Giới thiệu về WordPress. - Chƣơng 2. Tổng quan về WordPress. - Chƣơng 3. Cài đặt và thử nghiệm ứng dụng.  Kết luận.  Tài liệu tham khảo. 2 CHƢƠNG 1. GIỚI THIỆU VỀ WORDPRESS 1.1. WordPress là gì? - WordPress 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, 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ở, đƣợ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 bạn 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. - WordPress để đăng tải thông tin lên mạng, WordPress có chức năng nhƣ mọi website khác. Nó có thể làm site tin tức, đánh giá, bán hàng… thậm chí là mạng xã hội. Ngoài ra, WordPress còn hỗ trợ tạo Blog miễn phí trên WordPress.com để những ai không có điều kiện tài chính, kỹ thuật, thời gian… có thể sử dụng đƣợc WordPress. - WordPress còn thêm vào một số tính năng nhỏ nhằm hỗ trợ ngƣời dùng trong quá trình sử dụng nhƣ khả năng tự động lƣu liên tục khi soạn thảo, nạp nội dung từ blog khác hay chia mục cho bài viết. Tuy nhiên, WordPress lại không có chức năng xem trƣớc (preview) nội dung bài viết của mình, điều gây khó khăn cho ngƣời dùng khi họ cần xem xét và chỉnh sửa. - Các bản nâng cấp chính đƣợc chỉ định tên mã (codenames) đại diện cho các nhạc sĩ nhạc jazz nổi tiếng. 3 1.2. Các loại WordPress. WordPress tạm đƣợc phân ra thành hai loại: Sử dụng dịch vụ của nhà cung cấp (WordPress.com). - WordPress.com là do 1 nhóm ngƣời dựa trên mã nguồn của WordPress tinh chỉnh lại để cung cấp dịch vụ tạo blog cho những ngƣời sử dụng, nhằm đơn giản hơn cho ngƣời dùng không chuyên. Khối lƣợng theme khá lớn, sử dụng mã nguồn mở PHP, tuỳ biến giao diện khá, xứng đáng là một đối thủ ngang tài đối với google blogger. - Giao diện thân thiện dễ sử dụng, cung cấp 50 kiểu giao diện khác nhau và cập nhật thƣờng xuyên, hệ thống quản lý bài viết và comment mạnh mẽ, cho phép nhiều ngƣời cùng viết bài và cùng quản lý blog, kết nối với cộng đồng WordPress.com thông qua trang chủ, hỗ trợ tốt tiếng Việt và nhiều điểm nổi bật khác nữa. 1.3. Ƣu điểm của WordPress. - WordPress là một mã nguồn mở. - Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wpconfig.php, sau 1,2 lần click chuột, bạn đã sẵn sàng để viết blog. - Không giới hạn số lƣợng category và sub-category: bạn 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 bạn 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 4 năng tuyệt vời nếu nhƣ bạn muốn chuyển từ một blog khác sang sử dụng WordPress, 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, bạn có thể chỉnh sửa WordPress tùy thích theo nhu cầu của bạn, và thậm chí bạn 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. 5 CHƢƠNG 2: TỔNG QUAN VỀ MỘT WEBSITE WORDPRESS 2.1. Localhost là gì? Localhost là từ ghép của hai chữ “local” và “host“. Local dịch theo nghĩa IT là máy tính của bạn, Host theo nghĩa IT là máy chủ. Vậy localhost nghĩa là một máy chủ đƣợc vận hành trên máy tính của bạn. Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trƣờng có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm: - Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất. - Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP. - Phần mềm MySQL Server để lƣu trữ và xử lý cơ sở dữ liệu, do WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu. Cơ sở dữ liệu thƣờng đƣợc mình viết theo chữ tiếng Anh là database. - Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL. Nhƣ vậy, đối chiếu với yêu cầu cơ bản của một website WordPress thì localhost đã hoàn toàn đáp ứng đƣợc. 2.2. Localhost vận hành nhƣ thế nào Khi cài đặt Localhost vào máy tính rồi, thì máy tính đã có một phần mềm Webserver để chạy ứng dụng website với địa chỉ là http://127.0.0.1. Đây là địa chỉ IP dạng localhost, ngoài ra cũng có thể chạy localhost với đƣờng dẫn là http://localhost. Thông thƣờng khi cài localhost, mỗi khi cần sử dụng sẽ cần mở bảng điều khiển của localhost lên và kích hoạt cho nó khởi động các ứng dụng đi kèm. 2.3. Hƣớng dẫn cài đặt Localhost Ở khóa luận này tôi dùng phần mềm XAMPP để cài localhost vì: - XAMPP hoàn toàn miễn phí. - Dễ sử dụng. - Hỗ trợ các hệ điều hành thông dụng nhƣ Windows, Mac, Linux. 6 - Để tải XAMPP, đầu tiên truy cập vào địa chỉ : https://www.apachefriends.org/download.html và chọn phiên bản XAMPP phù hợp với hệ điều hành của máy tính đang sử dụng, nên chọn phiên bản PHP 5.4.31. Lƣu ý:  XAMPP chỉ có phiên bản cho hệ điều hành 32bit nhƣng 64bit vẫn hoạt động bình thƣờng.  Hiện nay XAMPP đã ra bản mới hơn hỗ trợ MariaDB nhƣng bị lỗi rất nhiều, bạn nên dùng phiên bản XAMPP 1.8.3.  Các bƣớc cài đặt XAMPP khá đơn giản nên trong bài khóa luận này tôi bỏ qua các bƣớc cài đặt. 2.4. Thao tác trên localhost 2.4.1. Làm việc với thư mục và tập tin Bây giờ vào thƣ mục C:\xampp\htdocs\ và tạo một thƣ mục tên “traveling.odx.la“, thƣ mục này sẽ chứa website. Copy tập tin nào đó vào trong thƣ mục C:\xampp\htdocs\traveling.odx.la rồi chạy tên miền http://localhost/traveling.odx.la, sẽ thấy nó liệt kê file mà vừa ta copy vào. Tạo một thƣ mục bất kỳ rồi copy một tập tin nào đó vào, thì bây giờ có thể truy cập xem ảnh với đƣờng dẫn là http://localhost/traveling.odx.la/tênfolder/tên-tập-tin. Đƣờng dẫn trên website sẽ phân thứ cấp tùy theo cấu trúc thƣ mục và file trong đó. 2.4.2. Tạo cơ sở dữ liệu MySQL (Database) Nhắc đến database, bao gồm 3 thành phần chính là:  Tên user của database.  Mật khẩu của user database.  Tên database.  Database Host. 7 Đối với localhost, không cần tạo user cho database mà sẽ sử dụng thông tin user nhƣ sau:  Tên user database: root  Mật khẩu: bỏ trống Do vậy, chúng ta chỉ cần tạo database là đủ. Để tạo database, vào localhost với đƣờng dẫn http://localhost/phpmyadmin. Sau đó nhấp vào menu Databases. Sau đó ở phần Create databsae, nhập tên database cần tạo vào ô Database name, phần Collation hãy chọn là utf8_unicode_ci nhƣ hình dƣới rồi ấn nút Create kế bên. Hình 1: Giao diện thêm database Tạo xong nhìn bên menu tay trái, nếu xuất hiện tên database vừa tạo là thành công. Vậy bây giờ, ta tạm có một databse với các thông tin nhƣ:  Database Host: localhost  Database user: traveling.odx.la  Database password: trống  Database name: traveling.odx.la Tới đây đã có một cái localhost sử dụng địa chỉ dạng http://localhost/ hoặc http://127.0.0.1/ 8 2.4.3 Cách đổi cổng mạng cho Localhost Mặc định localhost sẽ sử dụng cổng 80, bởi vì khi gõ tên miền nhƣ http://localhost thì tức là nó đã sử dụng cổng 80 để đọc các dữ liệu web trong localhost. Tuy nhiên nếu nhƣ đã dùng cổng 80 cho một ứng dụng khác, hoặc đơn giản là không khởi động Apache đƣợc thì nên thiết lập cho Apache trong localhost sử dụng một cổng khác. Trƣớc khi đổi, cần lƣu ý là sau khi đổi xong thì phải truy cập vào website với tên miền http://localhost:8888 thay vì chỉ là http://localhost. Để đổi cổng, mở bảng điều khiển XAMPP lên và chọn nút Config của Apache, sau đó chọn Apache (httpd.conf). Hình 2: Giao diện thiết lập trên Xampp Sau đó tìm dòng này: Listen 80 đổi thành Listen 8888.  Tiếp theo Stop Apache và Start lại rồi thử truy cập vào localhost theo đƣờng dẫn http://localhost:8888, nếu truy cập đƣợc thì đã làm thành công. Nếu có sử dụng tên miền ảo nhƣ hƣớng dẫn ở trên thì cũng nên sửa lại file C:\xampp\apache\conf\extra\httpd-vhost.conf cho nó sử dụng port 80 thay vì 8888. 9 2.4.4 Các bước cài đặt WordPress trên localhost Bƣớc 1. Tải mã nguồn từ website WordPress.org Trƣớc tiên hãy tải phiên bản mới nhất của mã nguồn WordPress tại địa chỉ https://WordPress.org/latest.zip. Sau đó giải nén ra sẽ có đƣợc một thƣ mục mang tên “WordPress“. Có thể thƣ mục WordPress này sẽ đƣợc lồng trong một thƣ mục khác tên là WordPressx (x ở đây là số phiên bản). Hình 3: Giao diện thư mục WordPress đã tải về Thƣ mục sau khi giải nén mã nguồn Tiếp tục, truy cập vào thƣ mục WordPress, sẽ thấy có một số thƣ mục tên là wp-admin, wp-includes, wp-content và một số tập tin tên là index.php, wpconfig-sample.php,…Tất cả tập tin và thƣ mục này, chúng ta gọi nó là mã nguồn WordPress. Hình 4: Các tập tin và thư mục mã nguồn của WordPress. 10 Bƣớc 2. Copy mã nguồn WordPress vào Localhost Bây giờ, hãy copy toàn bộ file và thƣ mục này vào thƣ mục website của trong localhost (ví dụ: C:\xampp\htdocs\traveling.odx.la). Nghĩa là chỉ copy các file và thƣ mục mã nguồn, không copy cả thƣ mục WordPress vì chúng ta cần cài WordPress vào tên miền http://localhost/traveling.odx.la , nếu copy cả thƣ mục WordPress vào thì website của sẽ có đƣờng dẫn là: http://localhost/traveling.odx.la/WordPress/. Hình 5: Giao diện thư mục WordPress Bƣớc 3. Tạo mới một database Để chạy đƣợc WordPress thì localhost phải có một database dùng MySQL để nó có thể lƣu các dữ liệu mềm vào đó nhƣ bài viết, các thiết lập,…trên website. Bƣớc 4. Chạy website để cài đặt Sau khi copy xong, hãy mở bảng điều khiển của XAMPP lên và khởi động Apache và MySQL. Sau đó truy cập vào website với đƣờng dẫn http://localhost/traveling.odx.la Lúc này, sẽ hiện ra bảng chọn ngôn ngữ cần cài đặt cho WordPress, hãy chọn là English và ấn Continue. 11 Hình 6: Giao diện mở đầu khi vào WordPress Chọn ngôn ngữ khi cài đặt WordPress Ở bƣớc tiếp theo, sẽ nhắc nhở là chƣa tiến hành đổi file wp-configsample.php thành wp-config.php và khai báo thông tin database vào đó. Hãy ấn Let’s Go để nó tự làm việc đó. Hình 7: Giao diện cài đặt WordPress Bây giờ là nhập thông tin database.. 12 Hình 8: Giao diện cài đặt WordPress Trên localhost, User Name của database luôn là root, mật khẩu để trống (vẫn có cách thiết lập nhƣng không cần thiết) và Database Host luôn là localhost. Table Prefix là tiền tố của database chứa dữ liệu WordPress, mặc định nó sẽ là wp_, có thể đổi nó thành bất cứ cái gì nhƣng phải bắt buộc có _ đằng sau. Khi nhập xong thông tin database, ấn nút Submit để làm bƣớc kế tiếp. Nếu bƣớc kế tiếp nó hiện ra nhƣ hình dƣới thì nghĩa là đã nhập thông tin database chính xác, hãy ấn nút Run the install để bắt đầu cài đặt. Hình 9: Giao diện cài đặt WordPress 13 Ở bƣớc cài đặt này, sẽ cần phải thiết lập các thông tin quan trọng cho website nhƣ Tên của website, tên tài khoản admin cùng mật khẩu,…Nhập xong hãy ấn nút Install WordPress. Hình 10: Giao diện nhập thông tin cài đặt Website Nếu hiện chữ Success! nhƣ thế này là đã cài đặt thành công, click vào nút Log in để đăng nhập vào bảng quản trị WordPress. Hình 11: Giao diện cài đặt thành công WordPress 14 Hình 12: Giao diện quản trị WordPress 2.5 Cách đăng post lên WordPress 2.5.1 Cách đăng một Post mới Để đăng một post, truy cập vào WordPress Dashboard, click vào menu Posts bên tay trái. Sẽ đƣợc dẫn đến trang quản lý các post đã có trên website, sẽ thấy post mang tên “Hello world!” mà thấy trên trang chủ website hiển thị trong đó. Để tạo một post mới, click vào nút Add New ngay bên trên nó. Hình 13: Giao diện thiếp lập WordPress Tại đây, sẽ thấy giao diện của trang đăng/sửa post trong WordPress bao gồm khu vực nhập tiêu đề post, nội dung post, khung soạn thảo, chọn category, nhập tag (thẻ phân loại), format (định dạng) của bài post..v..v… 15