Học Wordpress miễn phí

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 Wo

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

https://www.facebook.com/groups/HocWordpressTaiAlovoice/

https://www.facebook.com/HocWordpressMienPhi Email : toan8051@gmail.com

http://alovoice.vn

Robica : Password: Robica123 Phuc Khang : Password: 88888888 Robica coffee: Password: Robica123

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice

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)

Nguồn học WordPress

https://www.wp101.com http://katrinah.com/

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 5

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 7

Tại sao chọn WordPress

plugin và theme)

 11.Website rao vặt

 12.Mạng xã hội (Buddy Press)

 13.Còn nhiều nữa …

3/26/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

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

3/26/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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 13

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

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

Mua tên miền và hosting ở đâu

https://www.namecheap.com/

https://www.stablehost.com

• Mua tại Việt Nam: pavietnam.vn, Tadu.vn

matbao.vn, phattrien.net, tenten.vn

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 17

Tóm lại

H ướng dẫn cài đặt hosting

Vào Website Tadu.vn để đăng ký cài đặt, liên hệ gửi Email: alovoice@gmail.com để nhận mã miễn phí sử dụng trong 6 tháng

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 19

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

Cài WordPress tự động

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 21

Cài WordPress tự động

Cài WordPress tự động

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 23

Cài WordPress tự động

Protocol Choose Domain

In Directory (Để trống)

Table Prefix Site name Site Description Enable Multisite Admin Account

Cài WordPress tự động

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 25

Cài đặt thành công

Chọn Theme

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)

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 27

Tìm hiểu Quản trị và Setting

Admin Screen Writing setting Reading Setting Discussion Setting Visibility setting

Permalinks structure

Your profile Cài Plugin

Tidio Chat Google Plus Badge Widget

Q2W3 Fixed Widget Shortcodes Ultimate

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 31

Xây dựng cấu trúc nội dung

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 33

Bài Tập

Thay đổi tên tác giả bài viết

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 hình ảnh

Tạo danh sách các bài nhạc

Thêm File video Youtube và Vimeo

Tạo Page

Liên hệ Giới Thiệu Công ty hoặc bản thân

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 35

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)

Tạo Top Menu

Giới Thiệu

Học WordPress Miễn Phí (http://alovoice.vn)

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 37

Thay đổi Logo, Màu Sắc, Font

Chữ, Bố Cục … cho Theme

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

3/26/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

Kéo Tiện Ích Widget lên Website

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 43

Sidebar Tìm kiếm

Metro Style Social Widget

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 45

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 đồ

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 47

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

ShortCode Plugin: ShortCode Ultimate Plugin ShortCode Ultimate

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 49

Bài Tập Thiết kế trang web http://lequoctoan.com/

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

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ả

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 51

Chỉnh URL thân thiện với Google

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

SEO

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 55

SEO OFF-PAGE

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 57

Bài tập Viết bài SEO từ khoá tên của mình

(15 phút)

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 59

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

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 61

An Toàn cho website

Update wordpress core, theme, plugin

Lưu ý: trước khi update phải backup

An Toàn cho website

Kiểm tra link gãy (Broken Links)

Drlinkcheck.com

Sử dụng Plugin Broken Link Checker

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 63

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)

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)

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 65

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)

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 67

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

Muốn biết trang WordPress đang

dùng theme gì? Plugin gì?

http://www.wpthemedetector.com/

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 69

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

Plugin

Yet Another Related Posts Plugin

Crayon Syntax Highlighter

AccessPress Social Share

Contact Form 7

Easy Post Series

kk Star Ratings

Table of Contents Plus

Theme Junkie Shortcodes

WP Lightbox 2

WP-Syntax

Ultimate Posts Widget

CM Enhanced Tooltip Glossary

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 71

Forget About Shortcode Buttons

Category Specific RSS feed Subscription

WP-SpamShield Anti-Spam

WP Super Cache Facebook Like Box

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

3/26/2016 dự án 50 Khóa học wordpress miễn phí tại alovoice 73