Đang tải... (xem toàn văn)
Giáo trình Thiết kế web (Nghề: Sửa chữa và lắp ráp máy tính - Cao đẳng) là tài liệu học tập thuộc môn học đào tạo nghề Sửa chữa và lắp ráp máy tính đáp ứng cho hệ đào tạo Cao đẳng. Giáo trình kết cấu gồm 5 bài và chia thành 2 phần, phần 2 trình bày những nội dung về: mã nguồn mở; xuất bản và duy trì Website; bảo mật Website;... Mời các bạn cùng tham khảo!
Simple CSS Standard Edition WallPearl Bài MÃ NGUỒN MỞ Mã bài: MĐ26 – 04 Giới thiệu: Mã nguồn mở phần mềm cung cấp dạng mã nguồn, khơng miễn phí giá mua mà chủ yếu miễn phí quyền: người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cấp theo số nguyên tắc định giấy phép PMNM (ví dụ General Public Licence – GPL) mà không cần xin phép ai, điều mà họ không phép làm phần mềm nguồn đóng (tức phần mềm thương mại) Nhìn chung, thuật ngữ “Open source” dùng để lôi nhà kinh doanh, điều thuận lợi miễn phí cho phép người dùng có quyền “sở hữu hệ thống” Mục tiêu: - Trình khái niệm tác dụng mã nguồn mở - Trình bày vai trò cua Webserver - Cài đặt Web server - Xây dựng Website sử dụng mã nguồn mở Wordpress - Thực thao tác an toàn với máy tính Nội dung Giới thiệu mã nguồn mở 1.1 Khái niệm mã nguồn mở Mã nguồn mở phần mềm cung cấp dạng mã nguồn, khơng miễn phí giá mua mà chủ yếu miễn phí quyền: người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cấp theo số nguyên tắc định giấy phép PMNM (ví dụ General Public Licence – GPL) mà không cần xin phép ai, điều mà họ không phép làm phần mềm nguồn đóng (tức phần mềm thương mại) Nhìn chung, thuật ngữ “Open source” dùng để lôi nhà kinh doanh, điều thuận lợi miễn phí cho phép người dùng có quyền “sở hữu hệ thống” Lợi ích phần mềm mã nguồn mở-miễn phí? - Phần mềm chép hồn tồn miễn phí, bạn hồn tồn an tâm chia chương trình tuyệt vời với bạn bè - Các định dạng file khơng hồn tồn bị kiểm sốt vài nhà cung cấp Điều xảy liệu nằm phần mềm độc quyền? Việc sử dụng định dạng file bí ẩn khiến bạn dùng chương trình cơng ty Do yêu cầu công việc, bạn muốn sử dụng liệu cho ứng dụng khác ương trình quyền khơng cho phép ! Cịn nhà cung cấp chấm dứt hổ trợ ngưng việc nâng cấp sản phẩm, chắn liệu bạn phải vứt xó Với phần mềm quyền, có 64 Simple CSS Standard Edition WallPearl nhà cung cấp giải vấn đề bạn Nhưng! với OpenSource bạn gặp hàng tá nhà cung cấp làm vừa lịng - Hầu hết sản phẩm Open Source có khả bảo mật tuyệt vời, vết nứt tìm thấy, thường trám nhanh phần mềm có quyền - Các hệ thống Open Source, hệ thống dựa UNIX, thường linh hoạt đến khó tin Bởi chúng xây dựng từ nhiều khối thống miêu tả cặn kẽ, dễ để bạn thay nhiều phần hệ thống với phần có giao diện tương tự - Có cộng đồng hỗ trợ lớn Không bị phụ thuộc vào công ty 1.2 Các loại mã nguồn mở Web phổ biến WordPress Wprdpress CMS danh giá thị trường nay, web-giadinh chọn mã nguồn làm nguồn thiết kế web cho khách hàng, thời gian thiết kế web nhanh, giao diện quản trị dễ dùng phù hợp với khách hàng, có hệ thống hỗ trợ tối ưu hóa cơng cụ tìm tiếm tốt cho SEO, Plugin Widget đa dạng cho người lập trình sử dụng mà khơng cần phải động vào code nhiều Joomla Joomla mã nguồn mở xuất internet vào năm 2005 sử dụng nhiều vào website thương mại điện tử, designer dễ dàng tùy chỉnh website bán hàng thêm modul cho nó, Joomla cịn viết PHP sử dụng môi trường php & mysql Drupal Drupal đời vào năm 2001 tên lâu đời nhất, trước WordPress Joomla Drupal số mã nguồn mở lớn hỗ trợ Các nhà phát triển chấp nhận tính chất nguồn mở Drupal, tách CMS thành phần chính: core – xây dựng lập trình viên, module – phát triển cộng đồng Tại thời điểm có khoảng 9000 module download Drupal xây dựng từ PHP nhiều loại database: MySQL, PostgreSQL, SQLite, Microsoft SQL Server, MongoDB MariaDB Magento Magento mã nguồn mở cho phép thiết kế web bán hàng tốt, mắt vào ngày 31 tháng năm 2008 Magento phát triển Varien, với giúp đỡ từ lập trình viên cộng đồng mã nguồn mở, sở hữu Magento Inc Magento xây dựng tảng Zend Framework – Mã nguồn Magento áp dụng rộng rãi nhà bán lẻ trực tuyến với khoảng 150.000 trang web 65 Simple CSS Standard Edition WallPearl – Magento phát hành phiên khác dùng cho đối tượng khách hàng bao gồm: – Magento Comunity Edition – Phiên Magento hồn tồn miễn phí – Magento Go – Phiên Magento có trả phí hàng tháng, chủ yếu bao gồm dịch vụ Hosting cho website người sử dụng – Magento Enterprise – Phiên Magento chuyên nghiệp tích hợp tính mạnh mẽ cho website “khủng” Shop bán hàng lớn OpenCart Mã nguồn mở Opencart mã nguồn bán hàng gần gũi với phong cách thương mại điện tử Việt Nam – OpenCart sử dụng ngôn ngữ PHP, cung cấp giải pháp thương mại điện tử mạnh mẽ với khả tạo kinh doanh trực tuyến,ngồi tính free opencart biết đến với tinh vốn có opensource, sửa đổi, dễ hiệu chỉnh, dễ cải tiến theo hướng phát triển thân ngưởi sử dụng – Opencart đầu tư công phu cho việc sử dụng , quản lý gian hàng, khách hàng Nó chứa module cho phép bạn sử dụng mục đích khác nhau, giới thiệu sản phẩm, sản phẩm đưa trưng bày, liệt kê sản phẩm theo tính CMS Made Simple CMS Made Simple đời năm 2009 với hàng triệu lượt download trở nên phổ biến với người dùng – Được dùng làm việc với code lập trình, CMS Made Simple cung cấp cho người dùng phương pháp phát triển tùy chỉnh website thật đơn giản mà không cần phải đối diện với dòng mã phức tạp – CMS Made Simple phát triển tảng PHP MySQL PostgreSQL B2evolution B2evolution có nguồn gốc với WordPress đời vào năm 2003, biết đến nhiều có hỗ trợ nhiều blog, admin user với lần cài đặt Hầu hết CMS khác đòi hỏi số loại phần mở rộng plugin để hỗ trợ tính – đặc biệt tính multi-blog B2evolution xây dựng tảng PHP MySQL 2.Web server Web server dịch tiếng Việt nghĩa máy chủ Web server máy tính lớn kết nối với tập hợp mạng máy tính mở rộng Đây dạng máy chủ internet máy chủ IP khác đọc ngơn ngữ file *.htm *.html… Tóm lại máy chủ kho để chứa toàn liệu hoạt động internet mà giao quyền quản lý 66 Simple CSS Standard Edition WallPearl Web server phải máy tính có dung lượng lớn, tốc độ cao để lưu trữ vận hành tốt kho liệu internet Nó điều hành trơn chu cho hệ thống máy tính hoạt động internet, thơng qua cổng giao tiếp riêng biệt máy chủ Các web server phải đảm bảo hoạt động liên tục khơng ngừng nghỉ để trì cung cấp liệu cho mạng lưới máy tính Dễ hiểu web server máy chủ, thiết kế với siêu tính dùng để chứa liệu cho phần mạng lưới máy tính internet Tất hoạt động dịch vụ internet phải có máy chủ hoạt động Đơi nét web server Web server xử lý liệu cung cấp thông tin đến máy khách thơng qua máy tính cá nhân môi trường Internet qua giao thức HTTP, giao thức thiết kế để gửi file đến trình duyệt Web, giao thức khác (Ví dụ: bạn truy cập vào trang web vinahost.vn máy chủ cung cấp đến bạn tất liệu trang web thơng qua lệnh giao tiếp) Máy tính máy chủ cài đặt lên chương trình phần mềm Server Software sau kết nối vào Internet Phần mềm Web Server Software giống phần mềm khác, dùng để cài đặt chạy máy tính đáp ứng đủ yêu cầu nhớ Nhờ có chương trình mà người sử dụng truy cập đến thơng tin trang Web từ máy tính khác mạng Khi SEO thường gặp máy chủ nhỏ, máy chủ ảo thông thường hay thuê máy chủ dạng VPS hay Hosting để lưu giữ liệu trang web Cài đặt Web server Cài đặt Wordpress 67 Simple CSS Standard Edition WallPearl 3.1 Giới thiệu Wordpress WordPress phần mềm web bạn sử dụng để tạo trang web blog đẹp Tất miễn phí viết ngôn ngữ PHP MySQL CMS (Content Management System) xây dựng hàng trăm tình nguyện viên cộng đồng, bạn sẵn sàng để biết thêm có hàng ngàn plugin chủ đề có sẵn để chuyển đổi trang web bạn vào điều bạn tưởng tượng Hơn 60 triệu người lựa chọn WordPress để thực website từ blog cá nhân, website cơng ty Tính mạnh mẽ wordpress Cộng động wordpress đông đảo, tính wordpress cịn làm cho cộng đồng phát triển cách mạnh mẽ WordPress không giới hạn việc lập thư mục (category chính) thư mục Bạn lập tùy thích thiết kế chúng giao diện đồ họa WordPress tự động xuất RSS Atom, cung cấp thông tin, bai viết bạn đến người dùng cách nhanh Bạn đăng lên blog cách gửi Email Hỗ trợ cài đặt Plugins Theme theo dạng modul Nó giúp cộng đồng phát triển wordpress ngày đa dạng, phong phú tính giao diện WordPress đồng với liệu nhiều blog khác giúp chuyển đổi dễ dàng Có nhiều tài liệu hướng dẫn chi tiết việc phát triển hàm API, code nhúng mở rộng tính cho wordpress cách dễ dàng Dễ dàng quản lý trì mà khơng cần kiến thức chuyên sâu nhờ giao diện trực quan Khả tìm kiếm tốt nội dung wordpress hỗ trợ blog đa ngôn ngữ Xuất viết dễ dàng với nhiều tính biên tập không giới hạn độ dài viết Dễ dàng thiết đặt setting phù hợp với thay đổi thuật toán Google SEO website 3.2 Cài đặt Wordpress B1: Trước tiên bạn phải download source WordPress địa http://wordpress.org/download/ dụng package_wp tích hợp trọn WorPress B2: Cài đặt webserver, chọn Wamp Server; bạn download http://www.wampserver.com/en/ để giả lập localhost Sau download, bạn tiến hành AppServ cài đặt localhost B3: Tạo CSDL (database) sau: 68 Simple CSS Standard Edition WallPearl Trên address bar trình duyệt nhập http://localhost/phpmyadmin Tiếp đến bạn nhập thông tin đăng nhập vào phpmyadmin gồm username password; thông thường username mặc định root, password tạo trình cài đặt AppServ bước (vì q trình cài đặt có u cầu nhập password) Khi đăng nhập thành công, bạn nhập tên CSDL muốn tạo Create new database(ở nhập dbweb-wp) chọn Create để tạo B4: Cài đặt WordPress: Bạn giải nén copy toàn code WordPress vào thư mục www AppServ (Ở để vào thư mục tên web-wp www) Mở file wp-config-sample.php tiến hành khai báo thông số sau: /** The name of the database for WordPress */ define('DB_NAME', 'dbwebwp'); /** MySQL database username */ define('DB_USER', 'root'); /** MySQL database password */ define('DB_PASSWORD', '123456'); /** MySQL hostname */ define('DB_HOST', 'localhost'); Lưu file thành file tên wp-config.php thư mục web-wp www Tiếp theo, address bar trình duyệt, bạn nhập http://localhost/web-wp điền thông số tiêu đề trang web (Site Title), tên(Username), mật email quản trị bạn hình bên dưới: Chọn Install WordPress – OK, xong 4: Quản trị nội dung Website Wordpress 4.1 Làm việc với AdminCP Sau đăng ký cho blog WordPress.com, bạn nhận email chứa thơng tin tài khoản Bạn đăng nhập với mật ghi email bắt đầu làm quen với tính Admin Panel blog 69 Simple CSS Standard Edition WallPearl Như bạn thấy hình: Trên Admin Panel tên blog bạn, kèm với link View site » để bạn xem blog Ngay menu, bao gồm mục Dashboard, Write, Manage, Blogroll, Presentation, Users, Options Upgrades Mặc định đăng nhập bạn trang Dashboard Do đó, submenu bên hiển thị mục Dashboard, Tag Surfer, My Comments, Blog Stats Feed Stats Bạn dễ dàng chuyển đến menu khác với submenu cách bấm vào liên kết tương ứng Admin Panel Sau giới thiệu sơ qua chức menu submenu: Dashboard: Dashboard: Xem tin tức WordPress.com, danh sách blog ngày, viết nhất, thông tin phản hồi nhận được… Tag Surfer: Thông qua tag đặt cho nội dung blog, bạn tìm thấy viết hay hợp sở thích My Comments: Danh sách phản hồi bạn gửi, blog bạn blog khác Blog Stats: Số liệu liên quan đến khách thăm blog Feed Stats: Số liệu liên quan đến người đọc RSS feed blog Write: - Write Post: Nơi soạn thảo viết đăng blog bạn - Write Page: Nơi soạn thảo trang tĩnh About, Contact me Whatever Manage: - Posts: Qun lý viết lưu - Pages: Quản lý trang tĩnh tạo - Comments: Quản lý phản hồi đăng blog - Awaiting Comments: Quản lý phản hồi đợi kiểm duyệt - Import: Nhập nội dung từ blog khác vào blog 70 Simple CSS Standard Edition WallPearl - Export: Xuất nội dung từ blog blog khác - Askimet Spam: Các phản hồi linh tinh bị nghi rác Blogroll: - Manage Blogroll: Quản lý link bạn yêu thích - Add Link: Bổ sung thêm link vào danh sách - Import Links: Nhập link từ nơi khác vào danh sách Presentation: - Themes: Danh sách theme bạn chọn cho blog - Sidebar Widgets: Quản lý widget bạn đặt sidebar blog - Edit CSS: Thay đổi CSS theme Users: - Authors and Users: Danh sách tác giả người đăng ký account blog bạn - Your Profile: Thay đổi hồ sơ cá nhân bạn - Invites: Mời bạn bè bạn sử dụng WordPress.com Options: - General: Các tùy chọn chung tên blog, tagline, ngày tháng… - Writing: Tùy chọn cách thức bạn viết blog - Reading: Tùy chọn cách thức người khác đọc blog bạn - Discussing: Tùy chọn cách thức người thảo luận blog bạn - Privacy: Tùy chọn độ bí mật blog - Delete Blog: Xóa blog bạn Vĩnh viễn Upgrades: - Nơi nâng cấp blog bạn Có tính phí 4.2 Cài đặt Plugin cho WordPress Plugins wordpress hiểu đơn giản ứng dụng mở rộng viết ngôn ngữ php cài đặt chạy website WordPress Plugin giống thiết bị ngoại vi cắm thêm vào máy tính vậy, ví dụ máy tính bàn bạn khơng có wifi, bạn mua USB wifi bắt wifi ngon lành Nếu WordPress bạn chưa có sitemap, bạn việc cài plugin sitemap có Việc tìm kiếm plugin WordPress vơ đơn giản, bạn việc gõ mong muốn bạn (bằng tiếng Anh) + plugin WordPress vào google gần tìm thứ muốn Các Plugins giúp bạn quản trị phát triển website wordpress cách hiệu mà không cần phải biết lập trình việc quản trị chúng hồn tồn dựa giao diện đồ họa wordpress Hơm hướng dẫn bạn cách cài đặt plugins wordpress giới thiệu số Plugins cần cài đặt bắt đầu tạo trang web 4.2.1 Cách Cài Đặt Plugins Wordpress 71 Simple CSS Standard Edition - WallPearl Từ cửa sổ quản trị wordpress bạn vào phần Plugins để truy cập trang quản trị cài đặt plugins Khi truy cập vào bảng quản trị bạn thấy danh sách plugins cài đặt (all), đa chờ kích hoạt ( Inactive), hay kích hoạt ( Active) Plugins cần cập nhật ( Update Available) - Để cài đặt Plugins wordpress có hai cách 4.2.2 Cài đặt trực tiếp từ thư viện WordPress Cách giúp bạn cài đặt nhanh chóng plugin thức từ thư viện WordPress.org Đây cách nên dùng bạn dùng plugin WordPress plugin yên tâm mặt bảo mật Bước 1: Chọn add new để cài đặt plugins wordpress - Bước 2: Trong ô search 72 Simple CSS Standard Edition WallPearl Bạn điền tên (term) tác giả plugins ( Author) để tìm kiếm plugins Như ví dụ tìm kiếm Plugins SEO Ultimate Kết trả Plugins có từ SEO Ultimate tên phần mô tả phiên (Version), đánh giá (rating) chức Plugins (Description) Bước 3: Chọn Install Now để cài đặt Plugins số host việc thiết lập quyền truy cập với Thư mục tệp tin nên bạn phải điền thông tin host user pass FTP dề plugins cài đặt Bước 4: Kích hoạt Plugin Sau chọn cài đặt WordPress thơng báo Plugins bạn cài đặt thành công Bạn kích hoạt plugins quay trở lại để cài đặt thêm plugins khác Một số plugins sau cài đặt xuất mục quản trị wordpress plugins Seo Ultimate này, bạn thiết đặt plugins 73 Simple CSS Standard Edition WallPearl website ảnh hưởng đến thứ hạng website website có thứ hạng không tốt không chủ đề nội dung Vì thế, cảm thấy khơng cần thiết, tiến hành chèn thẻ rel=”nofollow” vào đâu có liên kết trỏ ngồi, ngoại trừ khu vực bạn trao đổi text link :D Nếu bạn muốn tự động gắn thêm thẻ rel=”nofollow” vào tất liên kết trỏ (ngoại trừ blogroll) nên sử dụng plugin WP External Link 4.15.4 Tăng tốc blog Tốc độ tải trang blog bạn có phần quan trọng việc máy tìm kiếm đánh mục website Website tải nhanh bot tìm kiếm làm việc nhanh hơn, nhờ mà đánh mục nhiều trang cho lần “thăm viếng” Hơn nữa, tốc độ tải trang yếu tố định blog bạn có nhiều người truy cập hay khơng trở thành thành viên thân thuộc website mà tốc độ tải trang thuộc hàng “tốc độ rùa” Vì thế, để cải thiện tốc độ cho blog bạn, có số gợi ý sau: Chọn nhà cung cấp hosting ổn định có tốc độ tải trang tốt Sử dụng Javascript CSS tốt, có nén chúng lại plugin WP Minify Hạn chế sử dụng nhiều plugin, nên sử dụng plugin thật cần thiết mà bạn làm cách thủ công Tham khảo viết plugin nên có cho WordPress Sử dụng cache cho website, thật cần thiết cho website nào, sử dụng plugin WP Super Cache W3 Total Cache để tạo cache cho website để tăng tốc độ truy cập cách đáng kể 4.15.5 Tạo chiều sâu cho liên kết liên quan Sẽ thật bổ ích viết bạn có chèn số liên kết có liên quan, điều giúp cho người đọc dễ dàng điều hướng đến viết có liên quan để tìm thêm thơng tin, thẻ viết chèn liên kết viết người đọc dễ dàng tìm viết có chủ đề để đọc Hơn nữa, điều giúp cho bot tìm kiếm có thêm hội đánh mục viết 115 Simple CSS Standard Edition WallPearl Có cách để tạo chiều sâu liên kết: Tạo danh sách viết liên quan Trỏ link đến thẻ viết Với WordPress làm điều khơng khó khăn, bạn sử dụng plugin sau kết hợp với nhau: Yet Another Related Post Plugin – Tự động tạo danh sách viết liên quan viết cách dựa vào độ tương quan chữ, thẻ category Auto Link Best Tag – Tự động tạo liên kết tag có mặt viết Có thể tùy chỉnh số lần hiển thị link tag viết SEO Smart Link Pro - Đây plugin giúp bạn tự động thêm liên kết vào số từ khóa cụ thể tự động hiển thị viết Ngồi tính phiên Pro cịn giúp bạn tạo redirect cho số liên kết mà bạn muốn giấu đường dẫn, ví dụ http://thachpham.com/go/dreamhost hỗ trợ lưu danh sách từ khóa Plugin có phiên miễn phí hồn tồn vơ dụng với từ khóa tiếng Việt khơng hỗ trợ bảng mã UTF-8 từ khóa liên kết, thành chữ mà có dấu tịt ngịi ln Vì đính kèm link download Pro trên, bạn tải sử dụng mà khơng cần tốn chi phí SEO Auto Links & Related Posts - Tới thời điểm plugin tốt để tạo liên kết sâu tự động hồn tồn miễn phí WordPress Không tự động chèn liên kết vào số từ khóa định, tags hay categories, mà cịn hỗ trợ bạn tạo danh sách viết liên quan đẹp mắt, hỗ trợ ảnh thumbnail slide bên phải hình Theo lời khuyên bỏ qua SEO Smart Link Pro mà sử dụng này, không áy náy chuyện quyền Và cịn cách thủ cơng vơ hiệu tự tay chèn liên kết đến viết có liên quan mật thiết đến nội dung 4.15.6 Thiết lập XML Sitemap Robots.txt XML Sitemap định dạng nội dung chứa đường dẫn viết, thư mục, tag v.v….và tất đồ chi tiết trang web Từ đó, webmaster muốn thơng báo trang web lên máy tìm kiếm dùng sitemap gửi lên trang tìm kiếm Các bot tìm kiếm tiến hành phân tích thu thập liên kết có sitemap tiến hành đưa lên cỗ máy tìm kiếm So với cách thu thập liệu thông thường từ việc crawl trang web, sitemap giúp cho bot tìm kiếm dễ dàng xác định cấu trúc website, hỗ trợ thời gian đánh mục liên kết Vì vậy, bạn muốn website nhanh chóng biết đến trang tìm kiếm tạo sitemap từ thành lập website 4.15.7 Hướng dẫn tạo sitemap xml với Google XML Sitemap 116 Simple CSS Standard Edition WallPearl Google XML Sitemap – Đây plugin tạo sitemap phổ biến WordPress chuẩn xác sitemap để dễ dàng tương thích hoạt động tốt máy tìm kiếm Yahoo, Google, Bing Bạn tùy chọn loại bỏ đánh sitemap số trang tùy chỉnh độ ưu tiên trang Sau tải kích hoạt plugin, bạn kiểm tra xem đường dẫn sitemap bạn có hoạt động khơng, kiểm tra cách truy cập vào http://yourdomain.com/sitemap.xml Nếu trang màu xanh dương liệt kê đường dẫn coi cài đặt thành cơng Cịn website báo khơng tìm thấy file sitemap.xml bạn tiến hành tạo file sitemap.xml sitemap.xml.gz, sau upload lên thư mục gốc website CHMOD cho thành 666 4.15.8 Gửi sitemap lên Google Để gửi sitemap lên Google bạn truy cập đăng nhập vào trang Google Webmaster Tool Nhấp vào nút Thêm trang web nhập địa blog bạn vào Bước xác nhận bạn chủ nhân website cách thêm đoạn thẻ vào website tải tập tin xác nhận sau upload lên thư mục gốc website Sau xác nhận xong, bạn vào Tối ưu hóa -> Sơ đồ trang web, nhấp vào nút thêm sơ đồ trang web nhập sitemap.xml Sau lưu lại chờ thơng báo 4.15.9 Sử dụng Robots.txt File robots.txt hiểu file dùng để điều khiển trình đánh mục website Trong file robots bạn xác định thư mục không cần đánh mục để giúp cho bot đỡ thời gian đánh mục website bạn, đồng thời che giấu số thư mục nhảy cảm Để tạo file robots.txt bạn tạo thủ cơng trình soạn thảo văn đơn giản (như 117 Simple CSS Standard Edition WallPearl notepad) lưu lại với tên robots.txt upload lên thư mục gốc website Hoặc bạn sử dụng công cụ Robots.txt Generation Giả sử bạn sử dụng WordPress file robots.txt sau: User-agent: * Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /wp-content/ Đoạn User-agent:* nghĩa cho phép tất bot tìm kiếm thi hành lệnh Còn đoạn Disallow ngăn chặn bot lập mục cho thư mục Các bạn thêm thứ cần thiết mà bạn không muốn bot thu thập gửi lên máy tìm kiếm 118 Simple CSS Standard Edition WallPearl 4.16 Danh sách plugin WordPress tốt Chắc hẳn sử dụng WordPress khó khăn việc lựa chọn plugin, chí người sử dụng WordPress lâu năm có lúc phân vân việc lựa chọn plugin có q nhiều plugin giống nên dùng tốt Các plugin danh sách đánh giá để xếp hạng thông qua chức năng, hỗ trợ, cập nhật thường xuyên chắn đoạn mã độc hại đính kèm Hiện danh sách xếp hạng plugin gồm: Các plugin bảo mật tối ưu tốt Các plugin SEO tốt Các plugin bán hàng tốt Các plugin có ích Các plugin có tiềm Quy trình kiểm tra plugin bao gồm Test thử host online Kiểm tra mã độc qua file đính kèm Theo dõi change log plugin để biết plugin có update thường xuyên Kiểm tra đánh giá người sử dụng khác Vì vậy, bạn hồn tồn n tâm với danh sách Tuy nhiên, không gian danh sách có hạn nên khơng ghi rõ chức ra, bạn vào trang tải plugin đọc phần mơ tả xem screenshot, xin lỗi bất tiện Nếu bạn sử dụng phát lỗi, liên lạc với phatnguyen@kent-international.edu.vn để kiểm tra giảm thứ hạng Ngồi ra, bạn biết plugin hay giới thiệu cho Các bạn vào http://wordpress.org/download/ để download plugin bên Những plugin SEO tốt Tên Wordpress SEO by Yoast SEO Ultimate All in One SEO Google XML Sitemap WP External Links Tác giả Joost de Valk SEO Design Solutions Michael Torbert Arne Brachhold Victor Villaverde Laan Đánh giá Dễ dùng tốt Đa chức Dễ sử dụng Tạo sitemap tốt Dễ sử dụng Những plugin bảo mật tối ƣu hóa tốt Tên Tác giả 119 Đánh giá Simple CSS Standard Edition BulletProof Security Better WP Security 6Scan Security Akismet WP 2-Step Verification WallPearl Edward Alexander Bit51 6Scan Automattic As247 Mạnh mẽ Dễ sử dụng Tiện dụng Trùm chống spam lớp bảo mật Những plugin làm trang bán hàng tốt Tên Tác giả Đánh giá WooEcommerce WooThemes Dễ dùng eShop Rich Pedley Tốt khó dùng Ecwid Ecwid Team Gọn nhẹ PayPal Simple Cart Ruhul Amin Đơn giản Ready! Ecommerce Shopping Ready Shopping Đa tính Cart Những plugin có ích Plugin SEO, bảo mật hay làm trang bán hàng có ích để dễ tham khảo xin tách ra, 20 plugin plugin nên dùng 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 WP Super Cache Donncha O Caoimh Dễ sử dụng Contact Form 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 WP Page Navi Lester „GaMerZ‟ Nên sử dụng Chan GRAND FIAGAllery Rattus Đẹp mắt User Role Editor Vladimir Garagulya Nên dùng blog có nhiều author Facebook Facebook Tương tác Wordpress với Facebook Disqus Comment System Disqus Dễ sử dụng 120 Simple CSS Standard Edition BJ Lazy Load Special Recent Post Fancier Author Box Better Wordpress Recent Comment External Links Shortcode Ultimate Liveblog Use Google Libraries BJ Lazyload WallPearl Bjørn Johansen Luca Grandicelli ThematoSoup Khang Minh Nên dùng Nên dùng Nên dùng Nên dùng Denis de Bernardy Hỗ trợ SEO Vladimir Anokhin Bộ shortcodeđẹp Automatic Đăng status giống mạng xã hội Jczorkmid Bjornjohansen Không thể thiếu Không thể thiếu Những plugin có tiềm Đây plugin tốt người biết đến, có hội trở thành plugin phổ biến ngày không xa Tên Tác giả Đánh giá Schema Creator Norcross Tạo microdata cho viết dễ dàng Wordfence Security Mmaunder Bảo vệ file toàn diện CSS & Javascript Evgeniy Tối ưu hóa JS CSS Optimizer Kotelnitskiy WP Retina TigrouMeow Resize ảnh tốt Auto SEO Phillip.Gooch SEO đơn giản Infinite WP Client InfiniteWP Multi Blog Client FAQ Manager IndiaNIC Tạo quản lý trang F.A.Q Wordpress Video Contus Support Tạo gallery cho video chuyên nghiệp Gallery 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 toán PayPal đơn giản Codepress Admin Codepress Sắp xếp kiểu hiển thị WpColumns admin SlideDesk Lite Dtelepathy, Kynatro Slide ảnh chuyên nghiệp Content Simple Footnote Nacin Thêm ghi cho viết Advanced Youtube Embedplus Đăng video từ youtube đa Embed Easy Rotetor DWUser Slide ảnh đơn giản 121 Simple CSS Standard Edition WallPearl Social Login Claude Schlesser A Better Search Live Chat Robot Post View Count Ultimate TinyMCE Solioquy Lite Mikko Saari Acobot Juliobox Josh Lobe Griffinjt Bình luận, đăng nhập tài khoản mạng xã hội Tối ưu chức tìm kiếm Chat tự động Hiển thị lượt xem viết Khung soạn viết trực quan Tạo slide ảnh định dạnh Responsive 4.17 28 plugin kết nơí WordPress với ứng dụng Google Google thật làm chủ giới công nghệ không với dịch vụ phổ biến Google Search Google Email (Gmail) mà làm cho ngày chịu phụ thuộc nhiều vào gã “tay to” với nhiều ứng dụng Google Calendar, Google Alert, Google Plus, Google Picasa, Youtube Và bạn trung thành với dịch vụ Google, hẳn muốn tích hợp chúng vào blog để dễ dàng kiểm sốt quản lý hơn, đồng thời giúp chia sẻ tốt dịch vụ chia sẻ Google Google Page Rank Badget Dễ dàng chèn hình ảnh hiển thị Page Rank website, thích hợp để “khoe” PR Google+ Plugin Nếu bạn muốn chèn nút +1 vào đâu blog mà không muốn tốn nhiều thời gian nên dùng plugin Plugin làm việc WordPress Multi User (WordPress MU) 122 Simple CSS Standard Edition WallPearl WordPress Social Login Thêm tính đăng nhập, bình luận tài khoản mạng xã hội khác Google Plus Favicon Plugin tự động hiển thị favicon blog avatar Google Plus bạn Gravatar Google Images Nếu blog bạn có nhiều comment dùng Gravatar để hiển thị avatar bạn cho hiển thị hình ảnh tự động từ Google Images để làm đẹp blog, ngược lại người dùng có avatar hiển thị avatar người dùng Google Picasa Viewer Hiển thị gallery ảnh từ tài khoản Picasa viết trang shortcode, đồng thời hỗ trợ widget hiển thị TubePress 123 Simple CSS Standard Edition WallPearl Hiển thị widget video clip tài khoản bạn Youtube blog WordPress Hỗ trợ chèn showcase đẹp mắt tiện lợi Youtube Simple Gallery Không phức tạp TubePress, plugin giúp bạn chèn showcase video từ Youtube vào viết dễ dàng, hỗ trợ xem video popup-lightbox đẹp CodeArt – Google Mp3 Player Chơi định nhạc định dạng mp3 player Google, nhẹ tiện lợi Chỉ hoạt động bạn dùng link mp3 trực tiếp Google Maps Plugin Chèn phần đồ từ Google Map vào viết dễ dàng Chỉ cần nhấn vào nút chèn Google Map viết, tìm địa điểm cần chèn có đồ từ Google Map vào viết mà không cần trải qua số bước phức tạp làm thủ công Convert Address to Google Map Tự động chuyển đổi địa dạng chữ thành Google Map, kích hoạt địa nằm cặp thẻ Comprehensive Google Map Chèn đồ vào blog từ Google Map, hỗ trợ hiển thị đồ đẹp mắt dễ sử dụng 124 Simple CSS Standard Edition WallPearl WP Google Drive Tự động backup tất liệu blog upload vào tài khoản Google Drive bạn, có hỗ trợ tự động backup theo chu kỳ Google Document Enbedder Hiển thị nội dung file văn Google Document WordPress Điểm đặc biệt plugin không yêu cầu người dùng cài thêm Flash hay PDF cho trình duyệt WordPress Google Form Nếu bạn thường xuyên sử dụng Google Form vào blog plugin bạn nên sử dụng Plugin cho phép hiển thị form Google Form lên viết trang WordPress giống hiển thị form bình thường, xem ảnh để biết thêm chi tiết Easy Adsense Chèn widget quảng cáo từ tài khoản Google Adsense dễ dàng vào viết Hỗ trợ hiển thị widget footer Adsense Plugin Chèn quảng cáo Google Adsense vào viết, chỉnh sửa màu sắc font chữ cho quảng cáo trang quản trị 125 126 Google Analytics Dashboard Nếu bạn ngại thường xuyên vào trang chủ Google Analytics để xem thống kê website mang vào trang Dashboard WordPress với plugin Ngồi hỗ trợ chèn widget hiển thị lượt truy cập đếm lượt xem trang viết, nên dùng cho tất người 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 Google Site Verification Plugin Một số dịch vụ Google liên quan đến website phải yêu cầu bạn chứng thực website việc thêm thẻ meta vào website upload file xác nhận lên hosting làm thời gian, plugin giúp bạn vượt qua cơng đoạn với cú click Google Authorship Widget Chèn widget hiển thị avatar từ Google Plus, đồng thời hỗ trợ hiển thị avatar Google Plus kết tìm kiếm máy tìm kiếm để kết bạn bật Xem thêm Google Calendar Event Chèn widget hiển thị kiện tài khoản Google Calendar vào WordPress Stout Google Calendar Chèn widget hiển thị lịch Google Calendar cho phép chỉnh sửa màu sắc Google Libraries 126 127 Nếu blog bạn sử dụng nhiều plugin javascript gây trở ngại đến tốc độ website hao tốn nhiều băng thông Plugin cho phép bạn dùng plugin javascript có thư viện thay sử dụng file javascript website, tiết kiệm băng thông cải thiện tốc độ cho blog Google Font Tùy chọn hiển thị font chữ đẹp vào blog WordPress lấy từ thư viện Font Google Feedburner Plugin Tự động chuyển link RSS mặc định blog link RSS Feedburner Google Alert Hiển thị báo cáo từ Google Alert Dashboard WordPress Google Custom Search 127 128 Chèn chức tìm kiếm viết blog từ Google vào blog, hỗ trợ tùy chỉnh màu sắc, kiểu hiển thị Với plugin bạn thấy lợi ích dịch vụ nhỏ Google lớn đến mức nào, có tới dịch vụ Google phải phụ thuộc vào nhiều Cịn bạn sao? Hiện bạn sử dụng dịch vụ Google? 4.18 21 website để tìm theme miễn phí Để tìm giao diện miễn phí dành cho WordPress khơng có khó WordPress phổ biến giới, có hàng trăm website cung cấp theme miễn phí dành cho bạn lựa chọn, vấn đề nên tìm giao diện miễn phí đâu để chắn theme khơng bị chèn quảng cáo, mã độc làm ảnh hưởng đến hoạt động website bạn WordPress Theme Showcase Fresheezy Graph Paper Press BlogOhBlog TopWPThemes WooThemes ThemeLab WpThemeFree 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 128 129 Bài XUẤT BẢN VÀ DUY TRÌ WEBSITE Mã bài: MĐ26– 05 Giới thiệu: Tên miền thường gắn kèm với tên công ty thương hiệu doanh nghiệp Tên miền nhấtvà cấp phát cho chủ thể đăng ký trước – Hosting nơi khơng gian máy chủ có cài dịch vụ Internet ftp, www, nơi bạn chứa nội dung trang web hay liệu khơng gian Mục tiêu: Trình bà quy trìn xây dựng Website; Làm thủ tục để triển khai Web lên hệ thống mạng Internet; Kiểm thử phát triển Website; Cẩn thận tỉ mỉ kiểm tra lỗi phát triển Web Nội dung Đăng ký tên miền, hosting 1.1 Tên miền – domain 1.2 Hosting 1.3 Đăng ký dịch vụ Cài đặt Website lên Server 2.1 Xác nhận thông tin server 2.2 Đưa mã nguồn lên server Phát triển Website 3.1 Kiểm tra thử nghiệm nội dung 3.2 Phát triển nội dung Bảo mật Website 4.1 Hiểm họa Website 4.2 Các giải pháp 129 ... số loại phần mở rộng plugin để hỗ trợ tính – đặc biệt tính multi-blog B2evolution xây dựng tảng PHP MySQL 2 .Web server Web server dịch tiếng Việt nghĩa máy chủ Web server máy tính lớn kết nối... thức thiết kế để gửi file đến trình duyệt Web, giao thức khác (Ví dụ: bạn truy cập vào trang web vinahost.vn máy chủ cung cấp đến bạn tất liệu trang web thơng qua lệnh giao tiếp) Máy tính máy. .. cho người thiết kế web người sử dụng website 4. 12. 1 Quản trị widget Để truy cập phần thiết đặt widget bạn đăng nhập tài khoản quản trị wordpress vào phần Appearance > Widgets Sau vào phần quản