Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the learndash-woocommerce domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the woocommerce domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time được gọi không chính xác. Tải bản dịch cho miền buddyboss-theme được kích hoạt quá sớm. Đây thường là dấu hiệu cho thấy một số mã trong plugin hoặc chủ đề chạy quá sớm. Bản dịch phải được tải tại hành động init hoặc sau đó. Vui lòng xem Hướng dẫn Debug trong WordPress để biết thêm thông tin. (Thông điệp này đã được thêm vào trong phiên bản 6.7.0.) in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-includes/functions.php on line 6114

Deprecated: Constant FILTER_SANITIZE_STRING is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Admin/Standalone.php on line 95

Deprecated: filter_input(): Passing null to parameter #4 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 64

Deprecated: filter_input(): Passing null to parameter #4 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 64

Deprecated: version_compare(): Passing null to parameter #2 ($version2) of type string is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/themes/buddyboss-theme/inc/plugins/buddyboss-menu-icons/vendor/codeinwp/themeisle-sdk/load.php on line 20

Deprecated: filter_input(): Passing null to parameter #4 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 64

Deprecated: filter_var(): Passing null to parameter #3 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 75

Deprecated: filter_input(): Passing null to parameter #4 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 64

Deprecated: filter_var(): Passing null to parameter #3 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 75

Deprecated: filter_input(): Passing null to parameter #4 ($options) of type array|int is deprecated in /homepages/10/d964117120/htdocs/clickandbuilds/vuihocweb/wp-content/plugins/google-site-kit/includes/Core/Util/Input.php on line 64
Bài 1: Khởi động – Cách nhanh nhất làm 1 trang web đẹp trong vòng 10p – Vui học web
Bài học 1 of15
In Progress

Bài 1: Khởi động – Cách nhanh nhất làm 1 trang web đẹp trong vòng 10p

Chào mừng các bạn bước vào bài đầu tiên của khoá học. Để làm nóng và tăng thêm hứng thú học tập cho bạn, trong bài này chúng ta sẽ thử làm những trang web hoàn chỉnh và đẹp bằng cách nhanh nhất, dễ dàng nhất. Một điều lưu ý là toàn bộ nội dung của một trang web thì rất lớn vì vậy ở đây chúng ta chỉ dùng những nội dung mẫu để làm ví dụ cho việc hiển thị nhanh một cách toàn diện trang web đó. Bạn hãy theo dõi các video dưới đây và làm theo để thấy mình có thể làm web đẹp dễ dàng thế nào.

Chuẩn bị trước bài học:

Bạn đã có trang web hoặc đã cài đặt một website thử nghiệm trên máy của các bạn. Nếu bạn chưa có trang web hãy theo dõi lại video của khoá học 1. (Gợi ý: Dùng phần mềm Local và có thể cài đặt bao nhiêu trang web tuỳ thích trên máy của mình một cách dễ dàng như trong video).

Thuật ngữ:

  • Chúng ta sẽ gọi toàn bộ 1 trang web là một Website, và một trang web đơn lẻ là 1 trang web
  • Page – Trang web đơn
  • Post – Bài viết đơn. (1 Post cũng có thể coi là 1 Page nhưng thiên về viết bài chia sẻ kiến thức, tin tức)
  • Theme – Mẫu giao diện, quyết định hình thức, cấu trúc hiển thị của toàn bộ website (đặc biệt là hệ thống bài viết) và cung cấp các tuỳ biến
  • Plugin – Công cụ bổ sung, tăng thêm tính năng quản trị và làm web cho WordPress
  • Template – Mẫu cho một trang web đơn
  • Template Kits – Bộ mẫu, tương thự theme nhưng tập trung vào một số trang đơn lẻ hơn là toàn bộ website

Bắt Đầu:

Cách 1: Lựa chọn Themes có sẵn để làm một trang web đẹp.


Làm sao để biết 1 Website đang sử dụng Theme gì?


Cách 2: Dùng Plugin Template Kits cho phép lựa chọn các Templates đẹp.


Tóm tắt

Làm nhanh một trang web là áp dụng một bộ mẫu giao diện cho các trang web của một website. Phương thức chuẩn của WordPress là thông qua các Themes để định ra cách thức hiển thị nội dung (bài viết và các thức tổ chức bài viết) của các trang web. Có vô vàn Themes để các bạn lựa chọn cho website của mình, đa dạng và cũng không dễ để lựa chọn. Bạn cũng biết một thủ thuật để kiểm tra xem 1 trang WordPress đang dùng Theme gì.

Template Kits (cung cấp bởi các Plugins) là một cách khác để áp dụng các Templates. Ở đó chúng phát huy khả năng mạnh mẽ trong việc làm các Pages (trang web) đẹp. Các Templates/Plugins này thực chất gắn liền và phát triển từ một số loại Themes nền tảng, tổng quát và cơ bản, vì vậy bạn sẽ thấy chúng cũng vô cùng linh động và cho phép chỉnh sửa cách hiển thị nội dung đa dạng hơn thay vì cố định với một phong cách của Themes chi tiết. Có các Templates miễn phí và các Templates cao cấp hơn và bạn đã biết cách tận dụng một vài plugin để khai thác kho Template miễn phí.

Chú ý là sau khi áp dụng Theme hoặc Template thì các bạn có thể vào Giao diện -> Tuỳ biến (Appearance -> Customize) cũng như Bài Viết (Posts) hay Trang (Pages) để bắt đầu chỉnh sửa. Chúng ta sẽ đi vào kỹ năng chỉnh sửa và tạo mới trong các bài sau.

Bảng dưới đây liệt kê 1 số Themes và Plugins xuất hiện trong bài học:

PluginTheme phù hợp
Starter TemplatesAstra
ElementorHello
TemplatebergOnline Shop, CosmosWP, …

Tham khảo: Một số Themes khác (Không có trên kho Themes của WordPress)

ThemeMô tả
GenesisLà một hệ thống (Framework) phát triển các Theme con (Child) từ một Theme cha
FlatsomeMột Theme bán hàng với rất nhiều tính năng hoàn thiện cũng như nhiều mẫu để lựa chọn
DiviTheme đi cùng với chương trình chỉnh sửa riêng