HỌC THIẾT KẾ WEBSITE
WORDPRESS Hướng dẫn hoàn thành website trong 1 ngày
Người Hướng Dẫn
Ths Lê Quốc Toàn
Giới Thiệu
Họ Tên : Lê Quốc Toàn Thạc sỹ Công nghệ thông tin - Trường KHTN TPHCM Công dân trẻ tiêu biểu TP.HCM 2007. Lĩnh vực công tác: Giải pháp an ninh(PCCC, Camera an ninh), Online Marketing, Truyền thông Media(Dịch vụ quay phim). facebook.com/lequoctoan999 facebook.com/groups/AnToanWP/ (antoan-wp) https://www.facebook.com/HocWordpressMienPhi Email : [email protected] http://alovoice.vn ĐT: 0918.10.33.66
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 3
NỘI DUNG KHÓA HỌC
Module 1: Nhập môn về WordPress
Module 2: Thiết lập thông số
Module 3: Xây dựng nội dung
Module 4: Làm việc với Media(Image,
Video…)
Module 5: Quản lý giao diện(theme)
Module 6: Quản lý Website
(Xem chi tiết nội dung tại http://alovoice.vn)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 4
Nguồn học WordPress
https://www.wp101.com
http://katrinah.com/
http://wpapprentice.com/
http://www.blogaid.net/
Sách: Teach Yourself Visually WordPress
WordPress For Dummies, 7th Edition
Professional WordPress: Design and Development
SEO For Dummies, 6th Edition
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 5
3 cách có website
1. Dùng dịch vụ trực tuyến: Bloger,
WordPress.com, weebly, tumblr.com …
2. Dùng phần mềm CMS: WordPress,
Joomla, Drupal, Magento, OpenCart…
3. Tự lập trình
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 6
Tại sao chọn WordPress
1. Dễ Học
1. Không biết code, không sao!
2. Không cần kinh nghiệm phát triển web
3. Cập nhật phiên bản mới dễ dàng.
2. Tốt cho bộ máy tìm kiếm
1. Tạo nội dung mới nhanh chóng
2. Các tính năng rất thân thiện với bộ máy tìm kiếm ví dụ như tạo
internal link
3. Tính năng comment đc xây dựng sẵn.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 7
Tại sao chọn WordPress
3. Mở rộng chức năng dễ dàng với Plugin
1. 40,000+ plugin
2. Nhiều thể loại
3. Nhiều plugin miễn phí có giá trị.
4. Blog tốt nhất.
5. Có rất nhiều cộng đồng hỗ trợ (chiếm 22% trong tổng số website trên
toàn thế giới theo alexa, có hàng ngàn người phát triển plugin và theme)
6. Dễ dàng thay đổi giao diện
7. Mở rộng và phát triển dễ dàng với doanh nghiệp theo thời gian
8. WordPress là phần mềm miễn phí.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 8
Wordpress làm được gì?
1. Tin tức
2. Web thương hiệu, công ty
3. Website thương mại điện tử
4. Bán bất động sản, ô tô,…
5. Website thành viên
6. Website khóa học trực tuyến
7. Forum (BBPress)
8. Chia sẻ Coupon
9. Porfolio
10.Website bộ sưu
tập hình ảnh
11.Website rao vặt
12.Mạng xã hội
(Buddy Press)
13.Còn nhiều nữa …
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 9
Sự khác biệt WordPress.org và
WordPress.com
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 10
Sự khác biệt WordPress.org và
WordPress.com Khác biệt thứ nhất: Chi Phí
Wordpress.com Hosting miễn phí.
WordPress.org phải trả tiền hosting và tên miền.
Khác biệt thứ hai: chăm sóc website
Wordpress.com tự động
WordPress.org tự chăm sóc lấy như backup, bảo mật…
Khác biệt thứ ba: mở rộng tính năng với Plugin
Wordpress.com Không dược
WordPress.org được
Khác biệt thứ tư: thay đổi theme
Wordpress.com chỉ trong thư viện có sẵn
WordPress.org Thay đổi dễ dàng
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 11
Tên Miền & Hosting
Kiểm tra tên miền: http://tadu.vn
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 12
Chọn Hosting cho WordPress
Web Host hay hosting là gì?
Cài WordPress cần PHP 5.6 or greater; MySQL
5.6 or greater; The mod_rewrite Apache module
Nhu cầu của Bạn? Thương mại? Cá nhân? Lưu
file…?
Kiểu Server: shared, VPS (virtual private server),
Dành riêng (dedicated).
Hosting cho nhu cầu đặc biệt.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 13
Hosting – Máy chủ
Dung lượng
Băng thông
Số lượng email
Số lượng database
Hệ điều hành
Addon Domain
Parked Domain
Subdomain
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 14
Tên Miền
Cách chọn tên miền:
Ngắn gọn, dễ nhớ, dễ nghe, dễ gõ.
.com viết tắt của Commercial: Website
về thương mại, kinh doanh
net viết tắt của Network: website về
mạng internet
org viết tắt của Organization: website
về tổ chức
info viết tắt của Information: website
thông tin
.vn, .com.vn là đuôi tên miền của
Việt Nam
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 15
Mua tên miền và hosting ở đâu
Mua trực tuyến
https://www.namecheap.com/
https://www.stablehost.com
• Mua tại Việt Nam: pavietnam.vn, Tadu.vn
matbao.vn, phattrien.net, tenten.vn
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 16
Tóm lại
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 17
Hướng dẫn cài đặt hosting
Vào Website Tadu.vn để đăng ký cài đặt,
liên hệ gửi Email: [email protected] để
nhận mã miễn phí sử dụng trong 6 tháng.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 18
Cài đặt WordPress
1. Cài tự động
1. Softaculous Apps Installer.
2. Cài nhân công
1. Download WordPress tại https://wordpress.org/download
2. Dùng FTP Application (Winscp hoặc FileZilla Client) up lên host.
3. Tạo database: MySQL Database Wizard.
4. Cài đặt.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 19
Cài WordPress tự động
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 20
Cài WordPress tự động
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 21
Cài WordPress tự động
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 22
Cài WordPress tự động
Protocol
Choose Domain
In Directory (Để trống)
Table Prefix
Site name
Site Description
Enable Multisite
Admin Account
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 23
Cài WordPress tự động
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 24
Cài đặt thành công
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 25
Chọn Theme
Theme Types: Theo mục đích sử dụng: Doanh nghiệp, Kinh doanh, Blog, Studio, Giáo dục….
Đáp ứng tính năng và dễ sử dụng.
Theme Frameworks: parent theme và child theme.
Responsive?
Free theme or commercial(premium)
Custom theme(sửa lại hay phát triển từ đầu)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 26
Quản Trị WordPress
http://tenmien.com/wp-admin
Nhập Username và password để đăng nhập
Cài Themes Có Phí (http://themeforest.net)
Miễn Phí (Chọn HueMan)
Theme Authenticity Checker (TAC)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 27
Cài Themes
Kiểm tra Themes có thân thiện với di động hay không
https://www.google.com/webmasters/tools/mobile-friendly/
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 28
Tìm hiểu Quản trị và Setting
Admin Screen
Writing setting
Reading Setting
Discussion Setting
Visibility setting
Permalinks structure.
Your profile
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 29
Cài Plugin
image widget
Black Studio TinyMCE Widget
Facebook Page Plugin
Ninja Forms
Simple Social Icons
Google Maps Easy
UpPrev
Tidio Chat
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 30
Xây dựng cấu trúc nội dung
Post
Category
Tag
Page (Giới Thiệu, Liên Hệ,
Hướng Dẫn Mua Hàng, Chính Sách..)
Tạo Category với cấu trúc
Thiết kế Wordpress
Đồ họa Maketer
Online Marketing
SEO
FaceBook Marketing
Youtube
Adwords
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 31
Tạo Bài Viết
Sửa bài viết
Xóa bài viết
Chèn hình
Chèn Link
Thêm 6 bài viết
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 32
Bài Tập
Thay đổi tên tác giả
Gán mật khẩu cho bài viết
So sánh nội dung bài viết trước và sau khi
sửa
Tạo Gallery Bài viết
Tìm hiểu thêm phần format
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 33
Tạo Page
Liên hệ
Giới Thiệu Công ty
hoặc bản thân.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 34
Tạo Menu
Theme Hueman hỗ trợ 3
Menu, Menu đầu tiên ở
trên cùng website, Menu
Chính và Menu Footer (ở
dưới cùng website).
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 35
Tạo Top Menu
Giới Thiệu
Liên Hệ
Học WordPress Miễn Phí (http://alovoice.vn)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 36
Tạo Menu Chính
Trang Chủ
Thiết kế Wordpress
Design Maketing
Online Marketing SEO
FaceBook Marketing
Youtube
Adwords
Liên hệ
Giới thiệu
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 37
Chỉnh sửa Profile
Simple Local Avatars
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 38
Thay đổi Logo, Màu Sắc, Font
Chữ, Bố Cục … cho Theme
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 39
Bài Tập
Tạo banner quảng cáo với Header Ads
Tạo banner quảng cáo với Footer Ads
Tạo trang web có 3 cột.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 40
Kéo Tiện Ích Widget lên Website
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 41
Kéo Tiện Ích Widget lên Website
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 42
Sidebar Tìm kiếm
Metro Style Social Widget
FanPage
Bài viết mới
Bình luận mới
Ảnh quảng cáo
Link kết nối bạn bè
Testimonials Widget
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 43
Footer
Footer 1: Giới thiệu ngắn về wesbsite
Footer 2:
Thêm Widget Visual Editor
Thêm Widget biểu tượng mạng xã hội
Footer 3 : Google Plus
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 44
Tạo Form liên lạc
Hướng dẫn Tạo Form Liên Lạc
Ninja Forms : Tạo Form liên hệ
Google Maps Easy: Gắn bản đồ
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 45
Chat online với khách hàng mọi lúc
Tidio Chat : Tạo hộp chat để kết nối với
mọi người khi họ đến website
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 46
Tóm lại
Bước 1: Cài Theme
Bước 2: Cài plug-in
Bước 3: Tạo cấu trúc nội dung Website (Category, tag, post, page)
Bước 4: Chỉnh sửa bố cục website thêm widget.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 47
ShortCode Plugin: ShortCode Ultimate
Plugin ShortCode Ultimate
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 48
Bài Tập
Thiết kế trang web http://lequoctoan.com/
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 49
Quản lý tài khoản & quyền hạn Capabilities: Quyền có thể làm gì
Roles: Vai trò gì:
Use Roles: Gán quyền được sử dụng.
Vai trò mặc định gồm có : Administrator : toàn quyền trên website
Editor : toàn quyền biên tập
Author : biên tập và quản lý nội dung của chính mình
Contributor : cộng tác viên chỉ đăng bài , bài đăng cần phải được xét duyệt
Subscriber : không có quyền gì cả
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 50
Chỉnh URL thân thiện với Google
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 51
Quản lý website Nội dung thân thiện với bộ máy tìm kiếm:
Viết cho người đọc, thông điệp đầy đủ rõ ràng.
Nội dung một bài viết ít nhất 300 từ
Tiêu đề bài viết hay lôi cuốn người đọc, từ khóa phải có trong tiêu đề.
Đoạn đầu của bài viết hay, chứa từ khóa.
Tên ảnh chứa từ khóa, thẻ alt phải mô tả ảnh rõ ràng.
Phải có link nội bộ trong bài viết.
Phải có thẻ h2-h6
Có nhấn từ quan trọng. In đậm, in nghiêng, tô màu…
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 52
SEO WEBSITE SEO on-page
Thẻ tiêu đề (title) tối đ 70 ký tự
Tối ưu Url : tối đa 160 ký tự
Thẻ meta Description
Thẻ Heading (H1-H6)
Tối ưu ảnh (thẻ atl, tên ảnh, tiêu đề ảnh)
Những thẻ <b> <i> <strong>
Link In và Link Out
Từ khoá (2-5%,) đứng đầu câu, trong đoạn đầu tiên.
SEO off-page (backlink)
Nội dung chất lượng
Cài Plugin SEO Yoast
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 53
Bài tập
Viết bài SEO từ khoá tên của mình
(15 phút)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 54
Thông kê số người đến website (người mới và người cũ quay lại)
Tỉ lệ thoát trang(Bounce Rate)
Đến từ nguồn nào? (trực tiếp, search, tham chiếu, mạng xã hội)
Thống kê số từ hoặc cụm từ tìm kiếm trên website.
Trang nào được vào nhiều nhất.
Số người đang online….
Plugin Google Analytics by yoast.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 55
Phân tích website
An Toàn cho website
Hiểu về Backup.
Database và file(wordpress, plugin, theme)
Tự động hoặc nhân công
Định kỳ backup.
Lưu trữ online
Lưu trữ offline
Trước khi update phải backup
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 56
An Toàn cho website
Backup tool.
Công cụ trên hosting (CPanel)
Sử dụng plugin (updraftPlus hoặc
BackWPUP)
Sử dụng chức năng Export và Import
Nhân công FTP và phpMyAdmin.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 57
An Toàn cho website
Hiểu về Update. Update để bảo mật, fix lỗi và cập nhật tính năng mới
Wordpress chia update thành hai nhóm: major updates và minor updates.
Update tự động hay nhân công(major updates nhân công mỗi năm 2 lần, minor updates tự động)
Update wordpress core, theme, plugin.
Lưu ý: trước khi update phải backup
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 58
An Toàn cho website
Kiểm tra link gãy (Broken Links).
Drlinkcheck.com
Sử dụng Plugin Broken Link Checker
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 59
An Toàn cho website - Bảo mật Thường xuyên cập nhật plugin, theme, WordPress
Nên sử sụng mật khẩu khó đoán(force Strong Password)
Đổi tên username admin(WPVN – Username Changer)
Khóa đăng nhập nhiều lần(Limit Login Attempts).
Đăng nhập nơi công cộng phải logout ngay. Hạn chế.
Không nên sử dụng themes, plugin không rõ nguồn gốc
Chọn nhà cung cấp hosting uy tín.
Sử dụng SSL (thay http thành https)
CHMOD an toàn cho thư mục
Dùng công cụ https://www.virustotal.com để test.
sử dụng Theme Authenticity Checker (TAC) kiểm tra theme có an toàn không?
Bảo mật website : iThemes Security (cài đặt và tìm hiểu)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 60
An Toàn cho website - Bảo mật
CHMOD để an toàn cho thư mục
CHMOD 755 cho update
CHMOD 705 cho an toàn [user đang sở hữu] [nhóm user đang sở hữu] [các user còn lại trên server]
Quyền đọc (Read – r) – 4 Quyền ghi (Write – w) – 2 Quyền truy cập (Execute – x) – 1 755 (4+2+1)(4+0+1)(4+0+1)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 61
Tăng tốt website
HTML Caching : lưu vào bộ đệm máy chủ.
Opcode Caching : của PHP, tránh việc một đoạn code phải xử lý nhiều lần mà trả về cùng 1 kết quả.
Object Caching : WordPress lưu cache cho các đối tượng như query, session.
Browser Cache : lưu về máy client.
Database Caching: tối ưu nhiều truy vấn gửi đến cùng lúc
WP Super Cache (dành cho Shared Host)
W3 Total Cache (dành cho máy chủ riêng/VPS)
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 62
Admin Plugin Khuyên dùng Backup: BackWpup hoặc UpdraftPlugs Backup
Security : iThemes Security hoặc WordFence Security
Images: EWWW Image Optimizer hoặc Imsanityto resize images.
Admin Screen : TinyMCE Advandced
Content Layout: Page Builder, Shortcodes Ultimate.
Comment: AntiSpam Bee hoặc Anti-Spam. Facebook comments plugin
Design: Easy Google font, lazyest StyleSheet
Caching: W3 total cache, WP super Cache
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 63
Content Plugin Khuyên dùng Social Media: Simple Social Icons, Simple Share Buttons Adder, Easy Twitter Feed Widget, Custom Facebook Feed, Shareaholic, Social Media Feather.
Sliders and Galleries: Meta Slider, Lightbox Plus Colorbox, Photo Gallery, NextGEN Gallery.
Forms : Contact Form 7, Ninja Forms.
Maps : MapPress Easy Google Maps hoặc Comprehensive Google Map Plugin
Events : The Events Calendar, Events Manager, Google Calendar Events.
Membership Sites: Members, Paid Memberships Pro hoặc s2Member Framework.
E‐Commerce: WordPress Simple Paypal Shopping Cart, WooCommerce, WP eCommerce
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 64
Muốn biết trang WordPress đang
dùng theme gì? Plugin gì?
http://www.wpthemedetector.com/
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 65
http://www.soulbrother.com
http://www.soulbrother.com: Canvas WooThemes
Pricing Deals for WooCommerce
Contact Form 7
Follow up email for woocommerce
WooCommerce Sold Out Products
WooCommerce - excelling eCommerce
WooDojo
MediaElement.js - HTML5 Video & Audio Player
WooCommerce Constant Contact Discount
W3 Total Cache
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 66
KHÓA HỌC BỔ TRỢ TẠI ALOVOICE
Khóa học xây dựng trang landing page Học xong khóa WordPress Miễn Phí tại Alovoice
Phân tích từ khóa chọn thị trường ngách để làm trang landing page bán hàng
Hướng dẫn viết nội dung theo mô hình AIDA (Attract or Attention, Interest, Desire, Action) để có nội dung hay bán được hàng.
Từng bước hướng dẫn bạn chi tiết cách chọn theme và Plugin để thiết kế hoàn chỉnh một trang landing page bán sản phẩm.
Phân tích số liệu website(Google Analytic)
Khám bệnh cho website(Webmaster tool)
Hướng dẫn chạy facebook, Google Adwords để đưa người sử dụng truy cập vào website
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 67
KHÓA HỌC BỔ TRỢ TẠI ALOVOICE
Khóa học thiết kế đồ họa cho Marketing Học xong khóa WordPress Miễn Phí tại Alovoice
Hướng dẫn sử dụng Photoshop, illustrator và các nguyên lý trong quảng cáo để có hình quảng cáo đẹp
Chỉnh sửa hình ảnh cho bức ảnh đẹp.
Thiết kế avata và cover cho facebook.
Thiết kế hình ảnh banner đẹp để chạy quảng cáo facebook
Thiết kế banner để quảng cáo Google Adwords
Thiết kế banner cho Website.
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 68
KHÓA HỌC BỔ TRỢ TẠI ALOVOICE
Khóa học xây dựng website kinh doanh Học xong khóa WordPress Miễn Phí tại Alovoice
Chọn theme và các plugin liên quan để thiết kế hoàn chỉnh website kinh doanh chất lượng chuẩn SEO bán hàng được ngay.
Phân tích sản phẩm bán cho ai và có gì khác biệt.
Hướng dẫn viết nội dung bán hàng
Phân tích số liệu website(Google Analytic)
Khám bệnh cho website(Webmaster tool)
Hướng dẫn chạy facebook, Google Adwords để đưa người sử dụng truy cập vào website
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 69
Tổng Kết
Rất nhiều người cũng chỉ website như vậy thôi mà đang giàu lên từ Online.
Điều quan trọng không phải xấu và đẹp, điều quan trọng là giá trị mang lại cho khách hàng nằm ở nội dung, việc trình bày đẹp thể hiện thêm sự chuyên nghiệp và thu hút cho website.
Chúc Bạn Thành Công. Hướng Dẫn hoàn thành website trong 1 ngày chuẩn seo
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 70
1/14/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 71