Giáo trình Xây dựng Website với hệ quản trị nội dung CMS

(NB) Giáo trình Xây dựng Website với hệ quản trị nội dung CMS gồm có 4 chương với những nội dung chính như sau: Giới thiệu và cài đặt wordpress, thiết kế và bố cục trong wordpress, gửi bài trong wordpress, quản lý file và plugin. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Giáo trình Xây dựng Website với hệ quản trị nội dung CMS BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN TRƯỜNG CAO ĐẲNG CƠ ĐIỆN HÀ NỘI GIÁO TRÌNH MÔN HỌC/MÔ ĐUN: Xây dựng Website với hệ quản trị nội dung CMS NGÀNH/NGHỀ: THIẾT KẾ TRANG WEB TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định số: /QĐ-CĐCĐ-ĐT ngày…….tháng….năm ................... của Trường Cao đẳng Cơ điện Hà Nội) (Fonst chữ Times New Roman cỡ chữ 14 chữ thường in nghiêng) Hà Nội, năm… 1 CHƯƠNG 1: GIỚI THIỆU VÀ CÀI ĐẶT WORDPRESS 1. Giới thiệu về wordpress WordPress là một hệ thống quản trị nội dung (CMS – Content Management System) giúp ta thực hiện các website động một cách nhanh chóng và dễ dàng. Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay. Linh hoạt, đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì có thể nói về WordPress Được sử dụng ở trên toàn thế giới từ những trang web đơn giản cho đến những ứng dụng phức tạp. Việc cài đặt WordPress rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy. Ngoài các vấn đề là mã nguồn mở miễn phí, khả năng bảo mật cao, dễ dàng sử dụng, còn điều gì tuyệt vời hơn đằng sau khiến cho WordPress phát triển mạnh và được nhiều người yêu thích như vậy ? với WordPress việc xây dựng (lập trình) thêm các thành phần, module, các chức năng cho nó là một việc rất dễ dàng đối với các lập trình viên, do đó WordPress có rất rất nhiều các chức năng mở rộng được viết bởi các nhà lập trình trên khắp thế giới, và hầu hết tất cả các ứng dụng, thành phần này đều được chia sẻ miễn phí, đó chính là điều tuyệt vời nhất. . Cài đặt server ❖ Cài Đặt Xampp ❖ Bước 1: Tải Xampp về máy và cài đặt. 2 Bước 2: Kích đúp chuột vào file để mở trình cài đặt. Bước 3: Click chọn OK trên cửa sổ cảnh báo để tiếp tục. Bước 4: Click chọn Next. Bước 5: Xampp cung cấp một loạt các thành phần mà người dùng có thể cài đặt như MySQL, phpMyAdmin, PHP, Apache, ... . Vì vậy tốt nhất trên cửa sổ Setup, giữ nguyên các cài đặt mặc định rồi click chọn Next. 3 Bước 6: Bỏ tích hộp nằm kế bên Learn more about Bitnami for XAMPP rồi click chọn Next. Bước 7: Tiếp theo có thể lựa chọn thư mục để cài đặt phần mềm hoặc giữ nguyên vị trí cài đặt mặc định rồi click chọn Next để bắt đầu quá trình cài đặt. Bước 8: Trong quá trình cài đặt Windows sẽ yêu cầu người dùng cho phép một số dịch vụ cụ thể giao tiếp thông qua tường lửa (firewall). Click chọn Allow access để tiếp tục. 4 Bước 9: Click chọn Finish để hoàn tất quá trình cài đặt và có thể bắt đầu sử dụng Xampp Control Panel. Bước 10: Chọn ngôn ngữ sử dụng (tiếng Anh hoặc tiếng Pháp) rồi click chọn Save để hoàn tất quá trình và mở Xampp Control Panel. 5 2. Cài đặt WordPress Sau khi công tác chuẩn bị hoàn tất bây giờ là lúc chúng ta đi đến công đoạn cài đặt WordPress, thật ra công đoạn cài đặt wordpress diễn ra khá nhanh và dễ dàng, tuy nhiên để hiểu rõ hơn quá trình cài đặt và cách vận hành của WordPress chúng ta sẽ tìm hiểu kỹ thêm cách cài đặt diễn ra như thế nào. Thể hiện các Bước như sau: Bước 1. Tải WordPress • Tải WordPress Tiếng Việt tại: https://vi.wordpress.org/download/ • Tải WordPress Tiếng Anh tại: https://wordpress.org/download/ 6 Bước 2. Giải nén Tệp WordPress vừa tải về Bạn sẽ được một thư mục có tên WordPress: Bước 3. Sao chép dữ liệu vào Xampp Bạn cần tiến hành hai thao tác sau: - Tạo một thư mục trong htdocs: Đặt tên là: honggiang - Sao chép dữ liệu bên trong thư mục wordpress (Bước 2 phía trên), rồi dán vào trong thư mục vừa tạo trên đây 7 Bước 4. Tạo Database Nếu các bạn chưa bật XAMPP như Bước 5 – Phần 1, thì hãy bật Xampp lên và chọn Start tại Apache và MySQL nhé Mở trình duyệt như Chrome, Firefox, Safari, Opera, Internet Explorer,… và gõ vào thanh địa chỉ chữ:localhost/phpmyadmin Tiếp theo bấm New Database Tại ô Database Name, bạn gõ vào chữ gì đấy, viết liền nhau, không dấu, ví dụ: hongiang1 Tại ô bên cạnh, tìm và chọn utf8_unicode_ci rồi bấm Create 8 Bước 5. Tiến hành cài đặt WordPress Gõ vào thanh địa chỉ trình duyệt: Localhost/honggiang với: hongiang là tên của thư mục đã tạo trong htdocs ở Bước 3.1 – Phần 2. Bạn sẽ được dẫn đến bảng hướng dẫn cài đặt WordPress như nhau. Phần đầu tiên là lựa chọn ngôn ngữ (Do mình sử dụng bảng cài đặt WordPress Tiếng Anh nên mới có bước này. Nếu bạn sử dụng Tiếng Việt thì không có.) Sau khi chọn Ngôn Ngữ, bạn sẽ được dẫn tới bảng sau. Bấm vào Thực hiện ngay 9 Điền vào các thông số cần thiết rồi bấm GỬI, trong đó: • Tên Database: Chính là tên bạn đã gõ vào Database Name ở Bước 4 – Phần 2. Chính là cụm conmeo hoặc themevi đó • Tên người dùng: Điền vào root, đây là tên người dùng mặc định • Mật khẩu: Để trống, đây cũng là mặc định • Database Host: Để mặc định là localhost • Tiền tố bảng dữ liệu: Nên để mặc định 10 Bấm tiếp vào Bắt đầu cài đặt Tiếp tục điền vào thông tin của website WordPress rồi bấm Cài đặt WordPress, với: • Tên Website: Chính là tên của website của bạn đó, viết kiểu gì cũng được • Tên người dùng: Tên tài khoản để đăng nhập vào website • Mật khẩu: Mật khẩu của tài khoản đấy, bạn đặt gì cũng được • Email của bạn • Tương tác với công cụ tìm kiếm: Vì cài ở Localhost, nên đánh dấu hay không chả khác gì nhau hết. Mục này nhằm ngăn chặn Google Bot đọc website, và Google sẽ không thể index website. ...