Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web

Cộng đồng sử dụng Wordpress

Trước khi ta sử dụng bất kì một công cụ, nền tảng n{o đó, thì gần như đầu

tiên ta đều quan t}m đến cộng đồng có đông người sử dụng hay không. Vì khi có

cộng đồng mạnh, bạn có thể tham khảo, học tập các cách tối ưu, thiết lập và sử

dụng dễ d{ng hơn, nhanh chóng hơn. WordPress cũng vậy.

• Có 72,4 triệu website được thiết kế bằng wordpress.

• 50 % số website WordPress sử dụng dịch vụ của wordpress.org 20-

25% số website được tạo ra hàng ngày sử dụng wordpress.

• Có 98 phiên bản wordpress kh|c nhau được tạo ra.

• Có 17,7 % trong số 1 000 000 website đứng đầu thế giới được tạo ra bằng

wordpress.

• 48% trong số 100 blog công nghệ h{ng đầu sử dụng wordpress.

• Có 37 triệu lượt tìm kiếm wordpress trong mỗi tháng.

• 22 tên miền trong 100 tên miền mới đăng ký tại Mĩ sử dụng wordpress.8

• Indonesians là quốc gia có số người sử dụng wordpress đông nhất và

wordpress.com l{ website có lượt truy cập đứng thứ 8 tại đất nước này.

• Mã nguồn WordPress đ~ được dịch thành 40 ngôn ngữ khác nhau.

• 53,8 % c|c website thương mại sử dụng wordpress.

• Trên 18 000 nhà phát triển wordpress được có thu nhập trên 50$ / giờ khi

được hỏi .

• 19 000 plugins đ~ có trong thư viện plugins của wordpress.

• Mã nguồn wordpress có hơn 3 triệu lượt download mỗi ngày.

Nếu WordPress còn mới mẻ với bạn thì với các số liệu trên đ}y sẽ khiến bạn

yên t}m hơn khi tự tìm hiểu và sử dụng wordpress.

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 1

Trang 1

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 2

Trang 2

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 3

Trang 3

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 4

Trang 4

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 5

Trang 5

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 6

Trang 6

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 7

Trang 7

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 8

Trang 8

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 9

Trang 9

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web trang 10

Trang 10

Tải về để xem bản đầy đủ

pdf 77 trang duykhanh 6720
Bạn đang xem 10 trang mẫu của tài liệu "Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

Tóm tắt nội dung tài liệu: Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web

Giáo trình Mô đun Hệ quản trị nội dung mã nguồn mở Wordpress - Thiết kế trang Web
hư 
mục, tag..v.v.v{ tất cả như l{ bản đồ chi tiết của một trang web. Từ đó, c|c 
webmaster nếu muốn thông báo trang web của mình lên các máy tìm kiếm thì sẽ 
dùng sitemap này gửi lên các trang tìm kiếm. 
Các bot tìm kiếm sẽ tiến hành phân tích và thu thập các liên kết có trong 
sitemap và tiến h{nh đưa lên cỗ máy tìm kiếm của mình. So với cách thu thập dữ 
liệu thông thường từ việc crawl một trang web, sitemap giúp cho các bot tìm kiếm 
dễ d{ng x|c định cấu trúc của một website, hỗ trợ thời gian đ|nh chỉ mục các liên 
kết. Vì vậy, nếu bạn muốn website của mình nhanh chóng được biết đến các trang 
tìm kiếm thì hãy tạo sitemap ngay từ mới thành lập website. 
7. Hướng dẫn tạo sitemap xml với Google XML Sitemap 
Google XML Sitemap – Đ}y l{ plugin tạo sitemap khá phổ biến trong 
WordPress bởi sự chuẩn xác của sitemap để dễ d{ng tương thích v{ hoạt động tốt 
trên các máy tìm kiếm như Yahoo, Google, Bing... Bạn cũng có thể tùy chọn loại bỏ 
đ|nh sitemap tại một số trang bất kỳ và tùy chỉnh độ ưu tiên từng trang. 
Sau khi tải và kích hoạt plugin, các bạn hãy kiểm tra xem đường dẫn sitemap 
của bạn có hoạt động được không, kiểm tra bằng cách truy cập vào 
Nếu nó hiện ra 1 trang m{u xanh dương liệt kê c|c đường dẫn thì coi như c{i 
đặt thành công. Còn nếu website báo không tìm thấy file sitemap.xml thì bạn tiến 
hành tạo file sitemap.xml v{ sitemap.xml.gz, sau đó upload lên thư mục gốc của 
website và CHMOD cho nó thành 666. 
63 
8. Gửi sitemap lên Google 
Để gửi sitemap của mình lên Google thì đầu tiên bạn truy cập v{ đăng nhập 
vào trang Google 
Webmaster Tool. Nhấp vào nút Thêm trang web và nhập địa chỉ blog của bạn 
v{o. Bước tiếp theo là xác nhận bạn là chủ nhân website bằng c|ch thêm 1 đoạn 
thẻ vào website hoặc tải tập tin xác nhận về sau đó upload lên thư mục 
gốc của website. Sau khi xác nhận xong, các bạn vào Tối ưu hóa -> Sơ đồ trang 
web, nhấp v{o nút thêm sơ đồ trang web và nhập sitemap.xml. Sau đó lưu lại và 
chờ thông báo. 
9. Sử dụng Robots.txt 
File robots.txt được hiểu là một file dùng để điều khiển qu| trình đ|nh chỉ 
mục của một website. Trong file robots bạn sẽ x|c định những thư mục nào không 
cần đ|nh chỉ mục để giúp cho bot đỡ mất thời gian khi đ|nh chỉ mục website bạn, 
đồng thời che giấu một số thư mục nhảy cảm. 
Để tạo 1 file robots.txt bạn có thể tạo thủ công bằng các trình soạn thảo văn 
bản đơn giản (như notepad) v{ lưu lại với tên robots.txt v{ upload lên thư mục 
gốc của website. Hoặc bạn có thể sử dụng công cụ Robots.txt Generation. 
Giả sử nếu bạn sử dụng WordPress thì file robots.txt của chúng ta có thể như 
sau: 
 User-agent: * 
Disallow: /wp-admin/ 
Disallow: /wp-includes/ 
Disallow: /wp-content/ 
Đoạn User-agent:* nghĩa l{ cho phép tất cả bot tìm kiếm thi hành lệnh ở 
dưới. Còn đoạn Disallow l{ ngăn chặn bot lập chỉ mục cho thư mục đó. 
Các bạn có thể thêm những thứ cần thiết mà bạn không muốn bot sẽ thu 
thập và gửi lên các máy tìm kiếm. 
64 
Phần 18: Danh sách các plugin WordPress tốt 
nhất 
Chắc hẳn những ai mới sử dụng WordPress sẽ hơi khó khăn trong việc 
lựa chọn plugin, thậm chí những người đã từng sử dụng WordPress lâu năm 
cũng có những lúc phân vân trong việc lựa chọn plugin vì có quá nhiều plugin 
giống nhau nên không biết cái nào dùng tốt hơn. 
 Các plugin trong danh sách được mình đánh giá để xếp hạng thông qua 
chức năng, hỗ trợ, cập nhật thường xuyên và chắc chắn là không bao giờ có 
các đoạn mã độc hại được đính kèm. 
Hiện tại danh sách xếp hạng plugin gồm: 
• Các plugin bảo mật và tối ưu tốt nhất. 
• Các plugin SEO tốt nhất. 
• Các plugin bán hàng tốt nhất. 
• Các plugin có ích. 
• Các plugin có tiềm năng nhất. 
Quy trình kiểm tra plugin của mình bao gồm Test thử trên host online. 
• Kiểm tra m~ độc qua từng file đính kèm. 
• Theo dõi change log của plugin đó để biết được plugin n{y có được update 
thường xuyên Kiểm tra c|c đ|nh gi| của người sử dụng khác. 
Vì vậy, các bạn hoàn toàn có thể yên tâm với danh sách này nhé. Tuy nhiên, 
do không gian của danh sách có hạn nên mình không ghi rõ chức năng ra, vì vậy 
các bạn có thể vào trang tải plugin đọc phần mô tả và xem screenshot, xin lỗi vì sự 
bất tiện này. 
Nếu các bạn sử dụng và phát hiện lỗi, hãy liên lạc với mình 
phatnguyen@kent-international.edu.vn ngay để mình kiểm tra và giảm thứ hạng. 
Ngoài ra, nếu các bạn biết được một plugin nào hay thì hãy giới thiệu cho. 
Các bạn có thể vào  để download các 
plugin bên dưới 
1. Những plugin SEO tốt nhất 
Tên Tác giả Đánh giá 
Wordpress SEO by Yoast Joost de Valk Dễ dùng và tốt 
SEO Ultimate SEO Design Solutions Đa chức năng 
All in One SEO Michael Torbert Dễ sử dụng 
Google XML Sitemap Arne Brachhold Tạo sitemap tốt nhất 
65 
WP External Links Victor Villaverde Laan Dễ sử dụng 
2. Những plugin bảo mật và tối ưu hóa tốt nhất 
Tên Tác giả Đánh giá 
BulletProof Security Edward Alexander Mạnh mẽ 
Better WP Security Bit51 Dễ sử dụng 
6Scan Security 6Scan Tiện dụng 
Akismet Automattic Trùm chống spam 
WP 2-Step Verification As247 2 lớp bảo mật 
3. Những plugin làm trang bán hàng tốt nhất 
Tên Tác giả Đánh giá 
WooEcommerce WooThemes Dễ dùng 
eShop Rich Pedley Tốt nhưng hơi khó dùng 
Ecwid Ecwid Team Gọn nhẹ 
PayPal Simple Cart Ruhul Amin Đơn giản 
Ready! Ecommerce Shopping Cart Ready Shopping Đa tính năng 
4. Những plugin có ích nhất 
Plugin SEO, bảo mật hay l{m trang b|n h{ng đều có ích nhưng để dễ tham 
khảo thì mình xin t|ch ra, 20 plugin dưới đ}y cũng l{ c|c plugin nên dùng nếu bạn 
có nhu cầu. 
 Tác giả Đánh giá 
Newsletter Sign-Up DvanKooten Tạo form đăng ký nhận tin dễ dàng 
EWWW Image Optimizer Nosilver4u Nén ảnh dung lượng lớn 
Jetpack Wordpress Đa chức năng 
WP Super Cache Donncha O Caoimh Dễ sử dụng 
Contact Form 7 Takayuki Miyoshi Dễ sử dụng 
BackWPUp Daniel Hüsken Không thể thiếu 
Lightbox Plus Dan Zappone Không thể thiếu 
nRelated Post Plugin nRelate & SlipFire Không thể thiếu 
Yet Another Related Post Micho Đơn giản – mạnh mẽ 
WP Mashsocial Widget Ahmad Awais Đẹp – Tiện dụng 
66 
WP Page Navi Lester ‘GaMerZ’ Chan Nên sử dụng 
GRAND FIAGAllery Rattus Đẹp mắt 
User Role Editor Vladimir Garagulya Nên dùng nếu blog có nhiều author 
Facebook Facebook Tương t|c Wordpress với Facebook 
Disqus Comment System Disqus Dễ sử dụng 
BJ Lazy Load Bjørn Johansen Nên dùng 
Special Recent Post Luca Grandicelli Nên dùng 
Fancier Author Box ThematoSoup Nên dùng 
Better Wordpress Recent 
Comment 
Khang Minh Nên dùng 
External Links Denis de Bernardy Hỗ trợ SEO 
Shortcode Ultimate Vladimir Anokhin Bộ shortcodeđẹp 
Liveblog Automatic Đăng status giống như trên c|c mạng 
xã hội 
 Kent International College | ThS. Nguyễn Hữu Phát 55 
Use Google Libraries Jczorkmid Không thể thiếu 
BJ Lazyload Bjornjohansen Không thể thiếu 
5. Những plugin có tiềm năng 
Đ}y l{ những plugin tốt nhưng ít người biết đến, sẽ có cơ hội trở thành 
những plugin phổ biến trong một ngày không xa. 
Tên Tác giả Đánh giá 
Schema Creator Norcross Tạo microdata cho bài viết dễ dàng 
Wordfence Security Mmaunder Bảo vệ file toàn diện 
CSS & Javascript 
Optimizer 
Evgeniy Kotelnitskiy Tối ưu hóa JS v{ CSS 
WP Retina TigrouMeow Resize ảnh khá tốt 
Auto SEO Phillip.Gooch SEO đơn giản 
Infinite WP Client InfiniteWP Multi Blog Client 
67 
FAQ Manager IndiaNIC Tạo và quản lý trang F.A.Q 
Wordpress Video Gallery Contus Support Tạo gallery cho video chuyên nghiệp 
Drop Shadow Boxes Stevehenty Tạo hộp đổ bóng 
Simple Instagram Rollybueno Tương t|c với tài khoản Instagram 
Live Chat Danycode Khung chat đơn giản 
Easy PayPal Manojtd Cổng thanh to|n PayPal đơn giản 
Codepress Admin 
Columns 
Codepress Sắp xếp kiểu hiển thị trong Wp-admin 
SlideDesk 2 Lite Content Dtelepathy, Kynatro Slide ảnh chuyên nghiệp 
Simple Footnote Nacin Thêm ghi chú cho bài viết 
Advanced Youtube Embed Embedplus Đăng video từ youtube đa năng 
Easy Rotetor DWUser Slide ảnh đơn giản 
Social Login Claude Schlesser Bình luận, đăng nhập bằng tài khoản 
mạng xã hội 
A Better Search Mikko Saari Tối ưu chức năng tìm kiếm 
Live Chat Robot Acobot Chat tự động 
Post View Count Juliobox Hiển thị lượt xem trong bài viết 
Ultimate TinyMCE Josh Lobe Khung soạn bài viết trực quan 
Solioquy Lite Griffinjt Tạo slide ảnh định dạnh Responsive 
68 
Phần 19: 28 plugin kết nối WordPress với các 
ứng dụng của Google 
Google thật sự làm chủ thế giới công nghệ không chỉ với 2 dịch vụ phổ 
biến nhất đó là Google Search và Google Email (Gmail) mà còn làm cho chúng 
ta ngày càng chịu sự phụ thuộc nhiều hơn vào gã “tay to” này với rất nhiều 
ứng dụng như Google Calendar, Google Alert, Google Plus, Google Picasa, 
Youtube... 
Và nếu bạn đang trung th{nh với một dịch vụ n{o đó của Google, hẳn sẽ rất 
muốn tích hợp chúng v{o blog để dễ dàng kiểm soát và quản lý nó hơn, đồng thời 
giúp chúng ta chia sẻ tốt hơn đối với các dịch vụ chia sẻ của Google. 
Dễ dàng chèn một hình ảnh hiển thị Page Rank hiện tại của website, rất thích 
hợp để “khoe” PR 
2. Google+ Plugin 
Nếu bạn muốn chèn nút +1 vào bất kỳ đ}u trong blog m{ không muốn tốn 
nhiều thời gian thì nên dùng plugin này. Plugin này có thể làm việc trên 
WordPress Multi User (WordPress MU). 
Thêm tính năng đăng nhập, bình luận bằng các tài khoản mạng xã hội khác 
1 . Google Page Rank Badge t 
3 . WordPress Socia l Logi n 
69 
4. Google Plus Favicon 
Plugin này sẽ tự động hiển thị favicon trong blog là avatar Google Plus của 
bạn 
5. Gravatar Google Images 
Nếu blog bạn có quá nhiều comment nhưng ít ai dùng Gravatar để hiển thị 
avatar thì bạn có thể cho nó hiển thị hình ảnh tự động từ Google Images để làm 
đẹp blog, ngược lại nếu người dùng đ~ có avatar rồi thì nó sẽ hiển thị avatar của 
người dùng. 
6. Google Picasa Viewer 
Hiển thị gallery ảnh từ tài khoản Picasa trong bài viết hoặc trang bằng 
shortcode, đồng thời hỗ trợ widget hiển thị. 
7. TubePress 
Hiển thị widget các video clip trong tài khoản của bạn tại Youtube trong blog 
WordPress. Hỗ trợ chèn showcase rất đẹp mắt và tiện lợi. 
8. Youtube Simple Gallery 
Không phức tạp như TubePress, plugin n{y giúp bạn chèn showcase video từ 
Youtube vào bài viết dễ dàng, hỗ trợ xem video bằng popup-lightbox rất đẹp. 
70 
9. CodeArt – Google Mp3 Player 
Chơi định nhạc định dạng mp3 bằng player của Google, rất nhẹ và tiện lợi. 
Chỉ hoạt động khi bạn dùng link mp3 trực tiếp. 
10. Google Maps Plugin 
Chèn một phần bản đồ từ Google Map vào bài viết dễ dàng. Chỉ cần nhấn vào 
nút chèn Google Map tại bài viết, tìm địa điểm cần chèn l{ đ~ có một bản đồ từ 
Google Map vào bài viết mà không cần trải qua một số bước phức tạp như l{m thủ 
công. 
11. Convert Address to Google Map 
Tự động chuyển đổi địa chỉ dạng chữ thành Google Map, chỉ kích hoạt khi địa 
chỉ nằm trong cặp thẻ 
12. Comprehensive Google Map 
Chèn bản đồ vào blog từ Google Map, hỗ trợ hiển thị ngay trên bản đồ rất đẹp mắt và dễ sử dụng. 
13. WP Google Drive 
Tự động backup tất cả dữ liệu trên blog và upload vào tài khoản Google 
Drive của bạn, có hỗ trợ tự động backup theo chu kỳ. 
14. Google Document Enbedder 
Hiển thị nội dung của c|c file văn bản tại Google Document trong WordPress. 
Điểm đặc biệt của plugin này không yêu cầu người dùng cài thêm Flash hay PDF 
cho trình duyệt. 
15. WordPress Google Form 
71 
Nếu như bạn thường xuyên sử dụng Google Form v{o blog thì đ}y l{ plugin 
bạn nên sử dụng. Plugin này cho phép hiển thị các form trong Google Form lên bài 
viết hoặc trang trong WordPress giống như hiển thị một form bình thường, xem 
ảnh để biết thêm chi tiết. 
16. Easy Adsense 
Chèn các widget quảng cáo từ tài khoản Google Adsense dễ dàng vào bài viết. 
Hỗ trợ hiển thị tại widget và footer. 
17. Adsense Plugin 
Chèn quảng cáo Google Adsense vào bài viết, có thể chỉnh sửa màu sắc và 
font chữ cho quảng cáo tại trang quản trị. 
18. Google Analytics Dashboard 
72 
Nếu bạn ngại thường xuyên vào trang chủ Google Analytics để xem thống kê 
của website thì có thể mang nó vào trang Dashboard của WordPress với plugin 
n{y. Ngo{i ra nó cũng hỗ trợ chèn widget hiển thị lượt truy cập và bộ đếm lượt 
xem trang trong bài viết, rất nên dùng cho tất cả mọi người. 
19. Google XML Sitemap 
Tự động tạo sitemap định dạng xml để submit lên máy tìm kiếm nhằm hỗ trợ 
SEO cho WordPress. 
20. Google Site Verification Plugin 
Một số dịch vụ của Google liên quan đến website phải yêu cầu bạn chứng 
thực website bằng việc thêm một thẻ meta vào website hoặc upload một file xác 
nhận lên hosting làm khá mất thời gian, plugin này sẽ giúp bạn vượt qua công 
đoạn đó chỉ với 2 cú click. 
21. Google Authorship Widget 
Chèn widget hiển thị avatar từ Google Plus, đồng thời hỗ trợ hiển thị avatar 
Google Plus tại các kết quả tìm kiếm trên máy tìm kiếm để kết quả của bạn nổi bật 
hơn. Xem thêm tại đ}y. 
22. Google Calendar Event 
Chèn widget hiển thị các sự kiện trong tài khoản Google Calendar vào 
WordPress. 
23. Stout Google Calendar 
Chèn widget hiển thị lịch trong Google Calendar và cho phép chỉnh sửa màu 
sắc. 
24. Google Libraries 
73 
Nếu blog bạn sử dụng nhiều plugin javascript thì sẽ gây trở ngại đến tốc độ 
website và hao tốn khá nhiều băng thông. Plugin n{y sẽ cho phép bạn dùng các 
plugin javascript có trong thư viện thay vì sử dụng file javascript trong website, 
tiết kiệm băng thông v{ cải thiện tốc độ cho blog. 
25. Google Font 
Tùy chọn hiển thị các font chữ đẹp v{o blog WordPress được lấy từ thư viện 
Font của Google. 
26. Feedburner Plugin 
Tự động chuyển link RSS mặc định trong blog về link RSS tại Feedburner. 
27. Google Alert 
Hiển thị các báo cáo từ Google Alert ngay tại Dashboard WordPress. 
28. Google Custom Search 
74 
Chèn chức năng tìm kiếm bài viết trong blog từ Google vào blog, hỗ trợ tùy 
chỉnh màu sắc, kiểu hiển thị. 
Với các plugin trên thì bạn đ~ thấy được lợi ích của các dịch vụ nhỏ của 
Google lớn đến mức n{o, đối với mình thì ít nhất có tới 5 dịch vụ của Google mình 
phải phụ thuộc vào nó rất nhiều. Còn các bạn thì sao? Hiện tại bạn đang sử dụng 
những dịch vụ nào của Google? 
75 
Phần 20: 21 website để tìm theme miễn phí 
Để tìm một giao diện miễn phí dành cho WordPress không có gì là khó 
khi hiện nay WordPress đang rất phổ biến trên thế giới, có hàng trăm website 
có thể cung cấp các theme miễn phí dành cho bạn lựa chọn, nhưng vấn đề ở 
đây là nên tìm giao diện miễn phí ở đâu để chắc chắn rằng các theme đó 
không bị chèn quảng cáo, mã độc làm ảnh hưởng đến hoạt động của website 
bạn. 
1. WordPress Theme Showcase 
2. Fresheezy 
3. Graph Paper Press 
4. BlogOhBlog 
5. TopWPThemes 
6. WooThemes 
7. ThemeLab 
8. WpThemeFree 
9. BestWPThemes 
10. ArcSin Templates 
11. Design Disease 
12. Free Theme Layout 
13. SkinPress 
14. WordPress Theme Base 
15. Rock Kitty Theme 
16. WP Skins 
17. Templates Browse 
18. Free WordPress Themes 
19. FreeWpThemes.net 
20. WPTemplates 
21. WordPress Theme Generator – Tự thiết kế theme WordPress 

File đính kèm:

  • pdfgiao_trinh_mo_dun_he_quan_tri_noi_dung_ma_nguon_mo_wordpress.pdf