Tìm hiểu cms wordpress – xây dựng website tin tức

Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh TRƯỜNG ĐẠI HỌC HỊA BÌNH KHOA CƠNG NGHỆ KHĨA LUẬN TỐT NGHIỆP Đề tài: Tìm hiểu CMS WordPress – Xây dựng Website tin tức Sinh Viên: Nguyễn Văn Kha Ngành: Công nghệ thông in Lớp: 510CNT Hệ: Đại học GVHD: TS Nguyễn Đăng Minh Hà Nội, 5/2014 Sinh Viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh MỤC LỤC CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 TỔNG QUAN VÀ LÝ DO CHỌN ĐỀ TÀI 1.2 NHIỆM VỤ CỦA ĐỀ TÀI 1.3 YÊU CẦU CỦA WEBSITE 1.3.1 YÊU CẦU CHỨC NĂNG 1.3.2 YÊU CẦU PHI CHỨC NĂNG 1.4 GIẢI PHÁP THỰC HIỆN CHƯƠNG 2: CMS WORDPRESS VÀ CÀI ĐẶT WORDPRESS 10 2.1 CMS 10 2.1.1 CMS – CONTENT MANAGEMENT SYSTEM LA GI? 10 2.1.2 CÁC THÀNH PHẦN CỦA MỘT CMS 11 2.1.3 NHỮNG ĐẶC TRƯNG CỦA MỘT CMS – CONTENT MANAGEMENT SYSTEM 12 2.2 NHỮNG CMS – CONTENT MANAGEMENT SYSTEM NỔI BẬT 13 2.2.1 DRUPAL 13 2.2.2 JOOMLA 15 2.2.3 WORDPRESS 16 2.3 GIỚI THIỆU VỀ HTML, PHP, MYSQL 19 2.3.1 HTML – HYPER TEXT 19 2.3.2 PHP 21 2.3.3 MYSQL 21 2.3.4 CSS 23 2.4 CÀI ĐẶT WORDPRESS 24 2.4.1 CÀI ĐẶT XAMPP – WEB SERVER 24 2.4.2 CÀI ĐẶT WORDPRESS 25 2.4.3 CÁC THÀNH PHẦN TRONG TRANG QUẢN TRỊ DASHBOARD 31 2.4.4 NHỮNG CÔNG CỤ TRONG WORDPRESS DASHBOARD 32 CHƯƠNG 3: QUẢN LÝ VÀ THIẾT LẬP CÁC CÔNG CỤ TRONG WORDPRESS DASHBOARD 38 3.1 CÀI ĐẶT THEME CHO WEBSITE 38 3.1.1 GIỚI THIỆU VỀ THEME 38 3.1.2 CÀI ĐẶT THEME 38 Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 3.2 CÀI ĐẶT PLUGIN HỖ TRỢ WEBSITE 39 3.2.1 GIỚI THIỆU VỀ PLUGIN 39 3.2.2 CÀI ĐẶT PLUGIN 40 3.3 POST TRONG WORDPRESS 42 3.3.1 TAG VÀ CATEGOTY TRONG POST 42 3.3.2 ĐĂNG BÀI TRONG WORDPRESS 45 3.3.3 SỬ DỤNG PAGE 47 3.4 MENU TRONG WORDPRESS 48 3.4.1 TẠO MENU MỚI 48 3.4.2 ĐƯA MENU RA WEBSITE 49 3.5 THIẾT LẬP VÀ QUẢN LÝ TÍNH NĂNG COMMENTS 50 3.6 QUYỀN VÀ QUẢN LÝ THÀNH VIÊN 51 3.6.1 HỆ THỐNG PHÂN CẤP THÀNH VIÊN 52 3.6.2 BẬT TÍNH NĂNG ĐANG KÝ THÀNH VIÊN 52 3.6.3 ĐỔI QUYỀN THÀNH VIÊN 53 CHƯƠNG 4: THIẾT KẾ WEBSITE TIN TỨC 54 4.1 CẤU TRÚC SITEMAP WEB 54 4.2 THIẾT KẾ CƠ SỞ DỮ LIỆU 55 4.3 THIẾT KẾ GIAO DIỆN 59 4.3.1 GIAO DIỆN TRANG QUẢN TRỊ 59 4.3.2 GIAO DIỆN WEBSITE: 63 4.4 KIỂM THỬ VÀ ĐƯA WEBSITE LÊN HOST 65 4.4.1 KIỂM THỬ CHỨC NĂNG: 65 4.4.2 DOMAIN VÀ HOST 65 4.4.3 ĐƯA CSDL LÊN HOST 66 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 70 5.1 KẾT LUẬN 70 5.2 HƯỚNG PHÁT TRIỂN 70 CHƯƠNG 6: TÀI LIỆU THAM KHẢO 71 Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh LỜI CẢM ƠN Lời em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Đăng Minh, người tận tình giúp đỡ em hồn thành khóa luận cách tốt Em xin gửi lời cảm ơn chân thành đến thầy, cô khoa Công Nghệ, trường Đại Học Hịa Bình giảng dạy truyền đạt cho em kiến thức quý báu, giúp đỡ em suốt trình học tập Và xin cảm ơn tất người bạn tốt lớp 510CNT, người ln động viên, khích lệ, giúp đỡ suốt trình học tập Cuối xin gửi lời cảm ơn đến gia đình, cảm ơn Mẹ tạo điều tốt cho học tập, rèn luyện để có ngày hơm Và xin cảm ơn tất người ln ủng hộ khích lệ q trình học tập làm khóa luận Em xin chân thành cảm ơn Thầy Cô! Sinh Viên: Nguyễn Văn Kha Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh BỐ CỤC KHÓA LUẬN Đề tài: Tìm hiểu CMS WordPress – Xây dựng website tin tức CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI CHƯƠNG 2: CMS WORDPRESS VÀ CÀI ĐẶT WORDPRESS CHƯƠNG 3: QUẢN LÝ VÀ THIẾT LẬP CÁC CÔNG CỤ TRONG WORDPRESS DASHBOAD CHƯƠNG 4: THIẾT KẾ WEBSITE TIN TỨC CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CHƯƠNG 6: TÀI LIỆU THAM KHẢO Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh LỜI MỞ ĐẦU Ngày với phát triển Internet phát triển không ngừng lĩnh vực công nghệ thông tin Công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thông như: Báo, Radio, Truyền hình,… việc sử dụng internet ngày cang phổ biến Truy cập Internet, có thư viện thông tin khổng lồ phục vụ nhu cầu, mục đích Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt Website cho mục đích thương mại, giải trí, tin tức,… Để đáp ứng với nhu cầu cập nhật thông tin ngày người Website tin tức giải trí đời nhu cầu thiết yếu Do em chọn đề tài khóa luận tốt nghiệp là: “Tìm hiểu CMS WordPress Xây dựng Website tin tức” nhằm mục đích tìm hiểu báo điện tử, CMS WordPress, cách cấu hình để tạo Website Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Điểm: ………………………………….( chữ: ……………………………… ) Đồng ý/ không đồng ý cho sinh viên bảo vệ trước hội đồng chấm đồ án tốt nghiệp? …………… ., ngày tháng năm 2014 CÁN BỘ - GIẢNG VIÊN HƯỚNG DẪN ( ký, họ tên) Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh NHẬN XÉT (Của giảng viên phản biện) ……………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… … ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Điểm: ………………………………….( chữ: ……………………………… ) Đồng ý/ không đồng ý cho sinh viên bảo vệ trước hội đồng chấm đồ án tốt nghiệp? …………… ., ngày tháng năm 2014 CÁN BỘ - GIẢNG VIÊN PHẢN BIỆN ( ký, họ tên) Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tổng quan lý chọn đề tài “Tin tức tích lũy gọi kiến thức, tài sản quý giá người” Với bùng nổ thơng tin mạng Internet, vai trị trang thông tin điện tử trực tuyến trở nên quan trọng Khác với báo chí truyền thơng có giới hạn thời gian cập nhật tin tức, tờ báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thơng tin Về phía người dùng họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức nhất, thời Do việc sử dụng trang thông tin trực tuyến điều cần thiết nhằm đáp ứng nhu cầu tìm kiếm thơng tin người Vậy nên việc tạo trang báo điện tử cung cấp tin tức điều tất yếu Để xây dựng trang thông tin điện tử nhanh nhất, giá thành rẻ, quản lý dễ dàng, giao diện đẹp mã nguồn mở lựa chọn tối ưu Hiện có mã nguồn mở hỗ trợ tạo website số bật sử dụng nhiều CMS WordPress 1.2 Nhiệm vụ đề tài - Áp dụng kiến thức học tập rèn luyện trường lớp - Tìm hiểu CMS WordPress - Cách tạo trang web mã nguồn mở đưa lên hoạt động Internet - Đưa webdite trở thành trang cập nhật tin tức nhanh xác - Nơi độc giả tìm kiếm thơng tin hữu ích cách nhanh Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 1.3 Yêu cầu website 1.3.1 Yêu cầu chức - Cung cấp cho người quản trị thao tác đổi giao diện, quản lý cấu hình, tạo viết thư mục - Website có khả quản lý người dùng, quản lý tài khoản quản lý số lượng truy cập - Cập nhật thơng tin liên tục xác - Website hỗ trợ tối đa nhu cầu tìm kiếm thơng tin độc giả - Tính an tồn thông tin phải cao, sở liệu cần phải lưu thường xuyên để phòng cố xẩy 1.3.2 Yêu cầu phi chức - Giao diên website phải thân thiện, đảm bảo độ thẩm mỹ ổn định cao - Đáp ứng khả truy cập cao, đường truyền ổn đinh ,tin cậy độ xác cao 1.4 Giải pháp thực - Chuẩn bị gói cài đặt WordPress 3.9 số plugin để hoàn thiện Website - Cài đặt Xampp nhằm tạo máy sever ảo để đáp ứng nhu cầu vấn đề thực trang web - Cài đặt FileZilla để upload website lên host - Trình duyệt để hiển thị trang web - Nắm kiến thức CSS, HTML, PHP để chỉnh sửa hoàn thiện sourecode giao diện cho trang web - Cài đặt cơng cụ lập trình vd: Netbean, notepad++, eclipse… Sinh viên: Nguyễn Văn Kha Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Bảng quản lý danh sách viết: wp_post Bảng quản lý tiêu đề bình luận: wp_commentmeta Sinh viên: Nguyễn Văn Kha 57 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Bảng quản lý bình luận: wp_comments Bảng quản lý tài khoản: wp_users Sinh viên: Nguyễn Văn Kha 58 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 4.3 Thiết kế giao diện 4.3.1 Giao diện trang quản trị Người quản trị - Administrator người có quyền hành cao website Giao diện quản lý viết: Có thể thêm, sửa xóa, di chuyển viết chuyên mục Sinh viên: Nguyễn Văn Kha 59 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Giao diện đăng viết sửa viết: Giao diện quản lý chuyên mục: Có thể thêm, sửa, xóa, xóa chuyển mục chun mục viết chuyên mục bị xóa theo Sinh viên: Nguyễn Văn Kha 60 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Giao diện quản lý thành viên: Thêm, sửa, xóa thành viên Giao diện thêm thành viên mới: Sinh viên: Nguyễn Văn Kha 61 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Giao diện chỉnh sửa thông tin phân quyền cho nhân viên: Giao diện quản lý Theme Website: Sinh viên: Nguyễn Văn Kha 62 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 4.3.2 Giao diện website: Giao diện Website gồm phần: Header: Phần chứa logo website, banner quảng cáo Menu Content: Phần chứa nội cung trang web: slideshow viết, chuyên mục tin tức, sidebar, banner quảng cáo Footer: Hiển thị thông tin website thơng tin để người đọc liên hệ Sinh viên: Nguyễn Văn Kha 63 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Giao diện Chuyên Mục viết: Giao diện hiển thị viết: Sinh viên: Nguyễn Văn Kha 64 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 4.4 Kiểm Thử Và Đưa Website Lên Host 4.4.1 Kiểm thử chức năng: - Xem thông tin viết - Tạo menu cho trang web - Tạo thư mục viết - Like share comment facebook in viết - Quản lý cấu hình trang web trang quản trị 4.4.2 Domain Host • Khái niệm Domain – Tên miền - Là định danh trang web internet, tên miền thường gắn liền với chủ đề Website - Tên miền quốc tế: (.com , net, org, info ) - Tên miền quốc gia : ( com.vn, net.vn ) - Tùy theo mục đích sử dụng tên miền đc phân loại o COM tổ chức cá nhân hoạt động thương mại o EDU tổ chức cá nhân hoạt động lĩnh vực giáo dục o GOV tổ chức cá nhân hoạt động lĩnh vực nhà nước trung ương địa phương o ORG tổ chức cá nhân trị xã hội quan tổ chức,doanh nghiệp có liên quan đến trị xã hội o INFO dành cho tổ chức cá nhân hoạt động lĩnh vực có chum ngành cao • Khái niệm host Là khơng gian máy chủ có dịch vụ internet như: ftp, www, nơi chứa nội dung website hay liệu Sinh viên: Nguyễn Văn Kha 65 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh 4.4.3 Đưa CSDL lên host Bước 1: Tạo database - Trong giao diện quản lý Domain vào MySQL - Điền thơng tin Database sau bấm Create database để tạo Sinh viên: Nguyễn Văn Kha 66 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Import database tạo Xampp lên host - Sau Import CSDL vào thấy danh sách bảng localhos: Sinh viên: Nguyễn Văn Kha 67 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh - Sử dụng FileZilla Client để Upload website lên host - Sau Upload hồn tất tiến hành cấu hình cho file wp-config.php để kết nối đến database - Tại giao diện FileZilla bấm chuột phải vào file wp-config.php chọn View/Edit mở Notepad++ để cấu hình Sinh viên: Nguyễn Văn Kha 68 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh Để kết nối với CSDL cần điền thông tin: - Tên database - User database - Password database - Đường dẫn đến máy chủ giống localhost Sau Upload website cấu hình file wp-config.php hồn tất Website bắt đầu hoạt động Internet Gõ tên miền đăng ký để vào website Sinh viên: Nguyễn Văn Kha 69 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết Luận Đề tài “Tìm hiểu CMS WordPres – Xây dựng trang tin tức” đề tài có tính thực tế có tính khả dụng cao,và sử dụng phổ biến Tuy kiến thức hạn hẹp q trình làm đề tài khơng tránh khỏi thiếu sót lỗi Website cung cấp tương đối đầy đủ thông tin cần thiết cho người xem Người xem co thể tương tác với người quản lý trang web để bày tỏ ý kiến phản hồi ý kiến 5.2 Hướng Phát Triển Hoàn thiện thêm chức cho trang web Cải thiện giao diện cho trang web Tăng tốc độ load trang web Tạo nhiều phương tiện kết nối để quảng bá nhận phản hồi ý kiến người dùng Sinh viên: Nguyễn Văn Kha 70 Tìm hiểu CMS WordPress – Xây dựng Website tin tức GVHD: TS Nguyễn Đăng Minh CHƯƠNG 6: TÀI LIỆU THAM KHẢO • Lý thuyết: CMS – Content management system - The content management handbook Martin White Facet Publishing, 2005 • Lý thuyết CMS WordPress: https://wordpress.org/news/2014/04/smith/ • HTML: http://vi.wikipedia.org/wiki/HTML http://www.w3.org/History/1989/proposal.html http://tools.ietf.org/html/draft-ietf-html-spec-00 • PHP: http://www.php-accelerator.co.uk/PHPA_Article.pdf http://toykeeper.net/soapbox/php_problems/ • MySQL: http://sinhvienit.net/forum/co-ban-ve-mysql.1347.html • CSS: http://www.w3schools.com/css/ http://www.w3.org/Style/CSS/ • Thành phần chức WordPress: http://thachpham.com/wordpress/wordpress-tutorials/huong-dan-wordpressdashboard.html • Cách Upload WordPress lên host: http://cione.com.vn/Videos/203/huong-dan-dang-ky-host-mien-phi-va-duawebsite-cua-ban-len-internet Sinh viên: Nguyễn Văn Kha 71