Các công cụ phục vụ thiết kế web hiện nay đang ngày càng trở nên phổ biến cũng như thân thiện với người dùng, trong những trường hợp khách hàng có nhu cầu muốn xây dựng cho mình 1 websit
GIỚI THIỆU CHUNG VỀ PHẦN MỀM MÃ NGUỒN MỞ
Giới thiệu
Phần mềm nguồn mở (PMNM) là những phần mềm được cung cấp dưới cả dạng mã và nguồn, không chỉ là miễn phí về giá mua mà chủ yếu là miễn phí về bản 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 một số nguyên tắc chung qui định trong 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 được phép làm đối với các phần mềm nguồn đóng (tức là phần mềm thương mại) Nhìn chung, thuật ngữ “Open source” được dùng để lôi cuốn các nhà kinh doanh, một điều thuận lợi chính là sự miễn phí và cho phép người dùng có quyền “sở hữu hệ thống”
Nhà cung cấp phần mềm nguồn mở có quyền yêu cầu người dùng trả một số chi phí về các dịch vụ bảo hành, huấn luyện, nâng cấp, tư vấn, vv… tức là những dịch vụ thực sự đã thực hiện để phục vụ người dùng, nhưng không được bán các sản phẩm nguồn mở vì nó là tài sản của trí tuệ chung, không phải là tài sản riêng của một nhà cung cấp nào
Tiện ích mà Open Source mang lại chính là quyền tự do sử dụng chương trình cho mọi mục đích, quyền tự do để nghiên cứu cấu trúc của chương trình, chỉnh sữa phù hợp với nhu cầu, truy cập vào mã nguồn, quyền tự do phân phối lại các phiên bản cho nhiều người, quyền tự do cải tiến chương trình và phát hành những bản cải tiến vì mục đích công cộng
+ Sự ra đời và phát triển của phần mềm nguồn mở:
Phần mềm nguồn mở/tự do (gọi tắt là FOSS) đã trở thành một hiện tượng toàn cầu, đi từ vị trí tương đối mờ nhạt lên thành một trào lưu thời thượng trong vòng có vài
* Quyền tự do chạy một chương trình với bất kỳ mục đích nào
* Quyền tự do nghiên cứu cách thức vận hành của một chương trình và thích ứng nó cho phù hợp với nhu cầu của mình Khả năng tiếp cận mã nguồn là điều kiện tiên quyết cho việc này
* Quyền tự do phân phát các phiên bản của phần mềm để giúp đỡ những người xung quanh
* Quyền tự do thêm mới các chức năng cho một chương trình và công bố những tính năng mới đó đến công chúng để toàn cộng đồng được hưởng lợi Khả năng tiếp cận mã nguồn là điều kiện tiên quyết cho việc này
Năm 1999, sau màn trình làng thành công vang dội của sản phẩm GNU/Linux Red Hat đưa đến cho phần mềm này 4.8 tỷ đôla vốn huy động từ thị trường Những phần mềm khác ra mắt công chúng cùng năm đó là VA Linux (huy động được 7 tỷ đôla), Cobait Networks (đem lại 3.1 tỷ đôla từ thị trường vốn) và Andover.net (huy động được 712 triệu đô) Là sản phẩm chính của phong trào Phần mềm nguồn mở, việc GNU/Linux thành công chứng tỏ rằng phần mềm nguồn mở đã thực sự khẳng định được vị trí của mình
+ Lợi ích của Mã nguồn mở
Phần mềm nguồn mở - PMNM (hay còn gọi là Phần mềm tự do nguồn mở - FOSS), nếu xét trên khía cạnh giấy phép sử dụng, có nghĩa là tự do sử dụng, tự do sửa đổi, cải tiến, tự do phát hành Nếu xét trên góc độ phát triển, PMNM nghĩa là "tính mở" và có sự tương tác rộng trong quá trình phát triển phần mềm
Hiện nay, PMNM đã và đang thu hút được sự chú ý mạnh mẽ của cộng đồng, và số lượng phần mềm cũng như người dùng đã tăng lên một cách đáng kể Những lợi ích dưới đây do phần mềm nguồn mở mang lại chắc chắn sẽ khiến bạn, nếu chưa sử dụng, nên suy nghĩ để lựa chọn giữa phần mềm thương mại và phần mềm mở
Lợi ích lớn nhất trong việc chuyển đổi sang phần mềm tự do nguồn mở là giảm
- Giảm chi phí phát triển phần mềm đáp ứng theo yêu cầu nghiệp vụ (sử dụng phần mềm, mô-đun có sẵn để phát triển tiếp, sửa đổi điều chỉnh cho phù hợp với nghiệp vụ)
- Kéo dài thời gian sử dụng/tái sử dụng các phần cứng, thiết bị trong khi vẫn đảm bảo hiệu năng toàn hệ thống
- Chi phí đầu tư, vận hành hệ thống tập trung cho các dịch vụ “hữu hình” đem lại giá trị trực tiếp, thiết thực cho tổ chức như: tư vấn, sửa đổi theo yêu cầu, triển khai, đào tạo, bảo trì, nâng cấp hệ thống
- Mức chi phí tiết kiệm khoảng 75-80% so với phần mềm license ngay trong năm đầu tiên
Giảm tối đa sự phụ thuộc vào một vài nhà cung cấp phần mềm dẫn đến dịch vụ kém (do không có cạnh tranh), hoặc “bị ép” trong các trường hợp cần đàm phán về chi phí, dịch vụ (mỗi FLOSS có thể có nhiều nhà cung cấp dịch vụ tương tự), nâng cấp phần mềm, mở rộng hệ thống (với mã nguồn trong tay, có thể dễ dàng nâng cấp, mở rộng hệ thống theo yêu cầu trong mỗi giai đoạn phát triển) Đối với các hệ thống đang hoạt động, chủ động thực hiện chuyển đổi sẽ tránh được “nguy cơ” bị phạt vi phạm bản quyền và/hoặc bị “bắt buộc” mua license
Tăng tính thương hiệu cho doanh nghiệp khi giới thiệu được với cộng đồng, đối tác, khách hàng (đặc biệt là ngoài nước) là chúng tôi đã chuyển đổi thành công và 100% không vi phạm bản quyền
Tăng cường độ tin cậy (có thể kiểm chứng không có mã độc, “cửa sau” với mã nguồn được phân phối kèm), ổn định (tuân theo các chuẩn mở ứng dụng lâu dài), tính an toàn, bảo mật (theo báo cáo của Gartner & nhiều tổ chức phân tích độc lập) toàn hệ thống
+ Ứng dụng của mã nguồn mở
- Phần mềm máy chủ web Apache Trên hệ điều hành Windows có tích hợp phần mềm an toàn và ổn định, và hệ thống này đã được sử dụng rất phổ biến trên cả hệ điều hành Linux lẫn Windows
TỔNG QUAN VỀ WORDPRESS GIỚI THIỆU CÀI ĐẶT
2.1- Lịch sử hình thành và phát triển
WordPress là một mã nguồn web mở để quản trị nội dung (CMS – Content Management System ) và cũng là một nền tảng blog (Blog Platform) được viết trên ngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MySQL được phát hành đầu tiên vào ngày 27/5/2003 bởi Matt Mullenweg và Mike Little
Thực ra WordPress lúc đầu mới công bố ra nó không được xem như là một CMS bởi vì sức mạnh của nó cũng còn giới hạn ít nhiều nên lúc đó cộng đồng xem WordPress chỉ là một mã nguồn được lựa chọn để phát triển blog cá nhân bình thường với các tính năng rất cơ bản là hỗ trợ tạo trang tĩnh, tạo bài viết có nhúng tính năng bình luận bài viết để thành viên có thể tương tác
Tuy vậy, so với công nghệ lúc bấy gì thì WordPress cũng đã có những bước tiến vượt bật so với những đối thủ khác mà cái quan trọng nhất là tính tương tác hoàn toàn đơn giản để có thể gần gũi với người sử dụng không chuyên Vì vậy lúc đó WordPress đã bắt đầu trở thành một mã nguồn mở được nhiều người chú ý đến và nhận donation (quyên góp) từ những người ủng hộ để có thể phát triển được tốt hơn
Và đúng như nguyện vọng của nhiều người, WordPress đã có một sự phát triển vượt bậc ngay sau đó mà đầu tiên là sự nâng cấp về backend để quản lý tốt hơn, nhiều tính năng mới được ra đời (trong đó có tính năng Custom Field thần thánh mà mãi tận bây giờ nó vẫn nằm trong top các tính năng thú vị nhất), kèm theo đó là một thư viện theme chính thức được công bố với hàng trăm giao diện khác nhau cho WordPress mà người dùng có thể tải về
-Hiện tại tính ở thời điểm này, WordPress đã có những con số rất ấn tượng như sau:
Khoảng 72,000,000 website đang sử dụng mã nguồn mở WordPress
Mỗi ngày có khoảng 145,000 lượt download mã nguồn WordPress từ trang chủ WordPress chiếm khoảng 19% thị phần cho tổng số website có mặt trên thế giới Trong khi đó Joomla chỉ có 3% Và website không sử dụng CMS chiếm 69%
Tổng số lượt download hiện tại của WordPress là khoảng 500,000,000 lần
Như vậy chắc bạn cũng đã hình dung ra độ khủng khiếp của WordPress rồi nhỉ Chưa hết đâu, và đây là một số website lớn trên thế giới tin dùng WordPress:
Vậy thì tại sao bạn lại không sử dụng WordPress ngay từ bây giờ nhỉ? Hay bạn vẫn còn đang băn khoăn khi sử dụng WordPress có nhược điểm và ưu điểm gì chăng?
Ok, để mình thử liệt kê ra các ưu và nhược điểm của WordPress nhé
2.2- Giới thiệu và định nghĩa về WordPress
- Wordpress là một CMS được xây dựng từ ngôn ngữ lập trình PHP và sử dụng hệ quản trị CSDL MySQL để lưu trữ WordPress được phát triển bởi Michel Valdrighi và public hoàn toàn miễn phí (Open Source) Tính tới thời điện hiện tại thì version mới nhất của WordPress là Version 4.7, bạn có thể download WordPress tại trang chủ của
-Trước đây WordPress được ví như một CMS thường sử dụng cho cho cá nhân tạo blog hay các doanh nghiệp tạo website đơn giản để quảng bá thương hiệu Tuy nhiên đến thời điểm hiện tại thì nó không còn là một Blog CMS nũa mà trở thành một công cụ tạo ra nhiều loại website khác nhau, trong đó có cả website mảng thương mại điện tử
- Wordpress được đánh giá là một hệ quản trị nội dung mã nguồn mở mạnh Với ưu điểm dễ cài đặt và quản lí với mức độ tin cậy cao Hiện nay wordpress đang được phổ biến trên thế giới
- Wordpress đáp ứng được mô tả về 7 đặc tính của Web 2.0:
• Web có vai trò nền tảng, có thể chạy mọi ứng dụng
• Tập hợp trí tuệ cộng đồng
• Dữ liệu có vai trò then chốt
• Phần mềm được cung cấp ở dạng dịch vụ web và được cập nhật không ngừng
• Phát triển ứng dụng dễ dàng và nhanh chóng
• Phần mềm có thể chạy trên nhiều thiết bị
• Giao diện ứng dụng phong phú
- Joomla được sử dụng để xây dựng nhiều trang web khác nhau đặc biệt là:
• Website của các tổ chức hoặc website thông tin
• Website thương mại điện tử
• Website các công ty nhỏ
• Website trường học, ngân hàng, chính phủ vv
• Và nhiều ứng dụng khác nữa
- Dễ tùy biến, nếu bạn là người đã có kiến thức sẵn về PHP, CSS, HTML thì điều này rất dễ dàng
- Nhiều cộng đồng hỗ trợ và hướng dẫn, đơn cử là như ThachPham.Com của mình đây
- Có thể làm được nhiều thể loại website, từ blog cá nhân đến các trang thương mại điện tử
- Nhẹ và hao tốn ít tài nguyên máy chủ
- Các Theme Framework hiện có sẽ giúp bạn tự thiết kế giao diện WordPress dễ dàng
- Dễ sử dụng và quản lý
- Nhiều khái niệm khó hiểu nếu bạn mới bắt đầu
- Muốn tùy biến WordPress, bạn phải có kiến thức lập trình web căn bản nhất
- Các theme đẹp đa phần là phải trả phí Và plugin cũng vậy
- Nếu bạn là Developer, bạn sẽ hơi mệt mỏi với các hàm có sẵn của WordPress vì nó quá nhiều
- Với các ưu điểm và nhược điểm như vậy, mình nghĩ rằng bạn đã tự quyết định được rằng có nên dùng WordPress rồi đúng không nào Nếu bạn cảm thấy nó không phù hợp với bạn thì bạn có thể dừng lại, nhưng nếu bạn cảm thấy nó phù hợp với tiêu chí của bạn, thì hãy cùng mình bắt đầu với WordPress ngay từ bây giờ nhé
2.6 Các phiên bản của Wordpress
- WordPress 1.0 “Miles Davis” bắt đầu hỗ trợ SEO tốt hơn với các đường dẫn thân thiện (Search engine friendly permalinks) Từ phiên bản này, WordPress cũng cho phép chọn nhiều Categories trong một bài viết
- WordPress 1.5 “Billy Strayhorn” cho phép tạo các Pages Chức năng sau này được
- WordPress 2.3 “Dexter Gordon” lần đầu xuất hiện chức năng rất được yêu thích là
- WordPress 2.7 “John Coltrane” có sự thay đổi lớn ở giao diện back-end Phần admin menu được chuyển từ dạng ngang - bên trên sang dạng dọc - phía bên trái
- WordPress 3.0 “Thelonious” tích hợp sẵn WordPress MU vào core Lập trình viên chỉ việc khích hoạt chức năng này để sử dụng thay vì phải cài plugin để tạo multisite như trước kia Ở phiên bản này, WordPress đã bắt đầu hỗ trợ việc quản trị các Menus trong back-end Một cải tiến lớn nữa là nhà phát triển có thể tạo các Custom Post Type và Custom Taxonomy
- WordPress 3.5 “Elvin Jones” được tích hợp thêm các class mới là WP_Comment_Query, WP_User_Query giúp cho việc truy vấn đơn giản hơn Nếu như trước kia, muốn lấy danh sách user theo một tiêu chí nào đó thì phải kết nối trực tiếp tới database và JOIN các bảng wp_users, wp_usermeta, thì nay đã có thể sử dụng WP_User_Query (tương tự như việc dùng WP_Query ở các posts) Ngoài ra ở phiên bản này còn có thêm một Image Editing API (WP_Image_Editor) giúp làm việc với ảnh crop, resize, rotate
- WordPress 3.8 “Parker” là một bản cập nhật lớn cho giao diện quản trị back-end Các đối tượng UI được làm phẳng đẹp mắt, font chữ Open Sans hiện đại và hỗ trợ full responsive Bộ icon font “Dashicons” cũng được tích hợp từ phiên bản này
THIẾT KẾ CÁC THÀNH PHẦN CHÍNH CHO WEBSITE TRƯỜNG HỌC
Setup cho website
3.1 Cài ngôn ngữ Tiếng Việt cho trang Web
VàoSetting chọn general rồi chọn Site language
Rồi chọn đường dẫn đến nơi chứa font tiếng Việt
- Một số Plugin thông dụng
JetPack – Bộ tập hợp các công cụ hữu ích cho WordPress (không cài được ở localhost)
Yoast SEO – Hỗ trợ SEO cho WordPress tốt nhất
WP Super Cache – Tạo bộ nhớ đệm để tăng tốc website iThemes Security – Plugin bảo mật thông dụng nhất cho WordPress
Contact Form 7 – Tạo form liên hệ tốt nhất
Responsive Lightbox by dFactory – Tạo hiệu ứng lightbox khi click vào ảnh để xem ảnh lớn
ReplyMe – Gửi thông báo khi có người trả lời bình luận
Disqus – Nếu bạn muốn dùng hệ thống bình luận
3.3 Cài đặt một trang Trường học bằng plugin Slideshows
B1:Nhấn Gói mở rộng rồi click vô Cài mới tải plugin lên
B2:Nhập tên Plugin Slideshows và ấn kích hoạt, Nhấn Gói mở rộng rồi click vô Đã cài đặt và chọn plugin Slideshows kích hoạt
3.3 - Tìm hiểu về user manager - quản lí người dùng
- Có ít nhất một user được đăng ký trong mỗi website Wordpress Khi cài đặt Wordpress đó là user có đặc quyền cao nhất là Super User Mỗi user khi đăng ký cần có một username, một địa chỉ email và một password Mỗi user sẽ được gán vào một nhóm user (userGroup) Mỗi nhóm user có một cấp độ truy xuất khác nhau trong website
3.3.2 - Xem các danh mục của User Group
+ Vào Thành viên rồi chọn Thêm mới Điền đầy đủ thông tin như trên và chọn quyền ở phần chọn Vai trò là được sửa theme Thêm, chỉnh sửa, bật/tắt các plugins Quản lí các widget Quản lí các tùy chọn Quản lí, duyệt các comment Thêm, xóa, chỉnh sửa các page, chủ đề, liên kết Viết bài, xóa, chỉnh sửa các bài viết Xuất bản các bài viết Quản lí và phân quyền cho các thành viên Upload file ……
- Vai trò của thành viên role Editor: Editor là thành viên có quyền cao thứ 2 trong WordPress Các quyền cơ bản của role Editor bao gồm: Duyệt các comment Quản lí các chủ đề Quản lí các liên kết Upload file Viết bài, chỉnh sửa bài viết của mình và của những người khác Xuất bản các bài viết Chỉnh sửa các page
- Vai trò của thành viên role Author: Author là thành viên có quyền cao thứ 3 trong WordPress Author về cơ bản chỉ có quyền để post bài trên WordPress mà thôi Viết bài, chỉnh sửa bài viết của mình Xuất bản bài viết Upload file
- Vai trò của thành viên role Contributor: Contributor trong WordPress chỉ có quyền chuẩn bị bài viết (draft), chỉnh sửa bản draft đó trước khi Administrator hoặc Editor xuất bản nó: Viết bài Nhưng không thể xuất bản bài viết, khi nào Administrator hoặc Editor duyệt thì bài mới được đăng
- Vai trò của thành viên role Subscriber: Subscriber là role có quyền thấp nhất trong WordPress, user thuộc role này chỉ được xem nội dung website và theo dõi website (nhận được email khi có nội dung mới đăng)
3.4 -Tìm hiểu về menu manager
- Để xem các trang web của website Wordpress, ta cần một menu gồm các menu item với các liên kết tương ứng tới các bài viết Bạn có thể tạo nhiều menu Mỗi menu có một module tương ứng để qui định vị trí hiển thị trên một vùng của trang template
- Sau khi đã tạo ra category nghĩa là tạo Chủ đề của bài viết Rồi tạo các bài viết theo một chủ đề Việc tiếp theo là tạo menu gồm các menu item:
3.4.2 - Xem danh mục các menu
+ Vào Trang -> Tất cả các trang
+ Giao diện Menu Manager xuất hiện với danh sách các menu cần quản lý
3.4.3 - Tạo mới menu / hiệu chỉnh menu
-Để tạo menu ta vào Giao diện và chọn mục Menu
Sau đó, bạn nhìn cột bên tay trái là các đối tượng mà bạn có thể thêm vào menu như Page, Categories, Link (một liên kết bất kỳ) Bạn có thể chọn đối tượng mà bạn cần thêm vào và ấn nút Thêm vào Menu để thêm nó vào menu đang mở
- Thêm một liên kết với tùy chọn Link bạn có thể xem hình dưới đây:
- Sau khi bạn chọn mục Bài viết ở trên thì ở phía tay trái của Trình đơn sẽ xuất hiện mục Bài viết, sau đó bạn thêm bài viết vào Trình đơn như hình sau:
3.5 Cách đăng một bài viết
-Để đăng một Bài viết, bạn truy cập vào WordPress Dashboard, click vào Viết bài mới bên tay trái
- Để quản lý bài viết ta vào Bài viết rồi chọn Tất cả bài viết
-Ở đây ta có thể thêm ,sửa, xóa bài viết tùy ý
- Ta vào phần Giao diện bên tay trái rồi chọn Header
- Chọn ảnh tù file trên máy hoặc thư viện có sẵn , Chọn và cắt bên tay phải
- Và đây là kết quả
3.7 Thêm một Slideshow Image đơn giản
- Tại đây nó sẽ giống như trang thêm bài viết, nhưng nó sẽ có nhiều chức năng riêng để thêm một Slide
- Đăng bài viết trong các thư mục
B2:Vào Widgetsau đó vào Footer sizebar One, Two, Three thêm chỉnh tùy ý
-Và đây là kết quả
- Vào Phần Right Sizebar thêm các phần :
- Cách nhúng video vào website
+ Right sizebar sau đó click chọn thêm widget chọn Văn Bản
+ Phần nội dung truy cập youtube chọn phần nhúng copy đoạn code nhúng đưa vào lưu ta có kết quả Đối với nhúng fanpage làm tương tự
Bước 1: Vào trang https://dashboard.subiz.com/register.html
Bước 2: Đăng ký xong sẽ có thông báo đăng ký tài khoản thành công Bạn Click và liên kết trong email gửi về để kích hoạt tài khoản
Bước 3: Sau khi kích hoạt quay về trang chính, chọn Đăng Nhập
Bước 4 : Tích hợp Subiz Live Chat vào Website
- Chúng ta có kết quả tích hợp như sau : Đây là website đã được tích hợp Subiz Live Chat
CHƯƠNG IV : HƯỚNG DẪN THIẾT LẬP SAO LƯU VÀ PHỤC HỒI
Plugin hỗ trợ backup và phục hồi dữ liệu miễn phí tốt nhất đó là BackWPUp Đầu tiên vào Plugins -> Add new và upload plugin, sau đó ấn Intall Now như trong ảnh và active như thường lệ :
Sau khi cài plugin và kích hoạt BackWPUp xong, bạn sẽ thấy trên Dashboard có một menu tên BackWPUp ở cột tay trái
- Dashboard: Khu vực chứa các thông tin chung về tiến trình backup trên website
- Jobs: Danh sách các tiến trình backup tự động, mỗi job là một tiến trình backup
- Add new Job: Thêm một tiến trình backup mới
- Logs: Xem nội dung các file log của mỗi lần backup Để chắc chắn là cấu hình host của bạn phù hợp với BackWPUp, bạn nên vào phần
Tạo một job mới Để tạo một job backup mới, hãy vào BackWPUp ->Add new Job
Tại đây, bạn khai báo các thông tin về tiến trình tự động backup Phần Job Destination là thiết lập nơi cần lưu dữ liệu backup, nếu bạn mới sử dụng thì nên chọn Backup to Folder để nó lưu dữ liệu backup lên host
Dưới đây là cách thiết lập thông dụng nhất:
Kế tiếp là chuyển qua tab Schedule để thiết lập lịch backup tự động, bạn hãy chọn
With WordPress cron và chọn là daily nếu muốn job này chạy mỗi ngày
Tới bước này thì bạn đã có thể backup được rồi, nên hãy ấn Save Changes lại Nếu muốn bạn có thể tự tìm hiểu thêm các chức năng còn lại
Bây giờ để chạy thử Job, hãy vào BackWPUp ->Jobs -> ấn nút Run now của cái job vừa tạo để nó bắt đầu backup xem có lỗi gì xảy ra không
Và nó sẽ bắt đầu backup kèm tiến trình để bạn xem
Bạn có thể ấn vào nút Display working log để xem nó làm việc tới đâu và có lỗi gì màu đỏ không Nếu nó chạy hết 100%, bạn có thể vào BackWPUp ->Backups để xem file chứa dữ liệu backup của bạn, bạn có thể tải về máy