Thiet ke web sieu toc 1.7

Thiết Kế Web Siêu Tốc 1

Tác Giả: Đặng Ngọc Bình
Biên Tập: Quỳnh Nga

Mục Lục
Chương 1: Nguồn Gốc Sách ...................................... 7
1. Lời Cảm Ơn ..................................................................... 9
2. Tác Giả Là Ai ? .............................................................. 11
Chương 2: Phương Pháp THIẾT KẾ WEB SIÊU TỐC
.................................................................................. 14
1. Lựa chọn Phương Pháp Thiết Kế.................................. 15
2. Chọn công cụ tốt nhất – Chọn WordPress .................... 15
3. Vì sao chọn WordPress? ............................................... 17
4. Sự khác biệt WordPress.org và WordPress.com .......... 19
5. Sức mạnh cuốn sách ? .................................................. 21
Chương 3: Tên Miền & Hosting ................................ 24
1. Tên Miền – Domain........................................................ 24
2. Hosting – Máy chủ ......................................................... 26
3. Tóm lược cách chọn mua Tên Miền & Hosting ............. 32
4. Tên miền và Hosting để thực hành................................ 32
Chương 4: Cài Đặt WordPress ................................. 35
1. Cài đặt WordPress ......................................................... 35
2. Cài WordPress tự động.................................................. 36
Chương 5: Tạo Trang Web đầu tiên của bạn ........... 45
1. Đăng nhập quản trị Website WP-ADMIN:...................... 45
2. Bước 1: Cài Theme........................................................ 47
3. Bước 2: Cài Plugin......................................................... 57
4. Bước 3: Làm cấu trúc nội dung...................................... 75
5. Bước 4: Trình Bày.......................................................... 99
6. Tóm Lược Quy Trình ................................................... 157

7. Hoàn thiện Website...................................................... 158
8. Bộ video thực hành siêu tốc......................................... 160
Chương 6: Quản trị Website WordPress ................ 162
1. Dashboard WordPress................................................. 162
2. Screen Options quản lý Web hiệu quả......................... 163
3. Cập nhật mới với tính năng Update............................. 164
4. Quản lý Hình ảnh và File với Media............................. 166
5. Thu hút khách hàng với Comment............................... 166
6. Câu thần chú ShortCode.............................................. 169
7. Quản lý tài khoản & quyền hạn.................................... 176
8. Nhập xuất nội dung với công cụ Tool .......................... 178
9. Cấu hình chung cho Website....................................... 180
10. Chỉnh URL thân thiện với Google ............................. 181
Chương 7: Cách Làm WEBSITE BẤT KỲ Với
WordPress .............................................................. 184
1. Làm website công ty .................................................... 184
2. Làm website bán hàng với WordPress ........................ 192
3. Cách Làm Những Website Khác.................................. 196
Chương 8: Làm Sao Để Có Website Hiệu Quả? .... 198
Tổng Kết ................................................................. 202
Bảng Thuật Ngữ...................................................... 204

“ Quyển sách nên đọc cho bất cứ ai làm kinh doanh đặc biệt là
trên Internet. Cũng là 1 cuốn cẩm nang mà các chuyên gia đào
tạo nên giới thiệu cho học viên của mình. Sách giúp chúng ta
tiết kiệm rất nhiều thời gian tự mày mò nghiên cứu và tiền bạc
đi học tại các trung tâm ”
Nguyễn Minh Thái – CEO Học Viện Chuyên Gia
“ Mình thấy quyển sách và khóa học của Bình thật sự rất hữu
ích và dễ tiếp thu cho người mới bắt đầu. Tiêu biểu là mình
trước khi học là hoàn toàn chưa biết gì nhưng đã có thể từng
bước làm theo được. “
Trương Trần Nguyên Thảo – Giảng viên ĐH Y Dược Cần Thơ
“ Trong 1 ngày mà biết những kiến thức về thiết kế website như
vậy là tuyệt vời rồi, không có gì để chê vào đâu được. Sách đáp
ứng được mong đợi của mình. Cuốn sách này hướng dẫn rất
chi tiết và kèm theo hình ảnh nữa nên rất dễ làm theo “
Ngô Quang Thắng – Chuyên viên kĩ thuật Internet FPT
“ Cảm ơn Đặng Ngọc Bình Với kiến thức bạn chia sẻ mình có
thể lập 1 trang Web mới trong ngày đầu tiên đọc cuốn sách dù
mình chưa học thiết kế web trước đây ngày nào. “
Ngô Phi Anh Vũ – Chuyên gia Tinh Dầu Dưỡng Tóc

CHƯƠNG 1
GIỚI THIỆU

Chương 1: Nguồn Gốc Sách
6 Năm về trước, Bình cũng giống như bạn bây giờ, rất háo hức
để tạo website đầu tiên cho mình. Nhưng nhận ra một sự thật
phủ phàng rằng để thiết kế website bạn phải là lập trình viên,
phải biết ít nhất 4 ngôn ngữ lập trình HTML, CSS, Javascript,
PHP và Bình đành gác lại giấc mơ đó.
Mãi đến năm tư đại học Bình mới có những cơ hội học bài bản
về thiết kế website nhưng hỡi ôi thiết kế website sao tốn thời
gian và công sức nhiều quá, lúc đó Bình và một người bạn nữa
cùng nhận một dự án làm thêm về thiết kế web cho khách. Ba
tuần trôi qua ròng rã, cùng nhau thiết kế, lập trình, sửa lỗi cuối
cùng mới hoàn thành được website trông tàm tạm.
Rồi tình cờ một ngày nọ khi cùng làm dự án website với một
người anh chung trường. Ảnh mới giới thiệu cho Bình biết đến
WordPress, thật ra Bình cũng biết đến nó lâu rồi những chẳng
biết vận dụng nó thế nào để thiết kế web cho nhanh. Thế là tập
trung lao vào nghiên cứu, càng tìm hiểu sâu càng thấy
WordPress hay càng thấy sự hữu ích với cuộc sống thực tiễn.
Sau này Bình chia sẻ cho bạn bè sử dụng, các đồng nghiệp
trong công ty, tham gia các buổi hội thảo để lan tỏa công cụ
hữu ích này.
Cho tới một ngày khi đi dạo ở một số nhà sách và tìm kiếm trên
Internet Bình thấy rằng sách thiết kế Web có rất nhiều nhưng
đa số đều dành cho lập trình viên, không có cuốn sách nào
dành cho người không chuyên muốn thiết kế website. Đây
chính là động lực để Bình hoàn thành cuốn sách này, một cuốn
sách giúp cho bất cứ ai yêu thích thiết kế website đều có thể tự
học và làm được trong thời gian ngắn với tiêu chí Thiết Kế
Web Siêu Tốc.
Trước đây thiết kế website là công việc của lập trình viên
nhưng giờ đây không cần có chuyên môn về IT bạn vẫn có thể

tạo ra được những website nhanh và đẹp mà chỉ cần vài giờ
đồng hồ. Để có thể làm được điều này cả một cộng đồng trên
thế giới đã cùng nhau đóng góp vào một phần mềm có tên là
WordPress, với phần mềm này một học sinh đang cấp hai, một
bà nội trợ cũng hoàn toàn có thể tạo được website cho mình.
Tuy nhiên tiếp cận với WordPress bạn sẽ bị rối loạn bởi có rất
nhiều tài liệu trên mạng, không biết bắt đầu từ đâu để có nền
tảng và làm được website. Vậy đâu là tài liệu tốt nhất, dễ nhất
và hiệu quả nhất để bạn bắt đầu. Là một giáo viên giảng dạy
WordPress Bình hiểu rằng sứ mệnh của mình là tập hợp lại tất
cả những gì mình trải nghiệm về WordPress theo một hệ thống
rõ ràng để ai cũng có thể bắt đầu và làm được.
Bình dành thời gian dài viết ra cuốn sách này để thực hiện điều
đó, những gì bạn được học trong cuốn sách này là những gì
Bình đang dạy cho các học viên của mình. Đây cũng là một
trong số những cuốn sách tiếng việt đầu tiên và hiếm hoi viết
về thiết kế web WordPress cho người mới bắt đầu.
Trong cuốn sách này Bình đi tuần tự các bước thiết kế website
từ cơ bản đến nâng cao, từng bước một rất rõ ràng để bạn
hiểu và làm theo. Mỗi bước đều có hình ảnh minh họa, có giải
thích rõ ràng. Bình còn cung cấp các đường link, tài nguyên
phục vụ cho quá trình học được hiệu quả nhất, và đặc biệt
khóa học này còn có bộ Video Thiết Kế Website Siêu Tốc dành
cho độc giả quan tâm.
Thiết Kế Web Siêu Tốc sẽ giúp bạn hoàn thành website đầu
tiên của mình một cách nhanh nhất, dễ dàng nhất. Một website
đẹp, dễ dàng chỉnh sửa, một website với nhiều tính năng có thể
mở rộng bất cứ lúc nào, một website mà bạn hoàn toàn có thể
làm chủ, website bạn có thể tùy chỉnh màu sắc, bố cục, font
chữ. Website đó là của bạn và do chính bạn tạo nên!

1. Lời Cảm Ơn
Để có được cuốn sách này là cả một quá trình dài tìm tòi khám
phá bằng đam mê. Tôi sẽ không quên được những giúp đỡ, hỗ
trợ của người thân, bạn bè và rất nhiều học viên đã tin tưởng
và ủng hộ tôi thời gian qua.
Đầu tiên xin gởi lời cám ơn đến Ba, Mẹ tôi người đã cho tôi lựa
chọn con đường của chính mình , luôn động viên và ủng hộ
cho tôi dù từ bỏ công việc ổn định để tự bước đi trên đôi chân
của chính mình. Quyển sách này là thành quả trên cuộc hành
trình ấy.
Cám ơn Phạm Văn Tình, người em đã cùng tôi trải qua những
dự án WordPress, cùng đứng lớp và hỗ trợ học viên với tôi,
mỗi lúc tôi cần hỗ trợ em đều vô tư giúp đỡ không nề hà thời
gian, và công sức.
Tôi cũng gởi lời cám ơn đến anh Văn Đức Sơn Hà giám đốc
trung tâm APPNET, cùng Khải đã tạo cơ hội để Bình được chia
sẻ cho rất nhiều học viên về Thiết Kế Web WordPress, đồng
thời cám ơn anh Hà vì đã tạo điều kiện cho tôi được học những
khóa học về Digital Marketing bổ ích của trung tâm.
Nếu không có duyên được học lớp Học Viết Sách thì tới giờ
này chắc cuốn sách này vẫn còn đang ấp ủ. Xin gởi lời cảm ơn
giúp đỡ của anh Nguyễn Minh Thái, người thầy dạy viết sách,
những kiến thức anh trao đã giúp Bình đi nhanh hơn. Ngoài ra
cũng cám ơn anh Thái rất nhiều vì đã giới thiệu sách đến với
các học viên của anh trong Học Viện Chuyên Gia.
Xin cám ơn tất cả các học viên của Bình, những người vô cùng
tuyệt vời đã bỏ thời gian đến và học tập thiết kế web theo
phương pháp của Bình, những góp ý và những câu hỏi trong
khóa học đều giúp Bình trưởng thành hơn và tự tin hơn trên
con đường chia sẻ kiến thức. Không ít học viên đã không ngại
đường xá xa xôi sắp xếp công việc để từ Cần Thơ, Tây Ninh

đến học những khóa học của Bình, thật sự cảm ơn thời gian và
tinh thần học hỏi các bạn rất nhiều.
Đặng Ngọc Bình cùng học viên WordPress

2. Tác Giả Là Ai ?
Đặng Ngọc Bình là nhà đào
tạo về Thiết Kế Website cho
người không chuyên. Anh xuất
thân lập trình viên tốt nghiệp
ngành công nghệ phần mềm
trường Đại Học Khoa Học Tự
Nhiên HCM, qua nhiều dự án
website anh chọn WordPress
là công cụ bất ly thân của
mình.
Từ đó anh say mê nghiên cứu
nó, anh phát hiện ra rằng “ai cũng có thể làm website với
WordPress”, anh bắt đầu đi chia sẻ những kiến thức hữu ích
này trên website http://tuhoclamweb.com , những khóa học
miễn phí Ngôi Nhà Số Trong Tầm Tay, những video hướng
dẫn, những buổi hội thảo về WordPress và Online Marketing.
Hiện anh đang là giảng viên WordPress tại trung tâm AppNet.
Để có được những kiến thức chia sẻ anh đã phải nghiên cứu
và tìm tòi rất nhiều. Khởi đầu với WordPress cũng giống như
bạn giờ đây không biết phải bắt đầu từ đâu và đọc tài liệu gì,
nhưng bằng sự yêu thích với hơn 4 năm liên tục trau dồi học
tập và phát triển cùng WordPress thì giờ đây anh đang giúp đỡ
rất nhiều bạn trẻ khác học WordPress nhanh hơn, dễ dàng
hơn.
Giờ đây hằng ngày anh đều làm việc với WordPress. Ít ai có
thể bỏ ra nhiều thời gian để tự mình mày mò và tìm tòi như
anh. Chính vì vậy anh xuất hiện ở những lớp học để chia sẻ
phương pháp làm website nhanh mà hiệu quả này, giáo trình

này chính là những gì anh đúc kết thông qua quá trình thiết kế
web và dạy học WordPress.
Bình chia sẻ WordPress tại hội thảo Online Marketing
Cuốn sách này tuy không quá đầy đủ và chi tiết nhưng mục tiêu
mà nó hướng tới là có thể giúp bạn tự làm được mà không tốn
nhiều thời gian. WordPress khá rộng và nhiều chủ đề để chia
sẻ nhưng đây là nơi khởi đầu tuyệt vời nhất, dễ nhất, ngắn gọn
nhất, đầy đủ nhất để bạn có một nền tảng vững chắc và làm
chủ được website của mình. Bạn có thể xem thêm thông tin
của Bình qua địa chỉ http://dangngocbinh.com

CHƯƠNG 2
Phương Pháp
THIẾT KẾ WEB SIÊU
TỐC

Chương 2: Phương Pháp THIẾT KẾ WEB SIÊU
TỐC
Hiện nay có rất nhiều cách để thiết kế website gây ra rắc rối
cho những ai mới học thiết kế Web, bởi vì bạn không biết chọn
phương pháp nào và công cụ nào là tốt nhất, đạt hiệu quả
nhất.
Nhìn chung phương pháp thì chỉ có 3 phương pháp nêu ra
dưới đây, chúng ta sẽ cùng phân tích và chọn một phương
pháp tối ưu và “siêu tốc” nhất nhé!
Có 3 cách để bạn tự thiết kế một website:
1. Dùng dịch vụ trực tuyến: Bloger, WordPress.com, Wix…
Ưu điểm: nhanh gọn, dễ, miễn phí
Nhược điểm: Website đơn giản, không nâng cấp tính
năng, thay đổi được ít và web khá đơn giản
2. Dùng phần mềm CMS: WordPress, Joomla, Magento,
OpenCart…
Ưu điểm: phần mềm miễn phí, tính năng mạnh mẽ, nâng
cấp dễ, làm web nhanh
Nhược điểm: cần có thời gian để học sử dụng, mỗi
CMS chỉ hỗ trợ một vài kiểu website nhất định.
3. Tự lập trình
Dành cho ai có đam mê lập trình, bạn lập trình theo ý
tưởng thiết kế của mình, nhưng ngược lại bạn tốn rất
nhiều thời gian, công sức để học thiết kế và lập trình.
Như vậy theo như những cách trên bạn có thể lựa chọn cho
mình phương pháp phù hợp. Bản thân mình là một lập trình

viên tuy nhiên Bình lại không chọn cách cuối cùng bởi vì nó tốn
quá nhiều thời gian và chi phí.
Mình đã làm WEB bằng cách thứ 3 cũng hơn hai năm trong đó
có học lập trình WordPress, vào sâu mới thấy WordPress kiến
trúc thật tốt, dễ mở rộng và phát triển. Tất nhiên nếu không có
chuyên môn lập trình thì Bình sẽ không khuyên bạn làm theo
cách này.
1. Lựa chọn Phương Pháp Thiết Kế
Mình chọn cách thứ 2 sử dụng các phần mềm CMS
(Content Management System – Hệ Quản Trị Nội Dung) bởi
vì vừa nhanh, vừa dễ tùy biến website theo ý của mình
muốn.
Trong cuốn sách này mình sẽ hướng dẫn bạn cách thứ 2 để
làm website. Như đã nói cách 2 phải cần thời gian học sử dụng
phần mềm và vì thế nên chúng ta phải sử dụng phần mềm tốt
nhất, mạnh nhất nhưng phải dễ nhất. Phần mềm đó là gì sẽ
được tiết lộ ở phần sau.
2. Chọn công cụ tốt nhất – Chọn WordPress
Chắc bạn cũng biết Bình đang giới thiệu cho bạn phần mềm
nào rồi phải không? Đó chính là WordPress phần mềm thiết kế
website miễn phí, mạnh mẽ, sử dụng rộng rãi trên thế giới.
Theo thống kê cứ trung bình 6 website trên thế giới thì có 1
website được làm từ WordPress. Đó là lý do tại sao cuốn sách
này lại đề cập tới WordPress.

WordPress được phát triển vào năm 2003 với nền tảng để viết
Blog, nhưng nó đã phát triển nhanh chóng để trở thành một
CMS (Content Management System) thật sự.
Sức mạnh nó nằm ở cộng đồng với tiêu chí “WordPress phát
triển do cộng đồng, và WordPress phát triển vì cộng đồng”, từ
cộng đồng đó rất nhiều những đóng góp xây dựng tạo cho
WordPress một kho những tài nguyên hữu ích miễn phí tuyệt
vời. Bạn dễ dàng làm một website dựa trên những đóng góp
sẵn có này, chỉ việc cài và xài và biến nó trở thành của bạn.
Giao diện hay WordPress gọi là Theme thật sự là rất nhiều,
bạn chỉ việc chọn mẫu nào ưa thích để sử dụng, rất nhiều mẫu
đẹp và chuyên nghiệp cho phép bạn thay đổi và chỉnh sửa
được rất nhiều. Lúc Bình viết cuốn sách này Theme miễn phí
của WordPress đã tăng tới gần 4000 Theme miễn phí và 7700
Theme có phí cực kỳ đẹp và chuyên nghiệp.
Theme có phí tầm giá từ 30 – 60$ một cái giá cũng hơi cao so
với bình quân chúng ta, nhưng nó hoàn toàn xứng với đồng
tiền bát gạo bạn bỏ ra. Theme có phí có cái giá và nhiều ưu
điểm riêng của nó, chúng ta sẽ cùng nhau tìm hiểu ở phần sau.
Theme cho phép bạn thay đổi giao diện Website đẹp và chuyên
nghiệp thì Plugin cho phép website bạn mở rộng thêm tính
năng và mạnh mẽ hơn. Chẳng hạn website bạn chưa có chức
năng giỏ hàng, thì cài plugin vào website bạn sẽ có tính năng

đó. Với 47,000 plugin bạn hoàn toàn có thể tạo ra một Website
riêng hoàn toàn chuyên nghiệp.
3. Vì sao chọn WordPress?
Hiện nay có rất nhiều phần mềm làm Website khác nhau tuy
nhiên mỗi loại phần mềm lại áp dụng để làm website có những
tính năng riêng. Chẳng hạn như xây dựng trang tin tức không
gì tuyệt vời hơn WordPress, làm trang bán hàng có thể sử
dụng OpenCart, Magento, PrestaShop, làm trang forum thì
Vbulletin, Xenforo …
Ứng với mỗi trường hợp, mỗi loại website khác nhau có những
phần mềm tạo website khác nhau. Nhưng WordPress là phần
mềm làm được hầu hết mọi Website từ tin tức, blog, trang công
ty thương hiệu, tới trang bán hàng, trang thành viên, trang bán
bất động sản, bán ô tô đến các trang rao vặt, forum hoặc thậm
chí là mạng xã hội… cũng có thể làm được với WordPress.

WordPress chiếm ưu thế so với phần mềm khác
Chính vì sự hữu ích, tiện lợi, mạnh mẽ và dễ sử dụng đó mà
trong quyển sách này chúng ta sẽ cùng nhau khám phá và vận
hành WordPress để tạo cho bạn những website vừa đẹp vừa
chuyên nghiệp. Thật tuyệt vời khi chỉ cần học sử dụng một
phần mềm WordPress bạn xây dựng được rất nhiều loại
website cho mình trong tương lai.
WordPress làm được website gì? WordPress nổi tiếng là một
phần mềm xuất bản website khá linh động, sự linh động của nó
được chứng minh qua kho ứng dụng miễn phí khổng lồ mà
chúng ta đang tận hưởng thành quả. Chính vì sự linh động đó
mà chúng ta có thể xây dựng được rất nhiều loại website từ
phần mềm này.
Bạn không cần khả năng học một hiểu mười, nhưng học
WordPress là bạn học một mà làm được mười. Bởi vì bạn có
thể xây dựng rất nhiều loại website khác nhau chỉ duy nhất trên
nền tảng này.

Trong khóa học WordPress của mình, Bình chỉ dẫn cho học
viên làm được 3 websites khác nhau, kết thúc khóa học mỗi
người đều có riêng cho mình những website thành quả. Đây là
môn học thực hành 100% và kết quả có 100% nênkl bạn thực
sự thực hành đầy đủ, đừng bỏ bước.
Vậy WordPress làm được Website 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 …
Chúc mừng bạn đã tiếp cận với một công cụ tuyệt vời. Học một
nhưng làm được “mười”, mạnh mẽ nhất WordPress vẫn là một
công cụ xuất bản nội dung tin tức, WordPress Seo khá tốt và
được dân làm SEO khá ưa chuộng. Các tờ báo lớn như BBC,
New York Time hay đến ông trùm nỗi tiếng trong làng phần
mềm Microsoft cũng sử dụng WordPress. Vậy thì tại sao bạn
lại không?
4. Sự khác biệt WordPress.org và WordPress.com
Người ta hay bị nhầm hoặc không phân biệt được
WordPress.org và WordPress.com. Thật ra WordPress.org là
trang phát triển mã nguồn WordPress mà chúng ta đang sử
dụng làm web, còn WordPress.com là dịch vụ Blog cũng sử
dụng từ mã nguồn từ trang Wordpress.org. Nói một cách dễ

hiệu WordPress.com chỉ là một sản phẩm cụ thể từ mã nguồn
WordPress của trang WordPress.org
Với WordPress.com bạn dễ dàng tạo ra trang Blog không cần
tốn tiền tên miền, hosting tuy nhiên bạn không thể nâng cấp,
cài thêm tính năng cho nó được, đó là điểm hạn chế của
WordPress.com
WordPress.com thích hợp cho blog cá nhân
Còn với WordPress.org chúng có thể tải mã nguồn Wordpress
chỉnh nó tùy thích, thay đổi sửa chữa nó mà không bị hạn chế
gì. Tuy nhiên chúng ta cần phải mua tên miền và hosting,
người ta hay gọi là selfhosting.
Tóm lại: Nếu muốn làm trang Blog miễn phí thì bạn chọn
WordPress.com, đương nhiên là bạn chẳng thể cài và chỉnh
sửa gì thêm. WordPress.org như con ngựa đang chờ bạn giật
dây cương bạn hãy cưỡi nó đi đến nơi nào mà bạn muốn. Bình
rất vui vì chỉ cho bạn “cưỡi con ngựa WordPress” này.

5. Sức mạnh cuốn sách ?
Website là công cụ tuyệt vời để bạn phát triển kinh doanh bởi
sự tiện lợi của nó, hơn hẳn những công cụ Marketing và bán
hàng truyền thống khác. Website cho phép bạn tạo ra cửa
hàng ảo trên mạng nhưng vẫn rất đông “khách hàng thật” ra
vào để mua hàng. Website tiết kiệm rất nhiều chi phí như mặt
bằng hay nhân viên bán hàng.
Nếu học và làm theo cuốn sách này bạn chẳng phải mất một
đồng nào để có Website. Hơn hẳn những cửa hàng truyền
thống thông thường, khách hàng có thể vào xem hàng bất cứ
lúc nào 24/7 vẫn có thể xem và mua hàng, bạn chẳng tốn tiền
cho nhân viên và thuê mặt bằng. Có Website bạn còn tiếp cận
được những kênh Marketing Online đang phát triển mạnh mẽ
và hiệu quả hiện nay như Google, Facebook, Youtube…
Thị trường thiết kế web hiện nay đang rất lộn xộn bạn có thể
thiết kế website từ vài triệu đến vài chục triệu, thậm chí vài trăm
ngàn cũng có thuê làm được một website. Nhưng tiềm ẩn sau
đó là rất nhiều nguy cơ, tiền nào của đó, rất nhiều người đã
phải bỏ đi những website chỉ vì ham rẻ.
Học thiết kế web bạn sẽ tiết kiệm được rất nhiều chi phí,
thường khi kinh doanh online người ta không chỉ tạo một mà
rất nhiều website liên kết lại để phát triển bền vững. Do vậy có
được kĩ năng thiết kế website sẽ giữ lại cho bạn một khoản tiền
tương đối lớn.
Học thiết kế web vô hình chung bạn học và thành thạo luôn
cách quản trị website điều mà rất nhiều người đang sở hữu
website đang đau đầu, họ giao tất cả công việc cho công ty
thiết kế Web, họ không biết cách vận hành, thanh đổi và bảo
dưỡng cho website vì vậy mà hiệu quả kinh doanh online chưa
được cao. Quản trị website tốt đồng nghĩa với Website sẽ hoạt
động hiệu quả cao theo chiến lược của bạn mà không phải lệ
thuộc vào IT.

Có quá nhiều những ưu điểm từ học thiết kế web. Vậy còn
chần chừ gì nữa mà không tạo Website cho riêng mình. Nào
chúng ta hãy cùng bắt đầu.

CHƯƠNG 3
Tên Miền & Hosting

Chương 3: Tên Miền & Hosting
Website = Tên Miền + Máy chủ + Phần mềm web
1. Tên Miền – Domain
Tên miền hay còn gọi là domain là địa chỉ truy cập website.
Khi khách hàng gõ địa chỉ thegioididong.com, vnexpress.net
hay 24h.vn chẳng hạn thì đây chính là tên miền. Để có Website
trước hết bạn phải thuê tên miền cho mình.
Cách chọn tên miền: Ngắn gọn, dễ nhớ, dễ nghe, dễ gõ. Quy
tắc số 1 là vậy
 Cách kiểm tra tên miền
Kiểm tra tên miền để biết có ai đã “xí “ tên miền của bạn chưa ?
các nhà cung cấp tên miền và hosting thường cung cấp trang
để bạn kiểm tra, bạn có thể kiểm tra tên miền ngay :
http://www.matbao.net/Ten-mien/Kiem-tra-ten-mien.aspx
Bạn tiến hành nhập tên miền, sau đó chọn các đuôi tên miền
muốn kiểm tra và nhấn nút Kiểm Tra để xem kết quả.
Kiểm tra tên miền tại http://matbao.net

Bạn sẽ thấy danh sách tên miền với các đuôi tên miền hiện lên,
những tên miền có dấu chéo đỏ là tên miền đã bị người khác
mua, những tên miền màu xanh là tên miền chưa có ai mua và
bạn có thể mua nó để sử dụng cho công việc kinh doanh của
mình.
 Khi tên miền bạn cần đã bị mua
Nếu tên miền bạn chọn đã đăng ký rồi thì sao nhỉ ? hãy thay
đổi nó, dễ nhất bạn có thể thêm từ khóa như « chất lượng »,
« giá rẻ », « hcm », »thegioi », « uytin », «123»… chẳng hạn
như có công ty kia bán điện thoại di động họ kiếm tên miền
didong.com nhưng có ai đã mua rồi nên họ thêm 2 từ nữa vào
tên miền thành thegioididong.com từ đó họ bán điện thoại
online rất chạy và đã lên sàn chứng khoán, giờ đây đi đến đâu
bạn cũng thấy cửa hàng của họ.

 Đuôi tên miền
.com, .net, .org, .vn
Bạn có thắc mắc ý nghĩa đằng sau những tên miền này không?
Mỗi đuôi tên miền đều có ý nghĩa riêng của nó, nổi tiếng nhất là
tên miền .com. Do vậy mỗi khi quyết định mua tên miền chúng
ta nên ưu tiên chọn tên miền này trước. Ngoài ra chúng ta nên
chọn theo ý nghĩa tên miền phù hợp với loại hình website của
mình.
Chẳng hạn:
 .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
Tên miền quốc tế giá rẻ hơn tầm khoảng 200 – 300 ngàn đồng
một năm
Tên miền .vn năm đầu thuê khoảng tầm 900 ngàn đồng, năm
sau chỉ tốn phí duy trì khoảng 450 ngàn đồng một năm.
2. Hosting – Máy chủ
Đó là máy chủ để lưu trữ Website của bạn. Nó quyết định đến
tốc độ truy cập, khả năng lưu trữ và số lượng người có thể truy
cập vào website.

Hosting phức tạp hơn tên miền nhiều bởi nó có nhiều tiêu chí
để lựa chọn như dung lượng lưu trữ, băng thông, số lượng Cơ
Sở Dữ Liệu, số website có thể cài chung trên Host.
Nhưng ngày nay có rất nhiều dịch vụ hosting, tên miền ra đời
bạn có thể dễ dàng chọn mua với giá khá hợp lý. Bạn tham
khảo các yếu tố sau để lựa chọn Hosting cho phù hợp :
- Dung lượng : khả năng lưu trữ thông tin, hình ảnh nhiều
hay ít
- Băng thông : giả sử website bạn như ly nước, người
truy cập mỗi người uống một ít, vào nhiều uống càng
nhiều, ly nước càng vơi. Băng thông hết website sẽ
không truy cập được nữa, băng thông sẽ bị giảm khi có
ai đó truy cập vào website. Dung lượng băng thông tính
theo tháng, cứ mỗi tháng nó lại reset về mức ban đầu.
- Số lượng email : Hosting cung cấp luôn phần mềm
email để gởi và nhận mail tuy nhiên không hiệu quả lắm
nên bạn không cần quan tâm yếu tố này.
- Số lượng cơ sở dữ liệu : MySql hoặc Sql đây là nơi lưu
trữ toàn bộ thông tin của Website, Website cần ít nhất có
một MySql hoặc SQL
- Hệ điều hành : chủ yếu có Linux và Window, Window là
hệ điều hành cho máy tính cá nhân mọi người hay sử
dụng, còn Linux chuyên cho phần mềm server máy chủ
nên khuyên bạn nên chọn Linux
- Addon Domain : Số lượng tên miền có thể thêm vào, số
lượng này tương ứng với số website có thể cài thêm trên
host
- Subdomain : Số lượng tên miền con hỗ trợ, tên miền
con có dạng tinkinhte.baomoi.com, nhiều lúc bạn cũng
cần tên miền con để làm website riêng
Quá nhiều yếu tố như vậy làm sao tôi có thể chọn ? bạn
yên tâm khi mới làm website chắc sẽ rất ít người vào và bạn
chỉ cần mua gói thấp để tiết kiệm chi phí. Hosting có thể nâng

cấp lên bất cứ lúc nào, nên chẳng cần mua gói Hosting lớn để
tốn nhiều chi phí lúc ban đầu.
Đồng thời kinh nghiệm của mình nên chọn mua hosting uy tín
chất lượng, không nên ham rẻ rồi để Website lúc sống, lúc chết
truy cập chậm chạp, dịch vụ phục vụ chậm chạp. Các dịch vụ
Hosting mình sử dụng qua như Mắt Bảo, PA Việt Nam,
VinaHost đều là những nhà cung cấp lâu đời và uy tín.
 Nên mua ở Việt Nam hay nước ngoài ?
Hiện nay cũng có rất nhiều người mua Hosting nước ngoài,
theo mình thấy Hosting nước ngoài ổn định, chuyên nghiệp và
bảo mật hơn , hay đưa ra chương trình khuyến mãi. Tuy nhiên
bạn cần thanh toán quốc tế qua thẻ Visa, Master Card hay
Paypal. Việc hỗ trợ cũng khó hơn nếu bạn không biết tiếng
Anh. Còn mức giá thì ở Việt Nam hay nước ngoài đều ngang
ngang, không quá chênh lệch.

 Mua Tên Miền Hosting với giá tốt nhất
Ngày nay đang có cuộc chạy đua khốc liệt của các nhà cung
cấp dịch vụ tên miền hosting. Chúng ta hưởng lợi từ việc này
bởi chi phí sẽ thấp lại rất nhiều việc đầu tư cho một website
hiện giờ khá rẻ.
Nếu bạn lên trực tiếp website để mua bạn có thể cảm thấy giá
cả có vẻ ổn, nhưng kinh nghiệm của mình là hãy kiếm những
mã giảm giá, những chương trình ưu đãi mà web nhà cung cấp
không đưa lên bạn sẽ có một mức giá hời.
Ở trang tuhoclamweb.com Bình luôn cập nhật những chương
trình giảm giá và ưu đãi tuyệt vời này cho những ai đang cần
mua Hosting và tên miền ở mức giá tốt nhất. Để tham khảo giá
và các chương trình giảm giá hiện nay của các nhà dịch vụ bạn
truy cập vào http://tuhoclamweb.com/coupon-hosting-24h/
 Phần mềm Hosting
Trên thị trường hiện nay đang chạy hai loại phần mềm chính
giúp bạn quản lý Hosting đó là Cpanel và Direct Admin. Về
tính năng hai phần mềm này cũng khá giống nhau, tuy nhiên
Cpanel được ưa chuộng và dùng nhiều hơn do nhiều tính năng
và giao diện dễ dùng hơn.
Thiết kế Web Siêu Tốc trên WordPress bạn không cần tốn
nhiều thời gian sử dụng và quản trị Hosting vì bạn chỉ cần nó
để cài WordPress là xong. Phần lớn thời gian chúng ta sẽ làm
việc trực tiếp trên WordPress. Dưới đây là giao diện của 2 loại
phần mềm Hosting thông dụng để bạn lựa chọn.
Phần mềm CPanel

Phần mềm Direct Admin
 Sau khi mua tên miền và Hosting
Sau khi mua xong bên cung cấp dịch vụ sẽ gởi bạn email về
thông tin tài khoản quản trị tên miền và hosting, hãy lưu giữ lại
thông tin này để sử dụng trong quá trình xây dựng website.

Chú ý là email gởi về sau khi mua Hosting sẽ có nhiều thông tin
tài khoản. Nhưng chúng ta chỉ cần tài khoản Control Panel
Admin để quản trị Hosting qua website. Mà công việc chính khi
thiết kế website WordPress chỉ là cài WordPress.

 Tên miền và Hosting Free
Không nên xài dịch vụ miễn phí này cho việc kinh doanh, đây là
cách tiết kiệm hoàn toàn sai lầm.
Nhưng bạn có thể sử dụng để học và nghiên cứu về làm
Website với WordPress. Bạn có thể Google để tìm một số dịch
vụ cung cấp miễn phí, hoặc tham khảo Hostinger Hoặc VHost
để đăng ký host Free.
3. Tóm lược cách chọn mua Tên Miền & Hosting
Như vậy để có Website điều đầu tiên chúng ta cần làm là thuê
tên miền và Hosting. Ở phần trên Bình đã chia sẻ cho các bạn
cách chọn tên miền và Hosting, Bình xin tóm lược gọn lại để
bạn dễ nắm ý.
 Tên miền: chọn ngắn gọn, dễ nhớ, dễ nghe và gõ lại. Ưu
tiên .com trước nhất, sau đó tới .vn
 Hosting: chọn gói nhỏ để tiết kiệm chi phí, sau này có thể
nâng cấp lên dễ dàng
 Nên mua tên miền và hosting tại một nhà cung cấp để
quản lý dễ dàng hơn.
 Nên mua Hosting hỗ trợ cài WordPress tự động
4. Tên miền và Hosting để thực hành
Chắc chắn nếu bạn mới làm website bạn sẽ chưa có mua tên
miền và hosting để thực hành. Do vậy Bình đã xây dựng sẵn
Hosting và tên miền, dựa vào đó bạn có thể thực hành ngay
mà không tốn tiền mua domain hosting. Thông tin tài khoản
domain và hosting được gởi qua mail cho tất cả độc giả.

CHƯƠNG 4
Cài Đặt
WordPress

Chương 4: Cài Đặt WordPress
Bình sắp chia sẻ một công thức làm website, công thức này đã
giúp cho rất nhiều học viên của Bình có thể tự tin làm được
Website bởi vì nó khá rõ ràng và dễ thực hiện.
Tuy nhiên trước khi áp dụng công thức này thì chúng ta cần cài
WordPress lên hosting trước đã.
1. Cài đặt WordPress
Có 2 cách để cài WordPress :
- Cài tự động:
Hosting phải hỗ trợ, cài rất nhanh chỉ cần điền vài thông
tin và một cú Click là xong. Mình khuyên bạn nên cài
cách này để tiết kiệm thời gian và đỡ rắc rối. Cài xong
chưa đầy 1 phút.
- Cài thủ công: Nhiều bước khá rắc rối và tốn thời gian.
Vì cuốn sách này là phương pháp thiết kế website siêu
tốc nên sẽ không hướng dẫn bạn cài đặt thủ công giúp
bạn tiết kiệm được nhiều thời gian và đỡ rắc rối. Chúng
ta sẽ lựa chọn phương pháp nhanh nhất và thông minh
nhất.
Lưu ý: Đa số Hosting ở Việt Nam chưa hỗ trợ cài tự động kể cả
một số dịch vụ lâu năm. Do vậy khi mua host phải hỏi chính xác
là Host có hỗ trợ cài WordPress tự động không? Nếu có thì hãy
mua nó để mọi chuyện với WordPress trở nên đơn giản hơn.
Còn một cách nữa là khi mua host bạn có thể nhờ dịch vụ họ
cài miễn phí WordPress cho mình. Tuy nhiên chỉ miễn phí lần
đầu, lần sau nhờ thì tùy vào tài thương lượng đàm phán của
bạn. Tốt nhất nên chọn một Hosting hỗ trợ tính năng cài
WordPress tự động để có thể chủ động cài khi cần.

2. Cài WordPress Tự động
Để cài tự động Hosting phải hỗ trợ, hiện nay đa số Hosting Việt
Nam vẫn ít hỗ trợ cài tự động, chỉ một số ít như Vhost có hỗ trợ
bạn việc này.
Để cài WordPress theo phương pháp tự động bạn làm theo
hướng dẫn sau:
Truy cập vào tài khoản Hosting (được email bởi dịch vụ cung
cấp host). Email dịch vụ Hosting bạn nhận được sẻ có tài
khoản tới Control Panel để bạn cài đặt WordPress. Bạn tiến
hành truy cập vào
Minh họa thông tin Hosting được cung cấp

Màn hình đăng nhập quản trị Hosting
Bạn sẻ thấy màn hình quản trị Hosting với rất nhiều tính năng,
đừng lo lắng chúng ta không phải tốn thời gian với chúng.
Chọn chức năng cài tự động qua phần mềm Softaculous Auto
Installer

Biểu tượng chương trình cài WordPress tự động
Một số Host để sẵn cả biểu tượng cài đặt WordPress ra màn
hình quản trị Hosting như thế này. Bạn có thể cài nhanh ở đây,
hoặc cài bằng cách chọn Softaculous như trên.
Các công cụ này thường hỗ trợ cài nhiều loại website khác, ở
đây chúng ta sẽ chọn WordPress để cài

Màn hình cài đặt WordPress hiện ra, bạn chọn Tab Install để
điền thông tin cài đặt.

Tiến hành nhập các thông tin:
Thống Số Ý Nghĩa & Giá Trị Cần Nhập
Protocol
Bạn nên chọn Http
(Https dành cho website bảo mật cao khi
giao dịch Online, chúng ta chưa cần bảo
mật ở mức này)
Choose Domain Bạn có thể chọn tên miền có www trước
hoặc không có www. Nếu tên miền bạn dài
thì không nên chọn có www
In Directory Bạn nên xóa trống.
Chỉ nhập khi làm website con ( nếu bạn
muốn làm website con, chẳng hạn nhập:
site1 vào In Directory thì website truy cập
sẽ có link như sau www.domain-cua-
ban.com/site1)
Table Prefix Để tăng cường bảo mật cho website bạn
có thể nhập vài ba kí tự chữ hoặc để mặc
định.

Site name Tên website của bạn, sẽ hiện thị ra ngoài
website trên phần đầu của Website
Site Description Mô tả website, giống như một câu Sologan
thương hiệu
Enable Multisite Nên để trống, chức năng này cho phép tạo
nhiều website trong WordPress
Admin Account Bạn nhập thông tin đăng nhập quản trị
website, đây là tài khoản bạn sẽ sử dụng
xuyên suốt để quản lý website của mình
nên hãy nhập cẩn thận và lưu giữ lại nhé.
Các thông tin khác bạn để mặc định. Cuối
cùng bạn nhấn Install vậy là quá trình cài
đặt đã hoàn tất
Màn hình báo cài đặt thành công xuất hiện cùng 2 đường Link
truy cập website, Link tới phần quản trị admin của website.

Website đầu tiên sẽ tựa như thế này, giống như một tờ giấy
trắng chưa có thông tin gì cả. Nhưng hãy yên tâm chỉ một vài
bước nữa thôi bạn sẽ biến nó thành trang web mà bạn bè và
người thân sẽ trầm trồ khen ngợi.
Giao diện website mặc định của WordPress

3. Cài Đặt WordPress Thủ Công
Tuy tiện lợi và nhanh chóng tuy nhiên cách cài đặt WordPress
tự động lại thường thiếu trên các Hosting ở Việt Nam.
Dưới đây cung cấp bạn liên kết hướng dẫn cài WordPress thủ
công để bạn tham khảo thêm.
https://youtu.be/M0gn76qKZh8

CHƯƠNG 5
Tạo Website Đầu Tiên
Của Bạn

Chương 5: Tạo Trang Web đầu tiên của bạn
Chúng ta sẽ cùng nhau thực hiện website với quy trình 4S,
công thức mà Bình đã chia sẻ với bạn ở phần đầu cuốn sách.
Nếu bạn chưa biết phải bắt đầu từ đâu thì công thức này sẽ
như la bàn chỉ hướng cho bạn.
Bình sẽ hướng dẫn bạn đi tạo một trang tin tức trên
WordPress, từ trên nền tảng đó Bình sẽ chia sẻ thêm bạn cách
biến Wordpress thành trang bán hàng, thành một trang công ty
đẹp chuyên nghiệp hay một trang web với thể loại bất kỳ dựa
trên khả năng tùy biến cao của WordPress.
Trong quá trình làm Bình sẽ hướng dẫn bạn từng bước, ứng
với mỗi bước chúng ta sẽ được học một điều mới thú vị từ
WordPress, cứ như vậy từ từ bạn sẽ hiểu hết cách tính năng
của nó. Từ đó sau khi đọc hết cuốn sách này bạn sẽ dễ dàng
thay đổi website theo ý thích hoặc học nâng cao lên dễ dàng,
làm nhiều điều mới thú vị hơn từ nền tảng kiến thức trong cuốn
sách này.
Tổng quan về quy trình này rất đơn giản là đi cài đặt giao diện,
chức năng vào website sau đó bạn bắt đầu thiết kế nội dung,
các mục tin tức. Tới bước cuối cùng bạn sẽ thiết kế để chúng
hiện ra ngoài website, chỉnh logo màu sắc bố cục,trình bày các
nội dung bạn đã tạo ra và thiết lập cấu hình để những tính năng
đã cài vào chạy đúng và hiệu quả.
1. Đăng nhập quản trị Website WP-ADMIN:
Bạn cần truy cập vào tài khoản quản trị của WordPress để thiết
kế website. Để truy cập vào quản trị website bạn gõ
tenmien/wp-admin. Ví dụ tuhoclamweb.com/wp-admin

Sau đó nhập tài khoản (đã được tạo lúc cài WordPress) để
đăng nhập
Bạn nhập thông tin đăng nhập sau đó nhấn Login
Màn hình admin sẽ xuất hiện như bên dưới

Hơi lạ lẫm đúng không, không sao từ từ bạn sẽ thấy dần dần
quen thuộc và yêu nó lúc nào không hay.
2. Bước 1: Cài Theme
Website đẹp hay xấu, chuyên nghiệp hay đơn giản là ở bước
này. Theme được ví như bộ áo khoác bên ngoài Website nó
làm cho nội dung và tính năng Website thêm hấp dẫn và thu
hút hơn.
Theme cho phép bố cục hiển thị, chỉnh sửa màu sắc, logo, font
chữ, hiệu ứng …
Có hai loại theme: Miễn Phí và Có Phí
Miễn phí: đơn giản, ít chức năng, ít mục để thay đổi. Bạn có
thể lựa chọn Theme miễn phí tại https://wordpress.org/themes/
Nói vậy không có nghĩa là Theme miễn phí xấu, có nhiều
theme miễn phí khá đẹp tuy nhiên Theme có phí sẽ tốt hơn rất
nhiều.

Nơi tìm & tải Theme miễn phí (wordpress.org/themes)
Có phí: đẹp, chuyên nghiệp, cấu hình tùy biến nhiều. Nơi nổi
tiếng nhất mua Theme là trang http://themeforest.net, ở đây
bạn có thể lựa chọn theme với giá từ 30 – 60$. Thiết kế khá
đẹp và chuyên nghiệp. Điều quan trọng trong Theme có phí là
nó cho bạn thay đổi và tùy biến được nhiều.

Đây là công đoạn khá quan trọng, bạn có thể lựa chọn giao
diện theo tông màu phù hợp, bố cục website, thể loại giao diện
(tin tức, bán hàng, công ty…), khả năng thay đổi (màu sắc, bố
cục, font chữ…). Khá quan trọng bởi vì nếu chọn giao diện
không tốt, bạn sẽ tốn công đổi lại giao diện, phải đi chỉnh lại
nhiều thứ khá mất thời gian.
Chúc bạn chọn cho mình một Theme vừa ý nhất nhé.
Trong cuốn sách này chúng ta sẽ sử dụng Theme miễn phí để
làm Theme này là Theme HueMan một theme miễn phí khá
đẹp và chuyên nghiệp.

Theme HueMan sẽ được sử dụng
 Tiến hành cài Theme
Ở trang quản trị website bạn truy cập vào Appearance 
Theme
Lúc này màn hình sẽ hiển thị những Theme đã được cài vào
Website và Theme nào đang được sử dụng
Để cài Theme mới bạn click vào Add New (trên cùng)

Màn hình xuất hiện ra danh sách những Theme miễn phí có
sẵn. Ở đây bạn có thể tìm và chọn theo nhiều tiêu chỉ Nổi Bật
(Featured), Phổ Biến (Popular), Mới Nhất(Latest). Ngoài ra bạn
còn có thể lọc theo màu sắc, bố cụ và một số thông tin khác
liên quan đến Theme bằng cách nhấn vào Feartured Filter.
Có hai cách cài Theme, cài Theme có sẵn miễn phí trên
WordPress.org và cài theme bằng cách Upload Theme lên. Ở

đây HueMan là theme free nên chúng ta có thể search từ khóa
này trong phần tìm kiếm
Bạn có thể nhấn Preview để xem trước giao diện demo, tuy
nhiên các theme miễn phí thường demo rất sơ xài nên bạn
không hình dung hết được giao diện nó như thế nào. Bạn có
thể xem qua hình đại diện hoặc search tên theme trên Google
để có thêm thông tin.

Bạn nhấn nút Install để cài đặt
Sau khi cài Theme xong màn hình sẽ xuất hiện thông báo bạn
nhấn Active để kích hoạt Theme sử dụng

Như vậy chúng ta đã hoàn thành xong bước thứ nhất cài
Theme.
 Cài Theme bằng cách Upload Theme

Những thêm miễn phí trên WordPress.org bạn chỉ cần search
trong admin là cài được. Tuy nhiên những Theme có phí hoặc
không có trên kho sẵn có của WordPress thì chúng ta phải cài
bằng cách Upload Theme lên.
Trong màn hình Add New Theme
Bạn chọn nút Upload Theme để tải Theme lên
Ở đây bạn chọn tập tin Theme đã tải về máy để upload lên.
Sau khi upload lên xong, bạn Active để kích hoạt như cách cài
bình thường.

 Giao diện Mobile cho di động thì sao?
Tin mừng là hầu hết Theme của WordPress đa số đều hỗ trợ
cho di động nên bạn không cần quá lo lắng. Đặc biệt các
Theme có phí hỗ trợ rất tốt và chuyên nghiệp cho di động, khi
hiển thị trên các thiết bị mobile này cho ra màn hình rất gọn đẹp
và rõ ràng.
Bạn có thể kiểm tra tương thích trước khi chọn Theme bằng
cách dùng điện thoại hoặc Tablet của mình truy cập vào trang
web demo của giao diện (hầu hết các theme đều có trang mẫu
đễ khách hàng xem).
Hoặc bạn cũng có thể co màn hình trình duyệt lại, Website sẽ
tự động căn chỉnh lại trong giống như giao diện trên di động

3. Bước 2: Cài Plugin
Khi cài Wordpress xong bạn có được một website như một
trang Blog rất đơn giản. Để tăng thêm tích năng hay muốn

chuyển website blog thành trang bán hàng, trang công ty chúng
ta sẽ cài đặt theme các Plugin. Giống như các ứng dụng trên
điện thoại SmartPhone, Plugin giúp cho Website bạn thêm
nhiều các chức năng, ứng dụng.
Chẳng hạn như bạn muốn có tính năng hiển thị bản đồ bạn có
thể cài Plugin Easy Google Map, bạn cần chat trực tiếp trên
website với khách hàng bạn cài Plugin Tidio Chat. Với
WordPress hầu như mọi thứ bạn cần đề có Plugin sẵn có, điều
tuyệt vời là hầu hết đều miễn phí. Những Plugin vừa nêu ra sẽ
được hướng dẫn ở phần sau, Bình sẽ vén màn cho bạn thấy
sự thú vị của Plugin nhé.
Tích hợp live chat trên website
Plugin cũng như theme gồm miễn phí và có phí. Plugin có phí
nhiều tính năng hơn, dễ dùng hơn.

 Cách Tìm Plugin
Bạn có thể search trên Google với từ khóa dạng “[tính năng] +
plugin”. Sẽ có rất nhiều kết quả cho bạn.
Chẳng hạn bạn muốn tính năng thương mại điện tử cho
WordPress bạn search từ khóa “ecommerce plugin”. Bạn muốn
làm một form điền thông tin Wordpress thì tìm từ “form
plugin”…
Minh họa cách tìm Plugin
Giả sử như bạn cần tìm Plugin về tạo banner chạy dọc hai
bên website. Bạn tìm như thế nào ?
Gợi ý từ khóa dành cho bạn là “plugin banner hai bên” hay
“Float Left Right Advertising plugin”.
Có rất nhiều website chia sẻ về các Plugin WordPress tìm kiếm
bạn sẽ dễ dàng chọn ra Plugin mà mình cần. Bạn cần xem mô

tả, hình ảnh minh họa xem có đúng như yêu cầu của bạn
không?
Với các Plugin miễn phí từ trang wordpress.org bạn có thể xem
được đánh giá, lược cài đặt, hình ảnh minh hoạt, hướng dẫn
cài để quyết định chọn lựa Plugin phù hợp.
Hình trên mô tả cho Plugin Image Widget, trước hết bạn nên
đọc mô tả ở phần Description để rõ về các tính năng mà
Plugin hỗ trợ. Sau đó xem các đánh giá plugin này có nên dùng
không, lượng đánh giá càng cao thì thường plugin đó khá tốt
và hữu dụng.
Ngoài ra ngày cập nhật gần nhất (Last Updated) cũng khá quan
trọng, bởi vì WordPress cập nhật thường xuyên các plugin ít
cập nhật sẽ bị lỗi thời dễ sinh ra lỗi.
Phần Installation hướng dẫn bạn cái đặt và sử dụng
Screenshots, “trăm nghe không bằng một thấy”, bạn click vào
đây là biết ngay plugin làm được gì như thế nào đỡ tốn nhiều
thời gian phải đọc mô tả.

Với Plugin có phí thường sẽ có trang riêng để mô tả đầy đủ và
chi tiết như vậy.
Bạn sẽ rất bất ngờ vì có rất nhiều plugin giúp công việc của
bạn dễ dàng và nhẹ nhàng hơn bao giờ hết. Hầu hết là miễn
phí, thật tuyệt vời vì thế giới này lại có một phần mềm hữu ích
đến như vậy đó là lý do Bình mang đến cho bạn cuốn sách
này.
 Cách Cài Plugin
Mình sẽ hướng dẫn bạn cài một Plugi trước, sau đó sẽ cho bạn
danh sách Plugin cần cài để bạn áp dụng cài thêm vào cho
website nhé.
Đâu tiên chúng ta sẽ đi cài Image Widget: Plugin giúp bạn có
thể đưa hình ảnh bên trái hoặc phải website
Bạn chọn Menu Plugin màn hình sẽ hiển thị ra danh sách các
Plugin đã được cài
Bạn sẽ thấy ở đây có 2 Plugin đã được cài sẵn nhưng chưa
được kích hoạt đó là Akismet (Chống spam website) và Hello
dolly (Plugin ví dụ). Cả hai đều ở chế độ Deactive, nghĩa là
không được kích hoạt để chạy. Sau này bạn các Plugin vào
bạn muốn Plugin chạy thì bạn phải Active Plugin, bạn muốn
không muốn nó chạy nữa thì bạn hãy Deactive nó trong danh
sách Plugin đã cài.
Tiếp theo bạn nhấn nút Add New để cài

Với các Plugin miễn phí có sẵn trên Wordpress.org bạn có thể
gõ trực tiếp để tìm và cài ở đây. Những plugin khác bạn chọn
tính năng Upload Plugin để cài.
Vì Image Widget là plugin free nên chúng ta có thể tìm và cài
ở màn hình này

Bạn nhấn Install để cài plugin
Ở đây bạn có thể xem thông tin của các Plugin bằng cách xem
đánh giá, số lượng người đang sử dụng, ngày cập nhật gần
nhất. Để chi tiết hơn bạn có thể bấm vào More Detail sẽ có rất
nhiều thông tin hữu ích cho bạn. Những thông tin này giúp bạn
có nên hay không cài Plugin đó vào website (ở phần hướng
dẫn chọn plugin)
Sau khi cài xong màn hình sẽ thông báo, bạn nhấn Active để
kích hoạt Plugin lên

Lưu ý: Chúng ta có thể Deactive Plugin khi không cần sử dụng
Plugin đó nữa
 Vọc Plugin Live Chat
Có một tính năng rất thú vị đó là tính năng live chat trên
website. Ngồi trên máy tính bạn có thể biết được những ai
đang vào website mình, đang đọc nội dung gì và đương nhiên
là bạn có thể trò chuyện cùng họ trên website.
Công cụ này thường được ứng dụng để tư vấn khách hàng, hổ
trợ online giúp việc mua hàng được diễn ra được thuận lợi
hơn.
Hướng dẫn sau sẽ giúp bạn trải nghiệm tính năng thú vị này
bằng Plugin Tidio Chat nhé.

Đầu tiên hãy áp dụng cách cài plugin vừa học ở trên để cài đặt
Plugin Tidio Chat.
Cài Plugin Tidio Chat
Cài xong nhớ nhấn Active để kích hoạt Plugin này nhé.
Bạn sẽ thấy Menu Tidio Chat xuất hiện bên thanh trái. Bấm
vào đấy, sau đó bạn bấm tiếp vào nút Intergrate With
YourSite để tích hợp

Giờ thì bạn bấm vào nút Go To Panel để vào website chat nhé.

Lần đầu tiên sử dụng bạn cấu hình một số thông tin nhé. Đầu
tiên là tên người tư vấn. Điền xong bạn nhấn nút Get Started
để bắt đầu.
Bước này bạn chọn màu hộp chat, hình người chat (bạn có thể
upload hình của mình lên), cuối cùng bạn nhấn nút Next Step
nhé.

Bước cuối cùng bạn click vào nút trên nhé. Như vậy là xong rồi
đấy, giờ thì bạn có thể chat với khách hàng trên website của
mình rồi!
Làm sao để kiểm tra và chat thử nhỉ?.
Đơn giản giờ bạn “giả vờ” là khách hàng, bạn vào website của
mình nhé.

Ô kìa có ai đó đang hiện góc phải của website, hình như là
khung chat. Bạn click vào nhé, sẽ bung ra hộp để chat. Hãy gõ
câu “hi!” chẵn hạn.
Lúc này trở lại website chat lúc nảy. Bạn sẽ thấy có một tin
nhắn mới với âm thanh “tin tin” được phát ra.

Bạn bấm vào Visitors, bạn thấy có một tin nhắn, bạn bấm để
mở tin nhắn này ra.
Bạn có thể lê thê đôi dòng để kiểm nghiệm nhé. Rất là thú vị.
Như vậy mới chỉ một chút thôi mà bạn đã tích hợp được một
tính năng cực kỳ hữu ích cho website của mình. Plugin này chỉ

là một plugin trong nhiều plugin dùng để chat online, và nó
không phải là plugin tốt nhất.
Plugin tốt hơn, nhiều tính năng thú vị hơn, có cả tiếng việt, ứng
dụng chat trên di động đó là TawkTo. Điểm vượt trội của plugin
này là hoàn toàn đầy đủ mọi tính năng mà vẫn miễn phí hoàn
toàn, hiện nay rất nhiều công ty lớn đang sử dụng.
Bạn có thể tham khảo cách tích hợp plugin theo link sau:
http://bit.ly/2eb8KR9
Đương nhiên Tidio Chat dễ tích hợp nên Bình áp dụng làm ví
dụ cho bạn dễ hiểu.
 Cài Plugin bằng cách Upload
Tương tự như Theme, Plugin có phí hoặc không có trên hệ
thống của WordPress.org sẽ phải cài bằng cách Upload. Trong
màn hình Add Plugin bạn chọn Upload Plugin

Sau khi nhấn Upload một màn hình hiển thị để bạn chọn file
Plugin xuất hiện. Bạn nhấn Chọn tệp và sau đó nhấn Install
Now
Chú ý: Plugin cũng như Theme sẻ có Plugin miễn phí và có
phí, hầu hết các Plugin miễn phí đều có thể tìm và cài trực tiếp
trong phần quản trị của website. Còn những Plugin có phí bạn
phải sử dụng tính năng Upload Plugin trong màn hình cài đặt.

 Danh sách Plugin cần cài
Bạn áp dụng cách cài Plugin vừa rồi để cài các Plugin free bên
dưới, đây chỉ là một số Plugin để minh hoạ, sau này tùy tính
huống cụ thể mà bạn quyết định chọn sử dụng Plugin nào.
Bạn hãy cứ cài tất cả Plugin này vào. Bạn có thể sẽ chưa
thấy chúng có tác dụng gì hay hiển thị ra ở bên ngoài. Việc
sử dụng các Plugin này sẽ được thực hiện ở bước 4.

Black Studio TinyMCE Widget
Widget hỗ trợ soạn html
Facebook Page Plugin
tích hợp facebook fan page vào website
Ninja Forms
tạo form liên hệ, đăng ký
Simple Social Icons
biểu tương liên kết mạng xã hội
Google Maps Easy
chèn bản đồ vào website
UpPrev
hiển thị bài viết liên quan

4. Bước 3: Làm cấu trúc nội dung
Website bạn gồm những chuyên mục gì, chia sẻ thông tin nào,
có những trang nào.
Nội dung là một phần của linh hồn website, hiểu được và
quản trị tốt nội dung sẽ giúp bạn thu hút được một lượng
lớn truy cập vào website.
Quản trị nội dung trên WordPress gồm 4 tính năng cơ bản
gồm: Post / Page/ Category/ Tag
Post: là bài viết thường dùng để đăng tải tin tức, chia sẻ kiến
thức, được gom nhóm theo một chủ đề nào đó.
Category: có thể gọi là chuyên mục, để gom nhóm các bài viết.
Chẳng hạn VnExpress có các chuyên mục như kinh tế, văn
hóa, giáo dục …
Tag: có thể gọi là từ khóa, thẻ từ khóa. Tương tự như category
để gom nhóm bài viết, tuy nhiên với những bài viết riêng sẽ đề
cập đến từ khóa khác nhau mà category không có. Lúc đó
chúng ta có thể gõ thêm tag vào.
Page: Page khá giống Post tuy nhiên Page lại không có gom
nhóm theo Category như Post. Do vậy Page đường dùng để
đăng những thông tin không cần phân loại, các trang đơn
không phân nhóm như nội dung Giới Thiệu, Liên Hệ, Hướng
Dẫn Mua Hàng, Chính Sách..
Tidio Chat
chat trực tiếp với khách hàng trên
web

Để minh hoạ cho Website tin tức chúng ta sẽ tạo Category,
Post, Tag và các Page theo hướng dẫn sau
 Hướng dẫn tạo chuyên mục Category
Giả sử chúng ta cần tạo các chuyên mục như vậy cho Website
chúng ta sẽ tiến hành như sau:
- Kinh Tế
- Giáo dục
- Văn Hóa
- Giải trí
o Du Lịch
o Âm Nhạc
Bạn rê chuột vào Menu Post chọn Category lúc này màn hình
sẽ hiển thị mục đăng Category mới và các Category khác đã
tạo ở bên phải

Màn hình xuất hiện giao diện Category, bên trái là mục thêm
Category, còn bên trái là danh sách các Category đã tạo. Mặc
định sẽ có một Category gọi là Uncategorized (chưa phân
mục). Những bài Post nếu không chọn chuyên mục Category
thì mặc định bài Post sẽ được chọn vào Uncategorized.

Để thêm một Category mới bạn Nhập
Category Name: tên chuyên mục category
Category Slug: chuỗi đường dẫn tới chuyên mục ví dụ slug là
‘kinh-te’ thì đường dẫn sẽ là domainabc.com/category/kinh-te.
Bạn có thể để trống, WordPress sẽ tự động lấy tên Category để
tạo Slug cho bạn.
Parent: chuyên mục cha, giả sử chúng ta sẽ tạo Category Âm
Nhạc, chuyên mục này nằm trong mục Giải Trí nghĩa là khi tạo
Category Âm Nhạc bạn phải chọn Parent là Giải Trí.
Description: phần mô tả cho chuyên mục, giới thiệu cho
chuyên mục

Bạn áp dụng cách tạo Category để tạo các chuyên mục trên
nhé. Chúng ta sẽ sử dụng những chuyên mục đó sau này cho
website.
 Hướng dẫn thêm chuyên mục con
Theo như cấu trúc chuyên mục chúng ta phần phía trên có Du
Lịch và Âm Nhạc là hai Category thuộc Category Giải Trí. Khi
thêm hai chuyên mục này bạn chỉ cần chọn mục Parent là Giải
Trí là được.

Kết quả sau khi hoàn tất tạo tất cả các chuyên mục.

 Hướng dẫn tạo Post
Khi đã tạo được các chuyên mục cho Website tiếp tới chúng ta
sẽ tạo một vài bài viết đăng lên. Website sẽ như thế nào nếu
không có tin tức gì nhỉ? Sẽ rất trống trải và xấu đúng không
nào? Đó là lý do chúng ta phải tạo một vài bài viết mẫu trong
quá trình làm Website.
Để tạo Post bạn làm như sau:
Rê chuột vào Menu Post và chọn Add New hoặc bấm vào
Menu Post sau đó nhấn Add New.

Cách thêm một bài viết được minh họa như hình
Mỗi bài viết có một hình đại diện để hiển thị trong danh sách
bài viết, để chọn hình hiển thị bạn chọn Feature Image cho
Post

Màn hình chọn ảnh xuất hiện, ở đây chưa có ảnh bạn có thể
chọn Upload để Up ảnh lên.

Ảnh đã được tải lên bạn nhấn Set Featured Image để gắn làm
ảnh đại diện.
Phần nội dung bài viết bạn có copy ở một website nào đó để
tiết kiệm thời gian. Sau khi website chạy thực tế bạn sẽ đăng
bài mới và tiến hành xóa các bài này đi.
Sau khi soạn xong một bài viết công việc tiếp theo là lưu lại,
nếu bạn chưa muốn đăng bài viết lên website vì đang soạn dỡ,
hoặc một lý do nào đó chưa muốn đăng bạn có thể lưu lại với
tính năng Save Draft (lưu nháp). Hoặc có thể đăng lên ngay
khi click vào nút Publish

Bạn có thể xem trước bài viết trước khi đăng bằng cách chọn
Preview
Hình xem trước bài viết (Preview), bạn sẽ thấy website chưa
đẹp, lỗi font. Đừng lo lắng chúng ta sẽ chỉnh lại ở bước thứ 4
trong quy trình 4S.

Một khi bạn muốn bài viết mình xuất hiện để mọi người có thể
xem hãy nhấn nút Publish để đăng bài.
Ngoài ra WordPress còn hỗ trợ cho bạn tính năng lên lịch đăng
tự động. Có thể bạn muốn đăng bài viết trong thời gian nào để
có hiệu quả hoặc bận việc gì đó không lên đăng được thì đây là
một tính năng rất hữu ích.

Tại khu vực Publish (góc phải trên cùng website) mục Publish
on bạn chọn Edit. Lúc này bạn có thể chọn mốc thời gian tự
động đăng bài post nhấn OK. Nút Publish sẽ chuyển thành nút
Schedule. Bạn Nhấn Schedule để lên lịch đăng cho bài Post.
Chú ý: chúng ta sẽ tạo khoảng 4 bài viết để tạo dữ liệu mẫu
website được đẹp và đầy đủ. Để tiết kiệm thời gian bạn có thể
copy bài viết của trang khác làm demo.
Kết quả sau khi thêm một số bài viết với tính năng Post

’
Bạn để ý rằng WordPress sẽ tạo cho chúng ta một bài viết mẫu
có tiêu đề là Helllo world!, chúng ta nên xóa bài viết này đi bởi
vì chúng ta đã có một số bài viết khác rồi.

Cách xóa bài viết:
Bạn vào danh sách bài viết (Rê chuột vào Menu Posts chọn All
Posts). Sau đó danh sách hiện ra bạn rê chuột vào bài viết cần
xóa ở đây là bài Hello world!
Bạn nhấn Trash để xóa bài viết.
Xóa bài viết như vậy chưa xóa hẳn mà bài viết mới chỉ vào sọt
rát, bạn có thể phục hồi lại được.
Chỉnh sửa bài viết:
Cũng như xóa bài viết nhưng thay vì click vào Trash để xóa
bạn hãy nhấn vào Edit để chỉnh sửa lại bài viết

Cách biên tập nội dung với Editor
Editor là trình soạn thảo nội dung rất mạnh mẽ của WordPress,
bạn sẽ thấy nó khá giống với chương trình soạn thảo văn bản
Microsoft Word. Phần này chia sẻ cho bạn cách sử dụng để
soạn nội dung một cách hiệu quả và chuyên nghiệp.

Chèn hình ảnh:
1. Chọn hình cần chèn (Bạn chọn Upload Files nếu muốn
đưa hình ở máy tính lên)
2. Nhập thông tin cho bức hình (Alt text: từ khóa cần SEO
của hình, Caption phần mô tả thêm về bức hình)
3. Nhấn Insert into post để chèn hình

Một số định dạng thông dụng

Cách chèn link:
Trong lúc viết bài bạn sẽ có nhu cầu chèn link tới các website
khác. Việc chèn link bạn sẽ thực hiện như sau:
Để con nháy vào vị trí bạn muốn chèn link, sau đó Click vào
biểu tượng móc xích như hình dưới.
Màn hình chèn link sẻ hiển thị liên như sau:

Link đã được chèn vào bài viết
Định dạng mở rộng
Mặc định bạn chỉ nhìn thấy một thanh các biểu tượng định
dạng nội dung, nhưng bạn không biết còn có một số biểu
tượng định dạng quan trọng khác đang bị ẩn.

Biểu tượng ẩn gồm các chức năng định dạng tiêu đề, gạch
chân, căn đều, màu chữ, copy paste từ Word, biểu tượng,
thuộc lề…
 Hướng Tạo Page:
Tương tự và dễ tạo hơn Post rất nhiều, chúng ta có thể tạo
Page bằng cách rê chuột và Menu Page chọn Add New

Việc thêm Page khá giống Post nên khá dễ cho bạn thực hiện.
Khi thêm Page chúng ta sẽ có mục gọi là Page Attributes ở
góc phải. Đây là bảng chỉnh các thông tin của trang.
Gồm :
Parent : trang cha để quản lý phân cấp cho các trang
Template : mẫu giao diện trang, tùy theme sẽ có số
lượng và Template khác nhau. Ví dụ như Template Left
Sidebar (cột trái), Template Right Sidebar (cột bên phải),
Template Fullwidth (toàn màn hình, không có cột)
Order : trật tự sắp xếp trước sau trong danh sách các
Page
Một trang website thì ít nhất nên có các Page sau: Giới Thiệu,
Liên Hệ,..
Ngoài ra tùy mục đích trang web bạn có thể tạo các trang khác
như: Cảm nhận khách hàng, Hướng dẫn mua hàng, Tuyển
dụng …
Tương tự bạn tiến hành thêm các Page cần thiết cho trang của
mình nhé. Chúng ta sẽ cần nó cho các bước sau.

Kết quả sau khi thêm các Page cho website. Bạn để ý có trang
Sample Page WordPress đã tạo sẵn cho bạn, và Page
ninja_form_preview_page được tạo tự động khi cài plugin Ninja
Form ở bước 2. Hai trang này bạn có thể xóa đi để gọn gàng
trong quản lý website.
Cách xóa và chỉnh sửa Page hoàn toàn giống so với Post
Tổng kết bước 3:
Ở bước này chúng ta đã thiết kế xong cấu trúc nội dung
website, tạo các chuyên mục bằng tính năng Category, viết 4
bài viết với tính năng Post và tạo một số trang (giới thiệu, liên
hệ) với tính năng Page. Ở bước này đảm bảo rằng bạn đã tạo
đầy đủ nội dung vì ở bước sau chúng ta sẽ cần đưa nó ra
ngoài website. Nếu không có nội dung đầy đủ website bạn sẽ
trống trải và không được cân đối.
 Sao Website chưa hiện ra?

Bạn thắc mắc tại sao bạn tạo rất nhiều thông tin nhưng phía
ngoài website vẫn chưa hiện ra gì cả? Hãy yên tâm vì chúng ta
sẽ đưa dữ liệu ra ở bước tiếp theo.
Nếu làm website như làm một cái bánh thì bạn đang đứng tại
bước chuẩn bị nguyên liệu và nhào bột đấy, bước tiếp theo bạn
sẽ cho chúng ra một cái khuôn thật đẹp mà bạn có thể tô vẽ
thêm thắt cho nó sinh động hơn.
5. Bước 4: Trình Bày & Cấu Hình
Bước 4 này tên ngắn mà làm nhiều, website đã có đầy đủ cả,
nội dung, tính năng việc còn lại trong bước này là đưa nội dung
ra, trình bày sao cho đẹp, đúng bố cục, thêm các tiện ích để
website tiện lợi hơn. Nếu thiết kế website như làm một chiếc
bánh thì giờ đây bạn đã có đầy đủ nguyên liệu, chỉ cần cho nó
vào khuôn thôi.
Quy tắc đơn giản để bạn thiết kế website cho thật đẹp và đúng
là đi từng trang, từ trên xuống dưới đến đâu chúng ta sẽ làm
gọn và đẹp đến đó. Chẳng mấy chốc mà website của bạn biến
thành khu vườn địa đàng, nơi mà ai vào rồi chẳng muốn phải
rời đi.
Đầu tiên hãy bắt đầu từ Trang Chủ. Truy cập vào địa chỉ
website của bạn, trang chủ sẽ xuất hiện, bây giờ nó trông như
nàng lọ lem vậy.
Website đưa đến người dùng thông tin qua các đường liên kết
(Link), do đó trang chủ là một trang hết sức quan trọng vì nó
phải đưa ra link tới bất kỳ nơi đâu trong website. Những đường
link ấy tập hợp lại thành một Menu.

Menu là tập hợp các liên kết
 Tạo Menu cho Website:
Để tạo Menu cho Website bạn vào Apperace  Menu.

Tùy vào mỗi Theme mà sẽ có số lượng cũng như vị trí trình
bày của Menu sẽ khác nhau, có Theme thì chỉ có một Menu
trên cùng, có Theme thì hai tới ba 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).
Chúng ta cùng nhau tạo Menu đầu tiên nhé.
Khi chưa có bất cứ Menu nào được tạo Màn hình sẽ hiện ra để
tạo ngay một Menu, bạn chỉ cần điền tên Menu và nhấn vào nút
Create Menu.
Ở đây chúng ta sẽ tạo Menu trên cùng trước nên chúng ta đặt
tên là Menu Top

Việc đặt tên Menu đúng ý nghĩa của nó, giúp chúng ta dễ quản
lý sau này hơn.
Như nói lúc đầu Menu là tập hơn các Link (liên kết) do vậy
nhiệm vụ chúng ta bây giờ là thêm Link cho Menu sau đó sắp
xếp bố cục lại cho chúng đúng như mục đích của chúng ta.
Ở trên hình bạn sẽ thấy phía bên trái gồm các Link có sẵn, bạn
chỉ việc chọn link tới nội dung mong muốn sau đó nhấn Add To
Menu.

Chẳng hạn chúng ta cần xây một Menu có nội dung như sau:
 Giới Thiệu
 Liên Hệ
 Quảng Cáo
Trong đó Giới Thiệu, Liên Hệ là những Page chúng ta đã tạo,
chúng ta thêm như sau:

Sau khi thêm màn hình phía bên phải Menu Structure sẽ suất
hiện các mục như sau:

Quảng Cáo là link dẫn tới một trang ngoài có link chẳng hạn là
link: http://adv.vnexpress.net để các đối tác có thể vào đây liên
kết quảng cáo. Để tạo được Link bất kỳ như vậy chúng ta dùng
mục Custom Link, bạn bấm mũi tên ở mục Custom Link để
mới hộp nhập nội dung Link.
Hộp thông tin CustomLinks mở ra, bạn nhập URL (link tới trang
web) và phần Link Text (tên của đường link trong Menu)

Lúc này Link quảng cáo đã được thêm vào Menu Top
WordPress thiết kế khá trực quan giúp bạn có thể kéo thả
Menu tới vị trí bạn muốn. Hãy rê chuột vào một Menu sau đó
click vào và bắt đầu rê Menu tới vị trí đúng của nó.
Khi Menu đã được tạo tiếp đến bạn cần chọn vị trí hiển thị cho
nó. Bạn kéo xuống phía dưới có mục Theme Locations. Ở
giao diện này chúng ta có 3 vị trí gồm Topbar (trên cùng),
Header (chính) và Footer.

Chúng ta đang làm menu trên cùng nên hãy chọn là Topbar.
Bây giờ bạn ra website của bạn để xem. Bạn có thể gõ trực
tiếp tên miền hoặc rê chuột vào biểu tượng ngôi nhà góc trái
trên cùng màn hình vào click vào đó.

Chúc mừng bạn đã tạo được Menu đầu tiên của mình.
Bây giờ chúng ta tạo thêm một Menu nữa cho Menu chính nhé.
Tiếp tục bạn bấm vào Appearance chọn Menu

Ở đây do đã có một Menu được tạo trước đó nên bạn click vào
Create new Menu trên đầu màn hình
Bạn tiến hành đặt tên cho Menu chính

Giả sử Menu chính chúng ta cần Menu như sau:
- Trang Chủ
- Kinh Tế
- Giáo dục
- Văn Hóa
- Giải trí
o Du Lịch
o Âm Nhạc
Chúng ta sẽ lần lược thêm vào như lúc tạo menu đầu tiên thôi
nhé. Bây giờ chúng ta tạo trang chủ trước.
Trang chủ nằm mục Page, bạn chọn View All thì sẽ có một đối
tượng là Home. Đó là link trang chủ đấy, bây giờ bạn chọn nó
sau đó nhấn Add To Menu.
Tuy nhiên chúng ta cần chỉnh nó về tiếng Việt để thân thiện
hơn với người xem Website. Bạn rê chuột vào Menu vừa tạo
bấm vào mũi tên sổ ra, sau đó chỉnh lại chữ Home trong mục
Navigation Label thành từ Trang Chủ.

Đến các mục Kinh Tế, Giáo Dục, Văn Hóa, Giải Trí. Đây là các
chuyên mục Category, do vậy bạn sổ hộp Category bên trái
sau đó nhấn View All để hiển tất cả, rồi chọn các mục này sau
đó nhấn Add To Menu

Chúng ta cần tạo thêm 2 menu con gồm Du Lịch và Âm Nhạc
trong chuyên mục Giải Trí.
Chúng ta cũng chọn thêm Du Lịch và Âm Nhạc rồi Add To
Menu tương tự như các chuyên mục kia.

Tuy nhiên sau khi thêm xong chúng ta lần lược chọn và rê các
Menu này vào mục giải trí, sau đó kéo thụt vào bên phải một
xíu để phân cấp thành Menu con.

Kết quả tạo 2 Menu con cho link Menu Giải Trí

Khi đã hoàn thành việc tạo Menu bạn Click chọn vị trí là Header
trong Theme Locations cho Menu. Truy cập vào trang chủ để
xem Menu vừa mới tạo ra.

 Chỉnh sửa Tên Website, Mô Tả Website
Chúng ta thấy hiện tại phần logo đang hiển thị tên Website, tên
này bạn nhập trong quá trình cài WordPress lúc đầu. Vậy làm
thế nào để đổi lại tên, cùng câu mô tả cạnh bên được.
Trước tên Bình hướng dẫn bạn sửa lại tên website. Bạn truy
cập vào Setting  General

Lúc này bạn có thể chỉnh lại tên trong mục Site Title và mô tả
website trong mục Tagline.
Tuy nhiên việc chọn logo hiển thị có lẽ sẽ làm website đẹp và
hấp dẫn hơn, nên chúng ta sẽ thay đổi logo thay cho việc hiển
thị tên Website.
 Cấu Hình Theme

Việc thay đổi logo, màu sắc, bố cục, font chữ, … sẽ tùy theo
từng Theme sẽ thay đổi khác nhau. Theme có phí thì sẽ cho
bạn thay đổi và cấu hình rất nhiều khá thuận tiện, trong khi
Theme miễn phí thì chỉ thay đổi được một số thứ cơ bản.
Theme có phí thường đính kèm tài liệu lúc bạn mua, bạn có thể
theo tài liệu đó thực hiện. Đa số tài liệu này đều để trên Internet
bạn có thể Google tên “Theme + Documentation” ví dụ bạn tìm
tài liệu Theme Sahifa bạn tìm với từ khóa là “Sahifa Theme
Documentation”
Thường các Theme sẽ tạo thêm một Menu Theme Option
trong menu Appearance, những Theme khác có thể tạo một
Menu riêng để chỉnh những thiết kế giao diện này. Do vậy bạn
cần tham khảo tài liệu của Theme trước để biết chổ nào sẽ
giúp bạn thay đổi cấu hình giao diện.
Lưu ý: Như đã nói ở trên mỗi Theme sẽ được thiết kế phần
cấu hình cho Theme đó, do vậy không Theme nào giống
Theme nào, bạn cần phải tham khảo tài liệu hoặc dựa vào các
hướng dẫn của Theme để cấu hình lại giao diện cho đúng.
Cập nhật: Phiên bản Theme Hueman 3.x đã chuyển cấu hình
từ Theme Option qua Customize.

Bạn bấm vào Customize trong Appearance.

Customize là một tính năng có sẵn trong WordPress giúp
chỉnh sửa giao diện trực quan. Bạn cấu hình giao diện bên trái,
bên phải bạn sẽ thấy ngay kết quả thay đổi.
Phía dưới bảng Customize có các biểu tượng thiết bị di động
cho phép bạn xem và kiểm tra trên mọi thiết bị.
 Thay đổi Logo, tiêu đề, biểu tượng website:
Bạn chọn Global Settings  Site Identity
Bạn chọn vào (1) Display a logo … chọn xong bạn sẽ thấy ô
chọn hình cho logo website.
Tiếp đến bạn có thể chỉnh lại tiêu đề trang, mô tả trang ở mục
(3).
Mục (4) Site Icon giúp bạn đổi lại biểu tượng trên website của
mình.

Đừng quên nhấn lưu Save & Publish sau khi chỉnh xong bạn
nhé.
 Thay đổi Font chữ, màu sắc trang:

Bạn bấm nút trở về để truy cập vào màn hình chỉnh sửa khác.
Lúc này bạn vẫn trong màn hình của Global Setting. Bạn chọn
General Design Options.
Mục (1) giúp bạn chỉnh lại font chữ cho website. Mục (2) giúp
bạn chỉnh sửa lại tông màu cho web.

Thủ thuật: vì hầu hết đa số chúng ta đều không chuyên thiết kế
do vậy mà trình độ phối màu có thể nói là vô cùng sáng tạo làm
cho website như bé tập tô. Bình có biết một website có sẵn
những mầu màu đẹp, phối sẵn với nhau bạn chỉ cần tìm và lấy
mã màu rồi sử dụng mà không cần phải suy nghĩ quá nhiều.
Trang này là: colourlovers.com
Giả sử bạn muốn tông màu thể hiện sự happy. Hãy tìm trên
này nhé
 Thay đổi Đầu Trang – Header:
Bạn có thể sử dụng background cho header.

Nếu ở chế độ này thì Logo sẽ không còn hiển thị nữa. Bạn có
thể thiết kế riêng banner có logo cho phần này.
Bạn quay về màn hình chỉnh của Customize. Sau đó chọn
Header.
Mục (1) bạn phải chọn để có thể sử dụng tính năng banner cho
Header.
Mục (2) giúp bạn upload hình mới cho banner.
Mục (3) là những banner có sẵn, nhiều hình rất đẹp.

 Thay đổi Chân trang – Footer:
Trở về màn hình chỉnh của Customize sau đó bạn chọn Footer.
Màn hình cấu hình cho Footer sẽ hiện ra như sau.
Mục (1) giúp bạn cấu hính số cột chân trang, hiện tại là 3 cột.

Mục (2) giúp bạn hiển thị một cái logo dưới phần chân trang.
Mục (3) là dòng copyright của website.
Mục (4) là đoạn credit quảng cáo cho Theme. Tùy lòng hảo tâm
của bạn, nếu bõ chọn thì đoạn giới thiệu sẽ biến mất.
Ngoài ra còn rất nhiều các cấu hình khác, bạn có thể tham
khảo nâng cao thêm.
 Kéo Tiện Ích Widget lên Website
Theme của WordPress được thiết kế để bạn có thể kéo thả dễ
dàng các tiện ích gọi là Widget, Widget có thể giúp bạn hiển thị
danh sách chuyên mục, bài viết mới, hình ảnh, video, thời tiết,
facebook fan page, bản đồ … tất cả những gì bạn muốn đều có
thể kéo để hiển thị ra website.
Bạn có thấy từ Widget này quen quen không? Trong điện thoại
SmartPhone có tính năng này đấy, Widget trong SmartPhone
giúp bạn không cần vào ứng dụng mà vẫn sử dụng chúng bằng
một giao diện đơn giản ở màn hình Home. Bạn có thể chơi
nhạc, chạy ảnh, xem đồng hồ báo thức mà không cần phải vào
ứng dụng.
Bạn hình dung rằng Theme thiết kế ra có một vài vùng trống để
bạn thiết kế các tiện ích lên đó, vùng đó được gọi với cái tên là
Widget Area hay Sidebar.
Các tiện ích kéo lên vùng thiết kế đó được gọi là Widget

Vùng hiển thị Widget sẽ được thiết kế tùy theo Theme, chẳng
hạn có Theme một cột trái, một cột phải, hoặc 2 cột… Bạn có
thể kéo các tiện ích Widget đó vào những vùng cột được thiết
kế sẵn đó. Người ta gọi vùng đó là Sidebar hay Widget Area.
Nào chúng ta cùng biến tấu website theo giai điệu của bạn nhé.
Chúng ta rê chuột vào Appearance chọn Widget. Ở đây bạn sẽ
thấy bên trái là các tiện ích Widget có sẵn, bên phải là các khu
vực Sidebar (Widget Area) để bạn kéo Widget vào. Tùy từng
Theme mà có số lượng và vị trí Sidebar khác nhau.

Hiện tại giao diện chúng ta hỗ trợ các loại bố cục 1 cột, 2 cột.
Để website đỡ phức tạp chúng ta chỉ chọn loại một cột.
Trở về lại giao diện Appreance  Widget. Chẳng hạn chúng
ta thêm các tiện ích như:
 Danh sách chuyên mục (Category Widget)
 Hình ảnh quảng cáo (Image Widget)
 Bài viết mới (Recent Post)
 Facebook Page – tích hợp fanpage lên web (Facebook
Page Widget)
Cách xóa Widget
Bạn sẽ thấy WordPress mặt định đã thêm một số Widget vào
trong Sidebar Primary. Do vậy chúng ta cần xóa những Widget
không cần thiết trước khi thêm Widget mới vào.

Để xóa bạn click chuột vào mỗi tên của Widget cần xóa sau đó
nhấn Delete

Cách Thêm Widget
Thêm Widget Chuyên Mục Bài Viết
Chẳng hạn để thêm chuyên mục bài viết vào cột bên website
chúng ta chọn Widget Category sau đó click vào
Màn hình sổ ra các Sidebar bạn chọn Primary Sidebar
(sidebar chính) sau đó nhấn nút Add Widget.
Ô cấu hình Widget Category sẽ được sổ ra, ở đây bạn cần đặt
lại tên tiêu đề của Category là: Chuyên Mục Tin, sau đó nhấn
Save lại.

Bạn có thể truy cập vào trang chủ và thấy danh sách chuyên
mục hiển thị như thế này

Thêm Widget Hình Ảnh
Tương tự Image Widget để hiển thị hình ảnh quảng cáo bên
Sidebar. Bạn còn nhớ chúng ta đã cài các Plugin gì không?
Chúng ta có cài một Plugin gọi là Image Widget, plugin giúp
đưa hình ảnh ra Sidebar dễ dàng hơn. Bạn tìm chọn Image
Widget và làm như sau
Cách sử dụng Image Widget khá dễ, bạn chỉ cần nhấn Select
an Image để chọn hình

Bạn có thể thêm thông tin tiêu đề (Title), Nhãn (Caption) hoặc
Link cho hình. Sau đó nhấn Save để lưu lại

Thêm Widget bài viết mới - Recent Post
Bạn nên đặt lại tiêu đề tiếng việt ở ô Title để người xem dễ
nắm bắt thông tin. Ô Title bạn nhập Bài Viết Mới. Sau đó nhấn
Save để lưu lại.

Thêm FanPage – Facebook Page
Mạng xã hội ngày nay phát triển khá mạnh, nổi lên nhất vẫn là
Facebook, nó cho phép chúng ta dễ dàng kết nối với nhau,
giúp bạn Marketing sản phẩm và bán hàng. Bình sẽ chỉ bạn
cách tích hợp Facebook Fanpage vào Website một cách rất
dễ dàng.
Bạn nghĩ sao nếu Fanpage Facebook bạn có vài ngàn người
Like được đưa vào website, chắc chắn người xem website sẽ
rất tin tưởng ở bạn. Trong Marketing Online người ta gọi đó là
Social Prof.
Bạn còn nhớ Plugin Facebook Page Plugin chúng ta đã thêm
ở phần cài đặt Plugin không ?. Plugin đó được kích hoạt
(active) sẽ cho chúng ta thêm một Widget gọi là Facebook
Page. Chúng ta sẽ sử dụng nó để đưa Facebook vào website
nhé.

Phần ô Title bạn nhập tiêu đề là Kết Nối Facebook
Page Url : Tức là Link tới Fanpage của bạn (chú ý Fanpage là
trang Facebook, khác với Facebook cá nhân, Fanpage dùng
kết kết nối người chơi Facebook lại theo một nhóm người có
chung sở thích hoặc mong muốn nào đó). Người ta sử dụng
Fanpage để kết nối, chắm sóc khách hàng, hoặc Marketing sản
phẩm.
Bạn nhập các thông tin còn lại như hình để hiển thị đầy đủ các
nội dung của Fanpage

Như vậy chúng ta đã thêm một số Widget vào Website, bây giờ
bạn có thể xem thành quả của mình qua trang web như vậy :

Footer Sidebar
Thường các website phía cuối hay có những tiện ích để người
xem website có thể tương tác ví dụ như thông tin liên hệ, các
liên kết menu, form nhận thông tin …

Theme Hueman cũng hỗ trợ các Sidebar như vậy nhưng mặc
định thì tắt đi, bạn có thể chọn lại qua Theme Option chọn
Footer sau đó chỉnh mục Footer Widget Columns. Bạn có thể
chọn số lượng cột cho Widget, thường là 3 cột.

Sau khi chỉnh xong bạn quay về màn hình Widget (Apearance
 Widget) bạn sẽ thấy các Sidebar footer xuất hiện như vậy
Theme Widget Custom Menu
Giả sử Footer 1 chúng ta thêm tính năng Menu bằng Widget
Custom Menu, với Widget này chúng ta sẽ dễ dàng đưa ra
Menu mà chúng ta đã thiết kế trong tính năng Appearance
Menu.

Thêm Widget Search
Footer 2 thêm Ô Tìm Kiếm (Widget Search), và những Bình
Luận Mới (Recent Comments)

Thêm Widget Visual Editor
Footer 3 thêm thông tin liên hệ (Visual Editor Widget – của
plugin Black Studio TinyMCE Widget), Phía dưới liên hệ chúng
ta chèn thêm biểu tượng link tới các trang mạng xã hội sử dụng
Widget Simple Social Icon – plugin Simple Social Icon)
Thêm thông tin liên hệ
Visual Editor Widget giúp chúng ta thêm dễ dàng hình ảnh
cũng như thông tin liên hệ vào Sidebar
Thêm Widget biểu tượng mạng xã hội

Bạn chỉ cần nhập Link các mạng xã hội, biểu tượng của mạng
xã hội sẽ tự động hiển thị ra website.

Như vậy chúng ta đã hoàn thành xong các Widget trên các
Sidebar. Website chúng ta sẽ trở nên đầy đặn và thú vị hơn rồi.
Tiếp theo Bình sẽ hướng dẫn bạn sử dụng một số Plugin đã cài
để gia tăng tiện ích cho Website.
 Sử dụng Plugin
Ở bước thứ 2 trong công thức 4S, Bình đã hướng dẫn bạn cài
rất nhiều Plugin, một số Plugin có tính năng Widget chúng ta đã
sử dụng, giờ là lúc chúng ta đi sử dụng một số Plugin khác để
tạo ra các tiện ích cho website.
Tạo Form liên lạc
Hầu hết các website có trang liên lạc đều có một Form để
khách có thể liên lạc. Việc ứng dụng form không chỉ dừng ở đó
mà chúng ta còn xây dựng các Form điền thông tin để nhận

đăng ký mua hàng, để xin ý kiến khách hàng… WordPress có
rất nhiều Plugin Form trong đó Ninja Form là một Plugin miễn
phí, mạnh, dễ dùng và khá trực quan. Chúng ta sẽ sử dụng nó
để tạo Form liên hệ tích hợp vào Page Liên Hệ.
Bạn nghĩ mà xem Page liên hệ thì chỉ là một trang văn bản, làm
sao chúng ta có thể chèn Form vào đó? Để chèn tất cả những
gì bạn muốn vào Page hoặc Post, WordPress thiết kế ra
ShortCode (mã ngắn) với ShortCode bạn chỉ việc dán những
đoạn mã ngắn vào Page. Lập tức đoạn mã đó sẽ hiển thị thành
các chức năng rất hay bên ngoài website. Chúng ta áp dụng
với Ninja Form trước tiên.
Để lấy đoạn mã của Ninja Form bạn truy cập vào menu Form.
Lúc đó màn hình sẽ liệt kê ra các form đã được thiết kế.

Để đơn giản chúng ta sẽ sử dụng Form thiết kế sẵn của Ninja
Form, bạn có thể thiết kế lại hoặc thêm mới Form tùy ý.
Bạn sẽ thấy ShortCode xuất hiện kề bên tên các Form, bây giờ
bạn hãy copy đoạn mã đó
Tiếp tục bạn truy cập vào Page sau đó nhấn Edit vào Page
Liên hệ để chỉnh sửa lại nội dung
Trang liên hệ bạn có thể điền các thông tin tên, email, số điện
thoại. Sau đó dán mã form bạn vừa copy qua.

Bạn nhấn nút Update để lưu lại sau đó nhấn View Page trên
đầu Website để xem kết quả

Chắc hẳn là bạn sẽ muốn chỉnh Form liên hệ này lại như việt
hóa nó một chút ở các ô nhập còn ghi tiếng anh, hoặc cấu hình
việc gởi mail sau khi người dùng nhập Form và gởi. Việc này
đòi hỏi bạn dành chút thời gian để chỉnh lại cho tối ưu. Để
chỉnh bạn vào danh sách Form và edit form cần chỉnh.

Màn hình thiết kế Form xuất hiện
Mỗi Plugin là một thế giới mới, cuốn sách này không giúp bạn
đi hết mọi ngóc ngách vì như vậy sẽ khá tốn thời gian và sẽ rối

cho bạn. Bạn yên tâm những hướng dẫn Plugin này luôn có rất
nhiều trên mạng Internet chỉ cần bạn tìm đọc thôi.
Tạo bản đồ google cho website
Có rất nhiều Plugin bản đồ, ở đây Bình hướng dẫn bạn Plugin
Google Maps Easy được cài đặt ở bước 2 trong công thức 4s.
Khi cài và kích hoạt Plugin bạn sẽ thấy menu Google Maps
Easy. Bạn click vào Menu này
Bạn nhấn vào Add Map để thêm bản đồ
Bạn đặt tên bản đồ tại ô Map Name
Sau đó nhấn Add Map Maker để thêm vị trí

Bạn nhập Marker Name, và Marker Description để khi người ta
click lên bản đồ sẽ đọc được các thông tin này.

Sau đó bạn nhập địa chỉ vào mục Address, lúc bạn nhập xong
bạn bấm ra ngoài ô Address bản đồ sẽ tự động cập nhật vị trí.
Lúc này bạn dùng chuột phóng bản đồ tới mực bạn mong
muốn sau đó nhấn Save Marker.
Tiếp tục bạn nhấn vào Map Propertise và nhấn vào Save Map,
màn hình sẽ xuất hiện ra cho bạn đoạn ShortCode.

Lúc này bạn có thể copy đoạn shortcode này tới trang bất kỳ để
hiển thị chẳng hạn như trang Liên Hệ.

Thiet ke web sieu toc 1.7

Recommended

Recommended

More Related Content

What's hot

What's hot (7)

Similar to Thiet ke web sieu toc 1.7

Similar to Thiet ke web sieu toc 1.7 (20)

Thiet ke web sieu toc 1.7