nghiên cứu CMS wordpress Haui

Báo cáo thực hành mã nguồn mở Nhóm: 01 Thành viên Trần Quang Thiều Đoàn Đức Trung Nguyễn Duy Nghĩa Giới thiệu wordpress WordPress phần mềm nguồn viết ngôn ngữ lập trình website PHP sử dụng hệ quản trị sở liệu MySQL; đôi ngôn ngữ lập trình website thơng dụng WordPress mắt lần vào ngày 27/5/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển cơng ty Automattic có trụ sở San Francisco, California WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đơng đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời WordPress xem hệ quản trị nội dung vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có độ phức tạp cao đặt phòng khách sạn, thuê xe, đăng dự án bất động sản Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Nhưng khơng có nghĩa WordPress thích hợp với dự án nhỏ, mà có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,…rất nhiều kể hết Lịch sử b2/cafelog, thường biết đến với tên đơn giản b2 hay cafelog tiền thân WordPress b2/cafelog theo ước lượng sử dụng khoảng 2000 blog tháng năm 2003 Nó viết ngơn ngữ lập trình PHP để dùng với MySQL Michel Valdrighi, người trở thành nhà phát triển WordPress Mặc dù WordPress hậu duệ thức dự án khác, b2evolution , song song phát triển Vào năm 2004, thời hạn cấp phép gói sản phẩm cạnh tranh Movable Type bị thay đổi Six Apart, nhiều người dùng chuyển sang sử dụng WordPress, tạo nên bước ngoặt lớn phát triển phổ biến WordPress Năm 2007, WordPress giành giải thưởng Packt Open Source CMS Năm 2009 WordPress dẫn đầu mã nguồn CMS tốt Vào ngày 06 tháng 12 năm 2018, WordPress mắt phiên 5.0 với cải tiến lớn, giới thiệu Trình soạn thảo block mang tên Gutenberg giúp tùy chỉnh bố cục viết phong phú phức tạp Có nhiều tranh cãi mắt Gutenberg, bao gồm phong trào tách riêng đến từ nhiều lập trình viên khơng muốn sử dụng tính Các phiên phát hành WordPress đặt theo tên nghệ sĩ nhạc jazz tiếng, phiên 1.0 Đặc điểm wordpress Ưu điểm Nhược điểm Dễ sử dụng: Thao tác sử dụng Bảo mật không tốt:Sự phổ biến CMS WordPress khiến trang web dễ dàng bị công kẻ phá hoại WordPress đơn giản, dễ hiểu dễ vận hành nên người sử dụng không cần biết kiến thức lập trình nâng cao Cài đặt template plugin: Cài đặt Dễ quản lý: Hệ thống quản trị dễ dàng, không đơn giản hoạt động không cách dẫn đến nhiều xung đột tất mục đăng, giao diện, xảy sử dụng cài đặt, xếp dễ hiểu, khoa Phù hợp với doanh nghiệp nhỏ: Chỉ học thân thiện với người dùng phù hợp với doanh nghiệp vừa nhỏ Đây giải pháp tối ưu đối Tối ưu hóa SEO: Có cơng cụ mặc với công ty lớn định để giúp SEO trang web dễ dàng nhanh Hỗ trợ nhiều loại ngôn ngữ: WordPress hỗ trợ 52 ngôn ngữ có tiếng Việt Thiết kế trang web đa dạng: Nhiều gói giao diện có sẵn, hệ thống Themes đồ sộ, làm nhiều loại website Tiết kiệm chi phí: Có nhiều themes miễn phí có sẵn để sử dụng, bạn thiết kế website riêng mà khơng tốn chi phí Cộng đồng sử dụng rộng lớn: Có thể học hỏi mẹo vặt thủ thuật dành cho WordPress từ người khác Internet Mô tả Kiến trúc thành phần wordpress • Các thành phần wordpress WordPress Plugin: Là đoạn code mục đích tạo gắn kết vào để điều chỉnh cải thiện chức WordPress Web WordPress Template: Là giao diện website hay blog sử dụng tảng WordPress, bạn lựa chọn giao diện bạn mong muốn với lựa chọn miễn phí trả phí Widget: Là dạng modul kéo thả nhiều vị trí website blog mà bạn tùy chỉnh Widget viết kèm theo template, hỗ trợ theo plugin viết mã PHP HTML • Kiến trúc trang web wordpress WordPress - Kiến trúc không đầu hệ thống thương mại điện tử Nhiều người nhận thức rõ sức mạnh WordPress phổ biến tồn web Quản lý nội dung phổ biến, dễ sử dụng, mở rộng linh hoạt WordPress có chất linh hoạt để chuyển đổi thành ứng dụng cổng thương mại điện tử, hệ thống LMS, cổng hệ khách hàng tiềm năng, tảng xã hội cơng cụ Tiếp thị tự động hóa Một lợi bổ sung WordPress vận chuyển với phương tiện hốn đổi liệu tích hợp sẵn gọi API RESTFul Với việc sử dụng API, tất giao dịch liệu thực tảng khác cách an toàn đáng tin cậy Bên cạnh đó, nhiều plugin phổ biến WordPress WooCommerce, BuddyPress, v.v có điểm cuối API tùy chỉnh riêng chúng, giao dịch liệu thực hiệu theo cách bảo mật Cấu trúc trang web wordpress Về tổng quan giao diện web wordpress bố trí Trong phần định nghĩa sau Head tiêu đề (header.php) • Bao gồm thẻ mở phần phần tiêu đề (navigation) hiển thị phần đầu web • • Link tới file CSS, dùng lệnh wp_head() để gọi stylesheet, script hay fucntion khác Gọi hàm có sẵn wordpress wp_get_header() Widgets (sidebar.php) • Chứa code sidebar hai bên cạnh trang web link blog, mây thẻ… hiển thị hai bên web • Các code mặc định xuất kích hoạt Appearance -> Widgets Single Post (post.php), Home (index.php), Page (page.php) • Đã giới thiệu trên, hiển thị phần web Lưu trữ (archive.php) • Hiển thị lưu trữ tiêu đề (tag, category, date-based, author archive) • Hiển thị danh sách viết đoạn trích hình thức đầy đủ • Bao gồm wp_link_pages () để hỗ trợ chuyển hướng liên kết viết Bình luận (comments.php), Tìm kiếm (search.php) • Đây template chức năng, dùng cần sử dụng chức Footer (footer.php) • Chứa mã liên quan tới menu footer, đóng dấu quyền v.v… hiển thị chân trang web • Chứa thẻ đóng Gọi hàm có sẵn wordpress wp_get_footer() cấu trúc WordPress Cấu trúc wordpress Với WordPress, tất website chia thành loại trang Mỗi categories có cấu trúc template hierarchy WordPress dựng sẵn Chúng tơi giải thích loại cho bạn Site Front Page Đầu tiên, nói front page website bạn Khi WordPress tải trang chủ lên, xem qua file front-page.php Nếu file khơng có sẵn, tảng quay lại tìm file home.php Nếu khơng có, WordPress tìm đến file index.php, file lúc tồn (nếu khơng, theme khơng hoạt động) Nói cách khác, thứ tự ưu tiên hiển thị: • • • front-page.php php php Kể files giống y nhau, WordPress làm theo cấu trúc logic Thứ tự vô đơn giản Hãy tiếp tục tìm hiểu thêm loại phức tạp chút nhé! Single Posts cấu trúc WordPress Bài viết WordPress nằm loại single posts Một số file template dùng để render viết Tuy nhiên, chúng thường yếu tố internal Trước WordPress render chúng, WordPress sử dụng template sau để sử dụng cho trang trước, theo thứ tự sau Hierarchy single posts: • • • • • single-{post-type}-{slug}.php single-{post-type}.php php php php Category Tag Pages Template hierarchy theo thứ tự gọi đến là: • • • • • category–{slug}.php category-{id}.php php php php Cấu trức thứ bậc hoạt động giống single post page (bài viết riêng lẻ trang riêng lẻ) WordPress tìm template khớp với category muốn tải, cách tìm dựa filename mà có thêm slug vào, sau chuyển tới ID Nếu thất bại, tiếp tục tìm tới file category.php, archive.php WordPress archive bao gồm post từ tất categories, lý archive.php lại nằm hierarchy Như hirerchy tag pages là: tag–{slug}.php • tag-{id}.php • php • php • php Single Pages cấu trúc WordPress Single pages rơi vào category riêng WordPress Ví dụ, website Hostinger có https://www.hostinger.com trang chủ Khi truy cập tải lên template frontpage.php Những phần khác website, https://www.hostinger.com/webhosting, rơi vào trường hợp single pages • Một single page tuân thủ hierarchy sau: • • • • • File template riêng page–{slug}.php page-{id}.php php php • php Custom Post Types Cơ chúng loại nội dung không rơi loại mặc định có sẵn WordPress Ví dụ, vận hành blog thiên đánh giá sản phẩm, bạn cần tạo loại custom post type gọi reviews tùy chỉnh cho có thêm nhiều tính để đánh giá WordPress template hierarchy custom post type sau: archive-{post_type}.php • php • php Trang lỗi 404 (404 error pages) cấu trúc WordPress Trang lỗi trang khơng người dùng muốn thấy Nhưng quan trọng số trường hợp định WordPress khơng có file template riêng cho trang lỗi 404 Nhưng dễ bạn muốn tạo trang • Nếu bạn tạo trang lỗi riêng, WordPress mở trước, theo thứ tự WordPress hierarchy sau: • • php php Trang kết tìm kiếm WordPress hierarchy loại trang kết tìm kiếm (search result pages) đơn giản sau: • • php php Trong trường hợp này, mặc định WordPress dùng index.php khơng tìm thấy custom template cho trang kết tìm kiếm Hầu hết theme đại có vài tùy chỉnh riêng cho trang search 6 Download cài đặt wordpress Bước 1: truy cập vào https://vi.wordpress.org/download/ để tải file rip wordpress Bước 2: Giả nén file wordpress sau vào thư mục htdocs vào tạo thư mục ExampleSite copy tất mục vào thư mục Bước 3: truy cập http://localhost/ExampleSite/wp-admin/setup-config.php thực xong cài đặt Wordpress môi trường IDE cho phép phát triển wordpress tốt : Vài IDEs miễn phí, số khác dành cho thương mại Cơ vài đơn giản, khác làm thứ mà bạn muốn IDE định chọn để làm việc với dự án cụ thể thường lựa chọn cá nhân Nếu sử IDE cho dự án hiệu có lẽ chả có lý sử dụng khác Tuy nhiên, có lẽ đáng thử chọn lựa lần xem Nếu kết giúp trình cải thiện chắn xứng đáng Nếu bạn bắt đầu lập trình WordPress khó chọn IDEs để làm việc Quá nhiều chọn lựa xem bất cập.Khơng có thứ tự ưu tiên cụ thể nào, IDEs phù hợp là: • PhpStorm • WPSandbox • Atom • Coda • NetBeans • Xamp • Mamp • Vagrant • Local by flywheel • Desktop sever • ………… Xây dựng trang web với wordpress Có bước để xây dựng website wordpress: Bước 1: Xác định trang web bạn Trước bạn làm điều liên quan đến WordPress, bạn cần phải chọn thị trường Cố gắng phát triển trang web WordPress thứ thực 10.000 lần không chứng minh lợi ích khủng khiếp Nếu trang web WordPress bạn không dành cho doanh nghiệp tại, đảm bảo bạn chọn chủ đề thực quan tâm đến bạn, để bạn không cảm thấy phải làm việc vặt cập nhật trang web vài tháng Bước 2: Chọn tên miền Tên miền bạn phải liên quan trực tiếp đến trang web bạn chọn bước phải tên dễ nhớ để người dùng không quên Thực số nghiên cứu từ khóa hữu ích Bị mắc kẹt với tên cụ thể com sử dụng? Hãy thử net co Bước 3: lựa chọn hosting phù hợp Bước bạn tìm hosting đáng tin cậy để xử lý trang web bạn có nhiều hosting : Shared Hosting, host papa Bước 4: Cài đặt WordPress Có nguy phải nói rõ, bạn tìm thấy hosting tên miền mình, đến lúc cài đặt WordPress thiết lập chạy Bước 5: Chọn chủ đề WordPress Tiếp theo, bạn cần định chủ đề thiết kế cho trang web WordPress Có hàng nghìn hàng nghìn chủ đề có sẵn, từ hồn tồn miễn phí đến hàng trăm la Khi chọn chủ đề bạn, cố gắng đảm bảo có ý nghĩa chủ đề trang web bố cục nội dung bạn định xuất Trong số lựa chọn cao cấp chủ đề WordPress , người ta tìm thấy tập hợp tùy chọn tạo sẵn cho chủ đề khác Chúng bao gồm kinh doanh, dịch vụ, làm đẹp, thời trang, nhiếp ảnh, giáo dục, ẩm thực nhiều lĩnh vực khác Mỗi người số họ trở thành sở tuyệt vời cho trang web mà bạn mơ ước Một chủ đề cao cấp WordPress phổ biến Monstroid2 - chủ đề đa nhẹ với trình tạo kéo thả Bước 6: Định cấu hình plugin Plugin WordPress chương trình viết ngơn ngữ kịch PHP, bổ sung tính dịch vụ cụ thể vào trang web WordPress Các plugin WordPress cung cấp nhiều tùy chỉnh tính linh hoạt cho trang web WordPress bạn, tính cơng cụ có giá trị cho khách truy cập bạn Bạn khơng bắt đầu với nhiều plugin, bạn sử dụng WordPress lâu, bạn tìm thấy nhiều plugin có lợi cho trang web Bước 7: Hồn thành trang quản trị Các trang quan trọng bao gồm trang liên hệ bạn, trang giới thiệu, quyền riêng tư trang tuyên bố từ chối trách nhiệm Hãy loại bỏ điều trước bạn tập trung vào việc thêm nội dung vào trang web - xét cho cùng, việc thêm chúng dễ dàng sau này, bạn hoàn thành việc xuất tất thứ khác, thú vị hơn! Các trang phục vụ để bảo vệ bạn khách truy cập trang web bạn Bước 8: Xuất nội dung Sau bạn xuất trang quản trị quan trọng, đến lúc bắt đầu thêm nội dung thú vị Dù thị trường thích hợp bạn gì, bạn muốn đảm bảo bạn bao gồm nhiều nội dung chất lượng cho người đọc Tài liệu tham khảo: https://www.optimizesmart.com/wordpress-ninja-15-minutes/ https://torquemag.io/2019/09/wordpress-development-environments/\ https://vi.wikipedia.org/wiki/WordPress https://www.semtek.com.vn/cau-truc-wordpress/ https://www.hostpapa.ca/blog/web-design-development/build-website-usingwordpress-ten-steps/ https://namdenroi.com/huong-dan-lam-website-wordpress/ ... học hỏi mẹo vặt thủ thuật dành cho WordPress từ người khác Internet Mô tả Kiến trúc thành phần wordpress • Các thành phần wordpress WordPress Plugin: Là đoạn code mục đích tạo gắn kết vào để điều... dịch liệu thực tảng khác cách an toàn đáng tin cậy Bên cạnh đó, nhiều plugin phổ biến WordPress WooCommerce, BuddyPress, v.v có điểm cuối API tùy chỉnh riêng chúng, giao dịch liệu thực hiệu theo... triển trang web WordPress thứ thực 10.000 lần khơng chứng minh lợi ích khủng khiếp Nếu trang web WordPress bạn không dành cho doanh nghiệp tại, đảm bảo bạn chọn chủ đề thực quan tâm đến bạn, để bạn