Thực hành WordPress – Học hiểu, làm Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Mục Lục CHƯƠNG 1: CÀI ĐẶT WORDPRESS TRÊN LOCAL SERVER Cài đặt XAMPP Cài đặt WordPress Bước 1: Tạo sở liệu Bước 2: Tải WordPress máy tính Bước : Cài đặt WordPress 10 Thiết lập thông số cho website 16 General Settings 16 Permalink Settings 17 User Profile 19 CHƯƠNG 2: CÀI ĐẶT THEME PREMIUM ĐỂ XÂY DỰNG WEBSITE CHUYÊN NGHIỆP 22 Đăng nhập vào WordPress 22 Chọn Theme để cài 23 Cài đặt Theme 24 Kích hoạt (Activate) cho Theme hoạt động 26 Cài đặt Plugin theo Theme đề xuất 27 Xem thành sau cài Theme 27 CHƯƠNG 3: XÂY DỰNG WEBSITE GIỐNG BẢN DEMO 29 Nhập liệu demo vào website 30 Cài đặt Plugin “WordPress Importer” 30 Import liệu mẫu vào website 31 Tiến hành import liệu demo 32 Hoàn tất import nhập liệu mẫu cho website 33 Import cấu trúc website 34 Hoàn tất import cấu trúc website 35 CHƯƠNG 4: TINH CHỈNH THEME ĐỂ WEBSITE ĐẸP CHUYÊN NGHIỆP 37 Thiết lập thông số General Settings 37 Thiết lập thông số Performance 40 Thiết lập thông số “Styling Options” 42 Thiết lập thông số “Header” 45 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Thiết lập thông số “HomePage” 47 Thiết lập thông số “Footer” 57 Thiết lập thông số “Single Posts” 67 Thiết lập thông số “Social Buttons” 72 Thiết lập thông số “Ad Management” 74 10 Thiết lập thông số “Sidebars” 75 11 Thiết lập thông số “Navigation” 76 12 Thiết lập thông số “Theme Typography” 76 CHƯƠNG 5: TINH CHỈNH THEME NÂNG CAO 77 Tạo thể loại 77 Tạo Menu cho website 81 Bước 1: Tạo menu 81 Bước 2: Thêm thành phần vào menu 82 Bước 3: Thêm icon vào menu 83 Thực chèn quảng cáo vào vùng Header 84 Thêm thành phần vào Sidebar 87 Viết cho Website 92 Tạo Trang Liên Hệ cho Website 93 Bước 1: Tạo Trang liên hệ 93 Bước 2: Chèn Shortcode vào trang liên hệ 94 Bước 3: Đưa Trang liên hệ lên menu 95 Bước 4: Xem kết 96 Đưa website lên Internet 97 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm SÁCH THỰC HÀNH WORDPRESS Học hiểu làm Tác giả Ths Lê Quốc Toàn – Tốt nghiệp Trường KHTN TP.HCM http://alovoice.vn – alovoice@gmail.com Bản quyền thuộc Ths Lê Quốc Toàn Muốn sử dụng cho mục đích thương mại phải đồng ý tác giả Tài liệu thực hành lấy từ nhóm kín Facebook https://www.facebook.com/groups/HocWordpressTaiAlovoice Luôn cập nhật cho phiên WordPress alovoice.vn Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm CHƯƠNG 1: CÀI ĐẶT WORDPRESS TRÊN LOCAL SERVER Để xây dựng website WordPress bạn cần phải có tên miền Hosting Tên miền địa website hosting nơi để đặt website lên Như để có tên miền hosting bạn liên hệ với PAVietNam để mua, chi phí từ vài trăm đến vài triệu năm, tùy vào mục đích sử dụng mà bạn tìm mua gói phù hợp nhiêu bạn sinh viên, bạn tìm hiểu WordPress mà chưa muốn bỏ tiền mua có giải pháp cho bạn tự tạo tên miền hosting máy tính mình, sau cài WordPress lên mà trải nghiệm, tất nhiên theo cách website bạn không diện Internet Bài hôm làm việc này, cài đặt Local Server tạo tên miền hosting máy tính cá nhân bạn sau cài đặt WordPress Phần mềm Local Server có tên XAMPP, sử dụng máy tính PC, máy MAC Apple LINUX, địa website để download phần mềm sử dụng https://www.apachefriends.org/ Trong nội dung hôm gồm có phần sau: Cài đặt XAMPP Cài đặt WordPress Thiết lập thông số cho website Cài đặt XAMPP Để cài đặt XAMPP bạn vào website https://www.apachefriends.org/ download phần mềm máy tính, máy tính bạn PC bạn chọn Windows, máy MAC chọn MAC OS X, máy linux chọn gói Linux, sau click vào nút Download hình minh họa bên dưới: Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Sau download máy, bạn click chạy phần mềm cài đặt theo hướng dẫn Sau cài đặt thành công, hình Desktop xuất icon XAMPP, chạy chương trình có sau: Bạn Click vào Start module Apache để chạy Server Apache, Click vào Start module MySQL để chạy server MySQL Nếu bạn không đăng nhập với quyền Admin máy yêu cầu bạn nhập password, đến việc thành công Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Vị trí để đặt toàn source code WordPress C:\XAMPP\htdocs, nói hosting vậy, bạn ghi nhớ vị trí để chút chép source code WordPress vào mà cài đặt Một lần để thử lại hoạt động local Server bạn gõ địa http://localhost (tên miền thay địa IP 127.0.0.1) vào trình duyệt web, bạn thấy Ok, tất phần cài đặt thành công lúc cài đặt WordPress Cài đặt WordPress Bước 1: Tạo sở liệu + Gõ vào trình duyệt web địa http://localhost/phpMyAdmin Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm + Để tạo sở liệu MySQL a b c d Click vào Database Nhập vào tên database tên alovoice Chọn collation hỗ trợ tiếng việt nên chọn utf8-unicode-ci Click vào Create để tạo sở liệu (Nhớ : Database : alovoice ; Username: root; Password: (để trống) ; Database host: localhost) Bước 2: Tải WordPress máy tính + Vào trang web https://wordpress.org để Download source code Wordpress máy tính, click vào nút download màu xanh hình bên Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm + Sau tải bạn tiến hành giải nén file zip chứa toàn source code WordPress chép toàn vào thư mục C:/XAMPP/htdocs hình bên dưới: Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bước : Cài đặt WordPress Sau bước 2, gõ vào trình duyệt web địa http://localhost để cài đặt WordPress, click continue để tiếp tục hình bên Chuẩn bị thông tin bên dưới, sau click vào let’s go Database name : alovoice Database username : root Database password : (để trống) Database host : localhost Table prefix: (để mặc định) 10 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm mythemeshop.zip” mà bạn download từ group facebook Chờ chút cho WordPress upload lên trang web, sau click vào “Edit” Sau click vào Edit, Box “File URL” chọn đường dẫn đến tập tin ảnh sau nhấn nút phải chuột chọn copy hình minh họa bên Bạn vào “Appearance->Widgets” click vào “MTS 728x90 ad” sau chọn “Header Ad” click “Add Widget” Như hình minh họa bên 85 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Sau click vào “Add Widget”, “Widget MTS 728x90 ad” đưa vào vùng quảng cáo “Header ad”, vùng “Ad image url” bạn dán (Paste) Đường link URL file ảnh copy bước Còn trường “As link url” bạn gõ vào trang web cho banner quảng cáo này, ví dụ alovoice.vn Sau bạn click “Save” để lưu lại Và kết quả: 86 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Thêm thành phần vào Sidebar Bạn vào “Appearance->Widgets” , bạn xóa tất Widgets phần Sidebar cách click lên Widget nhấp vào delete hình bên Chỉ để lại Widget Search mà Vùng Sidebar sau xóa sau: 87 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm + Thêm viết vào vùng sidebar Click vào “MTS Recent Posts”, chọn “Sidebar” sau đso click vào “Add Widget” hình bên Sau widget đưa vào vùng Sidebar, Bạn nhập “Bài viết nhất” vào trường title sau click “Save” để lưu lại vừa làm 88 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Sau kết 89 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm + Thêm Tag Cloud vào Sidebar 90 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm + Thêm quảng cáo vào Sildebar, phần làm bước giống mục “Thực chèn quảng cáo vào vùng Header” để thêm ảnh link cho quảng cáo Và kết sau thêm Tag quảng cáo: 91 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Còn nhiều thành phần widget để thêm vào vùng sidebar này, bạn khám phá để thêm vào thành phần phù hợp với nhu cầu sử dụng bạn Viết cho Website Nội dung phần bạn viết 10 viết, có hình Để viết bạn vào menu “Posts->Add New” nhập thông tin mô tả bên a b c d e f g Nhập vào tiêu đề viết Chèn file media (image, video, audio) vào viết Soạn nội dung Gán thể loại cho viết Gán Tag cho viết Gán ảnh đại diện Click vào publish để đưa viết lên website 92 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bạn muốn hiểu sâu tất thành phần viết WordPress bạn tìm đọc sách “Hiểu WordPress” alovoice.vn Tạo Trang Liên Hệ cho Website Trong phần thực form liên lạc, để giúp khách hàng liên lạc với quản trị website dễ dàng Bước 1: Tạo Trang liên hệ Vào mục Pages->Add New Nhập tên trang liên hệ “Liên hệ” Trong box sildebar chọn “No sidear” mục đích việc không xuất sidebar mở trang liên hệ Chọn Template Contact Page Click vào Publish để đưa trang liên hệ lên website 93 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bước 2: Chèn Shortcode vào trang liên hệ Chọn “Contact->Contact forms” Copy nội dung Shortcode từ “Contact form 1” hình minh họa bên Sau vào “Pages->All Pages”, rê chuột “Liên hệ” click vào “Edit” Dán(Paste) nội dung Shortcode vừa copy bước vào trang “Liên hệ” Xem hình Click vào “Update” để lưu lại 94 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bước 3: Đưa Trang liên hệ lên menu Chọn “Appearance->Menus” Click vào “View All” Chọn “Liên hệ” Click vào “Add to Menu” Click vào “Save Menu” Minh họa hình bên 95 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bước 4: Xem kết Bạn click vào “Liên hệ” menu, tức forrm liên hệ hiển thị ra, bạn nhập thông tin để gửi cho quản trị website Muốn sửa chữ tiếng anh thành tiếng việt bạn vào “Contact->Contact Forms” rê chuột vào tiêu đề Form “Contact form 1” click vào link “Edit”, tìm tab messages để sửa 96 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Qua chương bạn hoàn thành Website với đầy đủ chức khai thác cho mục đích công việc bạn Bây bạn cần chức cài đặt Plugin tương ứng mà sử dụng Trong sách tìm hiểu số plugin thông dụng ứng dụng thực tế cho Website Bạn Như tối ưu tăng tốc độ cho website, bảo mật cho website làm cho website thân thiện với Google để có hội lên trang máy tìm kiếm Google (SEO) Đưa website lên Internet Để đưa Website lên Internet Bạn liên hệ với nhà cung cấp dịch vụ Hosting Tên miền Sau tiến hành mua gói có hỗ trợ WordPress, bạn tiến hành cài WordPress tự động để sử dụng Nếu có khó khăn trình đưa website từ local lên Internet để sử dụng, bạn vào Group nhóm trao đổi, Toàn người hỗ trợ cho Bạn Nhóm hỗ trợ: https://www.facebook.com/groups/HocWordpressTaiAlovoice 97 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Bạn muốn hiểu tất thành phần WordPress, bạn tìm đọc sách “Hiểu WordPress” alovoice.vn 98 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học hiểu, làm Trong trình đọc sách bạn có thắc mắc muốn gặp trực tiếp giảng viên để trao đổi, để hiểu thêm, mời bạn đăng ký tham dự khóa học hoàn toàn MIỄN PHÍ ngày Alovoice – Hướng dẫn hoàn thành website chuẩn SEO ngày Khóa học diễn vào ngày thứ hàng tuần từ 8h30 đến 18h00 Bạn vào http://alovoice.vn để đăng ký nhận lịch học, địa điểm học Bạn tham dự học trả tiền cà phê, nước bạn uống thuê phòng, trang thiết bị phục vụ cho việc học tập(Phòng riêng, âm thanh, ánh sáng, wifi, máy chiếu projector…)…150K Bạn tặng miễn phí tên miền(sub-domain) & hosting trị giá 370K tháng, tặng Theme Premium ( mua trả phí ) trị giá 59$ tương dương 1,3 triệu đồng để thực hành, tặng giá trị khóa học tương đương triệu đồng Vì học viên đông nên bạn đăng ký sớm học sớm http://alovoice.vn CHÚC BẠN THÀNH CÔNG 99 Tác giả : Ths Lê Quốc Toàn – alovoice.vn [...]... – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được 8 Bạn cũng có thể nhập http://localhost để xem diện mạo của website 15 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được Như vậy chúng ta đã thực hiện thành công cài đặt website WordPress trên local Server 3 Thiết lập thông số cho website Sau khi cài đặt thành công, tiếp theo bạn cần phải thực hiện thiết.. .Thực hành WordPress – Học là hiểu, là làm được 3 Nhập đầy đủ thông tin như hình bên dưới sau đó click vào submit 11 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được 4 Màn hình bên dưới thông báo là đã kết nối thành công với server MySQL, bây giờ là lúc cài đặt WordPress, hãy click vào “Run the Install ” để cài đặt 12 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực. .. này Membership : nếu bạn click chọn vào “Anyone can register” có nghĩa là bạn cho phép mọi người có thể đăng ký làm thành viên của website New user Default role : Khi mục “Membership” được chọn cho phép mọi người đăng ký thành viên, thì tại mục này sẽ gán cho thành viên đó vai trò gì, hay quyền gì trong website, thường là gán cho quyền Subcriber Timezone : bạn hãy chọn “Ho Chi Minh” như hình minh họa... alovoice.vn Thực hành WordPress – Học là hiểu, là làm được Biographical Info : Mô tả ngắn về bạn, sẽ hiển thị ra trang web như hình bên dưới: Các thiết lập khác bạn cứ để mặc định, sẽ trình bày kỹ trong quá trình thực hành Tất cả các thiết lập mặc định của WordPress đã tối ưu tối đa cho website của chúng ta hoạt động tốt nhất nên bạn cứ an tâm Bạn có thể xem thêm trong chương “Tìm hiểu các thành phần của Wordpress ... thức thực hiện import dữ liệu mẫu vào website 32 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được 5 Hoàn tất import nhập dữ liệu mẫu cho website Màn hình thông báo chúc mừng cho bạn biết đã import nhập dữ liệu mẫu vào website đã thành công Bạn có thể vào http://localhost để xem dữ liệu đã được import vào website 33 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành. .. Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được Permalink Settings Từ menu trang quản trị website chọn “Settings-> Permalink” để tiến hành thiết lập thông số 17 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được Thiết lập thông số trong phần “Permalink Settings” mục đích chính là làm cho URL của bài viết thân thiện với google,... thiết lập cho đúng, cho phù hợp Site Title : Tên website được nhập trong quá trình cài đặt WordPress, tuy nhiên tại đây bạn cũng có thể chỉnh sửa lại nếu bạn muốn Tagline : Phần mô tả Website, bạn cũng có thể sửa lại WordPress Address(URL) và Site Address(URL): bạn cứ để mặc định khỏi thay đổi gì cả Email Address : địa chỉ Email dành cho người quản trị Website, các thay đổi trong website như tạo mới user,... thích ở phần trên chúng ta sẽ đi thực hành cài theme từ tập tin mts_best.zip, do đó bạn hãy click vào “upload Theme” để qua bước 3, cài đặt theme vào WordPress 23 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được 3 Cài đặt Theme Tiếp theo bạn nhấp vào “Choose File” để chọn tập tin theme để cài đặt, sau đó Click vào “Install Now” để tiến hành cài đặt Nếu trong quá trình... vào website Trong trang quản trị bạn hãy chọn Tools->import sau đó click vào WordPress 2 Cài đặt Plugin WordPress Importer” Khi chúng ta thực hiện import dữ liệu mẫu vào WordPress, việc đầu tiên là phải cài Plugin này vào Đây là plugin cho phép thực hiện tác vụ đưa dữ liệu đã trích xuất từ công “Tools->Export” từ trang web WordPress khác Click vào Install như hình bên dưới để cài đặt Plugin Sau khi... hành cài WordPress 13 Tác giả : Ths Lê Quốc Toàn – alovoice.vn Thực hành WordPress – Học là hiểu, là làm được 6 Màn hình bên dưới thông báo cho chúng ta đã thành công cài đặt WordPress, bây giờ hãy click vào log In, sau đó nhập username và password đã khai báo ở phần trên để vào phần quản trị của Website WordPress 7.Sau khi đăng nhập thành công chúng ta đã đăng nhập được vào phần quản trị của website