File theme.json trong WordPress là gì và cách sử dụng nó

Mục lục

Bạn có đang sử dụng theme block và thấy file theme.json trong WordPress không? Có thể bạn đang thắc mắc mục đích của file này là gì và có nên chỉnh sửa nó hay không.

Tệp theme.json là một phần quan trọng trong trải nghiệm chỉnh sửa toàn bộ website trong WordPress. Khi các theme block trở nên phổ biến hơn, điều quan trọng là phải hiểu theme.json làm gì và cách chỉnh sửa nó đúng cách.

Đó là lý do tại sao MuaHosting.com tại MuaHosting.com đã biên soạn hướng dẫn toàn diện này. Trong bài viết này, MuaHosting.com sẽ giải thích file theme.json là gì và cách bạn có thể sử dụng file này để custom trang WordPress của mình.

File theme.json trong WordPress là gì và cách sử dụng nó

Tệp theme.json của WordPress là gì?

Tệp theme.json là một file theme đặc biệt được giới thiệu trong WordPress 5.8. Nó đóng một vai trò quan trọng trong trải nghiệm chỉnh sửa toàn bộ website (FSE), cho phép bạn custom trực quan mọi khía cạnh của theme block WordPress của mình.

Về cơ bản, file theme.json hoạt động như một bản thiết kế chi tiết kiểm soát kiểu dáng và chức năng của theme block của bạn. Nó chứa code cho WordPress biết các yếu tố khác nhau như màu sắc, kiểu chữ, layout và mẫu sẽ trông và hoạt động như thế nào.

Tại sao theme block WordPress cần file theme.json?

Chỉnh sửa theme block trong WordPress khác với chỉnh sửa theme cổ điển.

Các theme cổ điển sử dụng file functions.php để kích hoạt các tính năng như menu custom hoặc hình ảnh nổi bật với add_theme_support() chức năng. Sau đó, bạn có thể định kiểu các tính năng đó bằng các quy tắc CSS trong file bảng định kiểu CSS (style.css).

Chức năng hỗ trợ thêm theme trong Hàm.php

Trong các theme block, theme.json hoạt động như một trung tâm trung tâm cho mọi thứ xác định giao diện của theme block của bạn. Nó cho phép bạn xác định những thứ như font chữ, màu sắc và các option layout ở một nơi, thay thế nhu cầu về add_theme_support() trong hàm.php.

Đó là lý do tại sao file tin.php trong các theme block thường nhỏ hơn file tương đương trong các theme cổ điển.

Việc có file theme.json chuyên dụng mang lại một số lợi ích tuyệt vời so với hệ thống theme cổ điển trước đây.

Đầu tiên, theme.json hoạt động song song với trình chỉnh sửa website đầy đủ của WordPress. Điều này cho phép bạn dễ dàng custom kiểu và cài đặt của theme trực tiếp trong trình chỉnh sửa mà không cần chạm vào bất kỳ code nào.

Chọn kiểu theme trong Trình chỉnh sửa website đầy đủ

Hơn nữa, theme.json hướng đến mục tiêu tạo ra trải nghiệm nhất quán cho cả developer và người dùng. Một số người dùng cảm thấy thực sự khó chịu khi họ cần thay đổi theme vì họ phải học các option layout và kiểu dáng hoàn toàn mới.

Với theme.json, quá trình chuyển đổi theme trở nên suôn sẻ hơn vì mọi thứ đều được sắp xếp theo cách tương tự.

Cuối cùng, bằng cách sử dụng theme.json, các developer theme và người dùng có thể chứng minh công việc của họ trong tương lai khi WordPress tiếp tục mở rộng khả năng chỉnh sửa website đầy đủ của mình.

Bây giờ chúng ta đã tìm hiểu về file theme.json, hãy cùng tìm hiểu sâu hơn về theme này. Bạn có thể sử dụng các link nhanh bên dưới để điều hướng qua hướng dẫn này:

Bạn có thể tìm file theme.json của WordPress ở đâu?

Tệp theme.json nằm trong folder theme của bạn trên server web. Đường dẫn file thông thường sẽ là public_html » wp-content » theme » tên theme của bạn » theme.json.

Để truy cập, trước tiên bạn cần kết nối với website của mình thông qua FTP hoặc trình quản lý file của tài khoản lưu trữ.

Nếu bạn sử dụng Bluehost, bạn có thể đăng nhập và chuyển sang tab ‘Trang web’. Sau đó, nhấp vào nút ‘Cài đặt’ bên dưới website của bạn.

Cài đặt website Bluehost

Bây giờ, hãy đảm bảo rằng bạn vẫn ở trên tab ‘Tổng quan’.

Sau đó, cuộn xuống và nhấp vào nút ‘Trình quản lý file’.

Nút Trình quản lý file Bluehost

Khi bạn mở trình quản lý file theo cách này, bạn sẽ tự động ở trong folder gốc của website.

Tại đây, hãy tìm folder ‘wp-content’ và mở nó. Ở đó, bạn sẽ tìm thấy folder ‘themes’ chứa tất cả các theme WordPress đã cài đặt của bạn.

Mở folder chứa theme block cụ thể mà bạn đang sử dụng. Tệp theme.json sẽ được đặt trực tiếp bên trong folder theme này cùng với các file theme khác.

Vị trí theme.json như được thấy trong trình quản lý file Bluehost

Sau khi tìm thấy, bạn có thể xem file theme.json bằng trình soạn thảo code.

Tệp theme.json trông như thế nào?

Tệp theme.json có cấu trúc cụ thể giúp sắp xếp tất cả các cài đặt chung cho theme block WordPress của bạn.

Tùy thuộc vào mức độ phức tạp hay đơn giản của theme của bạn, file có thể rất ngắn hoặc dài. Tuy nhiên, bạn có thể dễ dàng chia file này thành 7 phần cấp cao nhất:

{
"$schema": "
"version": 2,
"settings": {},
"styles": {},
"customTemplates": {},
"templateParts": {},
"patterns": []
}

Đây là một sự cố đơn giản:

Lược đồ

Phần này thực sự là option để có trong các theme block, vì vậy bạn có thể thấy hoặc không thấy nó trong theme của mình.

Thuộc tính schema link URL với Lược đồ JSON của WordPressxác định cài đặt chung, kiểu và các cấu hình khác cho theme của bạn.

Phiên bản

Phần này chỉ định phiên bản API nào của định dạng theme.json đang được file sử dụng và đảm bảo file tuân theo đúng cấu trúc.

Vào thời điểm viết bài này, API đang ở phiên bản 2.

Cài đặt

Thuộc tính này xác định các option và điều khiển có sẵn để người dùng custom theme của họ. Chúng bao gồm các cài đặt trước cho bảng màu, kiểu chữ, khoảng cách, độ dốc, bóng đổ, đường viền, v.v. của theme.

Đây là một ví dụ rất đơn giản về thuộc tính cài đặt trông như thế nào:

{
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "base",
          "color": "#ffffff",
          "name": "White"
        },
        {
          "slug": "contrast",
          "color": "#222222",
          "name": "Dark"
        },
        {
          "slug": "accent",
          "color": "#f08080",
          "name": "Pink"
        },
        {
          "slug": "accent-2",
          "color": "#90ee90",
          "name": "Light Green"
        },
        {
          "slug": "accent-3",
          "color": "#e0ffff",
          "name": "Light Blue"
        }
      ]
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFamily": "Open Sans, sans-serif",
          "slug": "open-sans",
          "name": "Open Sans"
        },
        {
          "fontFamily": "Arial, sans-serif",
          "slug": "arial",
          "name": "Arial"
        },
        {
          "fontFamily": "Times New Roman, serif",
          "slug": "times-new-roman",
          "name": "Times New Roman"
        }
      ],
      "fontSizes": [
        {
          "name": "Extra Small",
          "slug": "xx-small",
          "size": "0.75rem"
        },
        {
          "name": "Small",
          "slug": "small",
          "size": "0.875rem"
        },
        {
          "name": "Medium",
          "slug": "medium",
          "size": "1rem"
        },
        {
          "name": "Large",
          "slug": "large",
          "size": "1.125rem"
        },
        {
          "name": "Extra Large",
          "slug": "x-large",
          "size": "1.25rem"
        },
        {
          "name": "XX-Large",
          "slug": "xx-large",
          "size": "1.5rem"
        }
      ],
      "spacing": {
        "units": ["rem"],
        "values": {
          "small": "1rem",
          "medium": "1.5rem",
          "large": "2rem"
        }
      }
    }
  }
}

Nếu bạn nhìn vào code, ngôn ngữ được sử dụng khá dễ hiểu. Bạn có thể thấy rằng các thiết lập đang xác định màu sắc, họ font chữ, kích thước font chữ và khoảng cách được sử dụng trong theme.

Nếu có bất kỳ tài liệu tham khảo nào ở đây hoặc trong theme của bạn mà bạn không hiểu, bạn có thể xem qua Tài liệu tham khảo cài đặt WordPress chính thức.

Một số thành phần, như màu sắc và họ font chữ, có các extension, như sau:


{ "cài đặt": { "màu sắc": { "bảng màu": [
        {
          "slug": "base",
          "color": "#ffffff",
          "name": "White"
        },

These will come in handy for the styles section later on to make presets, which we will explain in the next part.

Styles

While the settings section defines the theme’s default customization options, the styles section applies them to the theme.

Here, you can apply the customization settings to the entire website or at a block level using presets.

Let’s check out the example below:

{
  "settings": {
    // Existing settings from the previous example
  },
  "styles": {
    "color": {
      "background": "var(--wp--preset--color--base)",
      "text": "var(--wp--preset--color--contrast)"
    },
    "elements": {
      "link": {
        "color": {
          "text": "var(--wp--preset--color--accent-2)"
        }
      },
      "h1": {
        "fontSize": "var(--wp--preset--font-size--xx-large)",
        "lineHeight": "1.2",
        "marginBottom": "1rem"
      },
      "h2": {
        "fontSize": "var(--wp--preset--font-size--x-large)",
        "lineHeight": "1.2",
        "marginBottom": "1rem"
      },
      "h3": {
        "fontSize": "var(--wp--preset--font-size--large)",
        "lineHeight": "1.2",
        "marginBottom": "1rem"
      }
    }
  }
}

As you can tell, there is this line of code appearing throughout this snippet: var(--wp--preset--xxx) . These are presets, which are shortcuts in the styles section that refer back to the values defined in the settings section.

For example, consider {"slug": "base", "color": "#ffffff", "name": "White"} in the settings section. Here, "base" is the slug, and the corresponding preset for this color is var(--wp--preset--color--base) .

Therefore, the code "color": {"background": "var(--wp--preset--color--base)" in styles says that the background color of this theme is white.

Custom Templates

Block theme developers can create predefined layouts for custom pages, posts, or post types for users to use.

For example, the Twenty Twenty-Four theme has several custom templates defined in the theme.json file: Page No Title, Page With Sidebar, Page with wide Image, and Single with Sidebar.

You can use any of these to create your content.

]"customTemplates": [
  {
    "name": "page-no-title",
    "postTypes": ["page"]"title": "Trang không có tiêu đề" }, { "name": "trang có sidebar", "postTypes": ["page"]"title": "Trang có sidebar" }, { "name": "toàn trang", "postTypes": ["page"]"title": "Trang có hình ảnh rộng" }, { "name": "single-with-sidebar", "postTypes": ["post"]"title": "Đơn có sidebar" } ]

Một điều cần lưu ý là file theme.json chỉ tham chiếu đến các mẫu theo tên và cung cấp siêu dữ liệu về chúng, chẳng hạn như tiêu đề và loại bài đăng mà chúng dành cho.

Tuy nhiên, hình thức và chức năng thực tế của các mẫu custom được xác định trong các file mẫu riêng biệt bên trong folder theme.

Để xem chúng, bạn có thể vào public_html » wp-content » theme » tên theme của bạn » mẫu.

Thư mục mẫu của theme block được thấy trong trình quản lý file Bluehost

Bộ phận mẫu

Các phần mẫu là các vùng có thể tái sử dụng mà bạn có thể áp dụng trên các mẫu custom của mình. Đây là các thành phần như tiêu đề, chân trang, sidebar, v.v.

Đây là những phần mẫu được đăng ký trong theme.json:

"templateParts": [
  {
    "area": "header",
    "name": "header",
    "title": "Header"
  },
  {
    "area": "footer",
    "name": "footer",
    "title": "Footer"
  },
  {
    "area": "sidebar",  // Removed "uncategorized"
    "name": "sidebar",
    "title": "Sidebar"
  },
  {
    "area": "post-meta",  // Removed "uncategorized"
    "name": "post-meta",
    "title": "Post Meta"
  }
]

Giống như các mẫu custom, file theme.json chỉ tham chiếu các mẫu.

Sự xuất hiện thực tế của chúng được xác định trong các file phần mẫu riêng của chúng trong các bộ phận folder.

Thư mục các phần của theme block được nhìn thấy trong trình quản lý file Bluehost

mẫu

Mẫu là bộ sưu tập các block được tạo sẵn cho phép bạn tạo layout content custom trên các trang, bài đăng hoặc bất kỳ nơi nào khác trong theme của bạn.

Khi bạn mở trình chỉnh sửa website đầy đủ, bạn có thể thấy menu Patterns. Đây là nơi bạn có thể tìm thấy tất cả các mẫu có sẵn cho theme block Gutenberg của mình.

Trang Patterns trong WordPress Full Site Editor

Với theme.json, developer theme có thể tham khảo các mẫu từ công chúng Thư mục mẫu. Đây là một cách tuyệt vời để cung cấp nhiều option custom hơn mà không cần tự thiết kế các block có thể tái sử dụng này.

Ví dụ: theme Twenty-Four tham chiếu hai mẫu từ folder chính thức: ba cột phần dịch vụ và khách hàng:

"patterns": [
  "three-columns-of-services",
  "clients-section"
]

Chúng tôi biết điều này vì các mẫu này nằm trong menu Mẫu ở trình chỉnh sửa website đầy đủ.

Tuy nhiên, họ không ở trong hoa văn folder bên trong folder theme.

Thư mục mẫu của theme block như được thấy trong trình quản lý file Bluehost

Ghi chú: Bạn có thể nhận thấy rằng các folder mẫu, phần và mẫu trong folder theme của bạn chứa các file không được chỉ định trong theme.json, nhưng chúng vẫn hiển thị trong trình chỉnh sửa website đầy đủ.

Nếu bạn tò mò thì đó là vì WordPress được thiết kế để tự động nhận dạng và sử dụng các folder này dựa trên quy ước đặt tên và vị trí của chúng trong folder của theme.

Những điều bạn nên làm trước khi chỉnh sửa file theme.json

Vì theme.json là file theme cốt lõi, việc chỉnh sửa trực tiếp trên website WordPress trực tiếp của bạn có một số rủi ro. Những sai lầm vô tình có khả năng phá hỏng theme hoặc website của bạn.

Một cách an toàn hơn là sử dụng theme con.

Một theme con kế thừa tất cả các kiểu và chức năng của theme cha (theme block bạn đang sử dụng) nhưng cho phép bạn custom mọi thứ mà không cần sửa đổi chính theme cha. Theo cách này, nếu theme cha nhận được bản cập nhật, các custom của bạn sẽ không bị ghi đè.

Bạn có thể đọc hướng dẫn của MuaHosting.com về cách tạo theme con trong WordPress để biết thêm thông tin. Bài viết này cho thấy một phương pháp dễ dàng với Tạo theme block plugin này sẽ tự động tạo file theme.json mới chỉ cho theme con của bạn.

Tạo theme con với Tạo theme block

Để đảm bảo trải nghiệm chỉnh sửa mượt mà và tránh mọi thời gian ngừng hoạt động của website, MuaHosting.com cũng khuyên bạn nên tạo bản backup mới cho website WordPress của mình. Bằng cách này, nếu có sự cố xảy ra, bạn có thể dễ dàng khôi phục website của mình về trạng thái trước đó.

Chúng tôi khuyên bạn nên sử dụng một plugin như Duplicator để có giải pháp backup nhanh chóng và đáng tin cậy.

Bạn cũng nên làm việc trong môi trường phát triển WordPress cục bộ hoặc website dàn dựng. Điều này tạo ra một bản sao của website trực tiếp nơi bạn có thể kiểm tra các thay đổi một cách an toàn mà không ảnh hưởng đến người dùng.

Sau đây là một số mẹo khác bạn cần ghi nhớ:

  • Bắt đầu bằng những chỉnh sửa nhỏ trong file theme.json và kiểm tra kỹ lưỡng trước khi thực hiện những thay đổi phức tạp hơn.
  • Nếu bạn không chắc chắn về bất kỳ thuộc tính hoặc cài đặt cụ thể nào trong file theme.json, hãy tham khảo phần tài liệu WordPress chính thức.
  • Đừng ngần ngại tìm kiếm sự trợ giúp từ nhóm hỗ trợ của developer theme hoặc diễn đàn hỗ trợ WordPress.org nếu bạn gặp bất kỳ vấn đề nào. Hãy xem hướng dẫn của MuaHosting.com về cách yêu cầu hỗ trợ WordPress để biết thêm thông tin.

Cách chỉnh sửa file theme.json của WordPress

Dựa trên nghiên cứu và thử nghiệm của MuaHosting.com, MuaHosting.com đã khám phá ra hai cách để chỉnh sửa file theme.json của WordPress: sử dụng trình chỉnh sửa toàn trang hoặc sử dụng code. Tùy chọn đầu tiên dễ dàng và an toàn hơn nhiều và cho phép bạn xem các sửa đổi của mình từ giao diện website.

Trong khi đó, lựa chọn thứ hai được khuyến khích nếu bạn thoải mái với việc phát triển WordPress nâng cao.

Chỉnh sửa theme.json Không cần Mã (Người mới bắt đầu)

Để chỉnh sửa file theme.json của bạn mà không cần chạm trực tiếp vào code, bạn có thể sử dụng Tạo theme block plugin. Plugin này được nhóm WordPress.org chính thức phát hành để cho phép người dùng tạo, chỉnh sửa và lưu các biến thể kiểu dáng của theme block của họ.

Đầu tiên, hãy cài đặt plugin WordPress trong khu vực quản trị của bạn. Sau đó, mở trình chỉnh sửa toàn website bằng cách vào Ngoại hình » Biên tập viên.

Chọn Trình chỉnh sửa toàn trang từ bảng quản trị WordPress

Bây giờ bạn sẽ thấy một số menu để chỉnh sửa theme của mình.

Tại đây, chọn ‘Kiểu’.

Chọn kiểu trong Trình chỉnh sửa website đầy đủ

Tiếp theo, nhấp vào icon ‘Chỉnh sửa kiểu’ hình bút chì.

Thao tác này sẽ đưa bạn đến trình chỉnh sửa block để chỉnh sửa kiểu chung cho website của bạn.

Nhấp vào Chỉnh sửa Kiểu trong Trình chỉnh sửa Trang web Đầy đủ

Bây giờ, bạn có thể thay đổi phong cách của theme như bình thường. Bạn có thể đọc phần về cách chỉnh sửa kiểu chung cho theme của mình trong hướng dẫn chỉnh sửa toàn trang WordPress của MuaHosting.com để biết thêm thông tin.

Hãy thử tạo một bảng màu custom làm ví dụ.

Bảng phối màu hoặc bảng màu là tập hợp các màu mặc định cho các thành phần như văn bản, nền và nút. Nó đảm bảo một cái nhìn gắn kết xuyên suốt website của bạn.

Các thành phần sử dụng cùng một màu cài đặt trước sẽ luôn đồng bộ để thiết kế website của bạn trông chỉn chu và chuyên nghiệp.

Để chỉnh sửa bảng màu, chọn ‘Màu’ trên sidebar cài đặt Kiểu.

Chỉnh sửa màu sắc toàn cục của theme block trong FSE

Trên màn hình tiếp theo, bạn sẽ thấy một số cài đặt để custom màu sắc theme của mình.

Tại đây, hãy nhấp vào màu trong phần ‘Bảng màu’.

Mở bảng màu của theme block trong FSE

Trong ví dụ này, theme Twenty-Four đã xác định 5 màu trong bảng màu nhưng bạn có thể thay đổi bất kỳ màu nào trong số đó để tạo màu custom từ đầu.

Để làm như vậy, hãy nhấp vào một trong các màu trong ‘Chủ đề’. Sau đó, chọn bất kỳ màu nào trong công cụ chọn màu.

Thay đổi màu chung của theme block trong FSE

Bây giờ, nếu bạn xem trước website của mình, bạn sẽ thấy các block hoặc thành phần cụ thể sử dụng màu trước đó đã được thay thế bằng màu bạn vừa chọn trong bảng màu của mình.

Bạn có thể lặp lại các bước tương tự cho từng màu. Sau đó, nhấp vào ‘Lưu’.

Lưu các thay đổi trong theme block trong FSE

Sau khi Save Changes, hãy nhấp vào nút Tạo theme block (icon cờ lê).

Sau đó, chọn ‘Lưu Thay đổi cho Chủ đề.’

Lưu các thay đổi theme vào file theme.json bằng Create Block Theme

Trên màn hình tiếp theo, bạn cần cuộn xuống.

Sau đó, nhấp vào ‘Lưu Thay đổi.’ Điều này sẽ nhắc WordPress lưu trữ tất cả những thay đổi bạn đã thực hiện đối với theme của mình trong file theme.json.

Xác nhận Save Changes theme trong Tạo block theme

Khi bạn làm điều đó, trình chỉnh sửa block sẽ tự làm mới.

Bây giờ, hãy nhấp vào nút Tạo theme block một lần nữa và chọn ‘Xem theme.json.’

Xem theme.json với Create Block Theme

Để xem code cho bảng màu custom của bạn, hãy tìm palette được lồng vào bên trong colorsettingsnhư thế này:

"settings": {
  // Some code...
  "color": {
    // Some code...
    "palette":  
  }
}

Bên dưới, bạn sẽ thấy code hex mới của bảng màu custom của mình.

Xem theme.json mới được chỉnh sửa trong Tạo theme block

Chỉnh sửa theme.json bằng code (Người dùng nâng cao)

Phương pháp này được khuyến nghị nếu bạn là developer theme WordPress đầy tham vọng hoặc có một số kinh nghiệm về code.

Đầu tiên, hãy mở file theme.json của theme block trong folder WordPress của bạn. Bạn có thể sử dụng trình chỉnh sửa code trong trình quản lý file của server lưu trữ web hoặc download file, chỉnh sửa file trên máy tính và tải file trở lại server của bạn.

Chúng tôi sẽ sử dụng theme Hai mươi bốn và trình quản lý file của Bluehost cho mục đích trình diễn. Nếu bạn là người dùng Bluehost và đang sử dụng trình quản lý file thì bạn chỉ cần nhấp chuột phải vào file theme.json của mình và nhấp vào ‘Chỉnh sửa’.

Chỉnh sửa file theme.json theo cách thủ công bằng trình quản lý file Bluehost

Nếu bạn sử dụng FTP, bạn có thể đọc hướng dẫn của MuaHosting.com về cách sử dụng FTP để tải file lên WordPress.

Hãy thử một ví dụ đơn giản về việc chỉnh sửa file theme.json của bạn: tạo kích thước font chữ custom.

Một lần nữa, hãy nhớ rằng thuộc tính cài đặt chỉ định các kiểu mặc định của theme của bạn, trong khi thuộc tính styles deploy chúng. Vì lý do này, MuaHosting.com sẽ chỉnh sửa thuộc tính cài đặt trong file theme.json.

Nếu sử dụng theme con, bạn chỉ cần sao chép và dán đoạn code sau vào file theme.json rồi thay đổi kích thước font chữ theo pixel khi bạn thấy phù hợp:

{
  "settings": {
    "typography": {
      "fluid": false,
      "fontSizes": [
        {
          "name": "Small",
          "slug": "small",
          "size": "16px"
        },
        {
          "name": "Medium",
          "slug": "medium",
          "size": "24px"
        },
        {
          "name": "Large",
          "slug": "large",
          "size": "40px"
        },
        {
          "name": "Extra Large",
          "slug": "x-lagrge",  // Typo fixed (large -> large)
          "size": "48px"
        }
      ]
    }
  }
}

Ghi chú: Nếu bạn đang chỉnh sửa trực tiếp file theme gốc của mình, thì bạn cần tìm code có content fontSizes .

Nó nên được lồng vào bên trong typographysettings như vậy:

{
  "settings": {
    // Some code...
    "typography": {
      // Some code...
      "fontSizes": [
        // Font size definitions here
      ]
    }
  }
}

Sau đó, thay thế các dòng code đó bằng đoạn code ở trên. Chỉ cần đảm bảo rằng không có lỗi cú pháp nào trong đó.

Sau khi hoàn tất, hãy lưu file và xem trước website của bạn để xem các thay đổi của bạn. Đối với người dùng Bluehost, bạn chỉ cần nhấp vào ‘Lưu thay đổi’ trong trình chỉnh sửa code của trình quản lý file.

Lưu các thay đổi trong file theme.json trong trình quản lý file Bluehost

Nếu bạn muốn chỉnh sửa thêm theme.json, MuaHosting.com khuyên bạn nên tìm hiểu kỹ hơn về cấu trúc của file như đã giải thích ở phần trước.

Chúng tôi cũng đề nghị đọc Tài liệu tham khảo cài đặt WordPress chính thứcbao gồm danh sách đầy đủ các thuộc tính cài đặt có sẵn và hướng dẫn sử dụng chúng.

Mẹo thưởng: Sử dụng WPCode để thêm code custom vào theme của bạn

Trong hướng dẫn này, bạn đã tìm hiểu về theme.json và khả năng custom theme của nó. Nhưng có lẽ vẫn cảm thấy hơi choáng ngợp khi chỉnh sửa trực tiếp.

May mắn thay, còn có một option tối ưu với người dùng khác để thêm code custom và thực hiện các custom nâng cao: Mã WP.

Với WPCode, bạn có thể chèn các đoạn code custom mà không cần phải chạm vào các file theme của mình. Điều này làm giảm đáng kể nguy cơ phá vỡ website của bạn trong quá trình custom.

Nếu bạn muốn tìm hiểu thêm về plugin đoạn code này, hãy xem bài đánh giá WPCode đầy đủ của MuaHosting.com.

Ngoài ra, đây là một số hướng dẫn hữu ích giúp bạn bắt đầu sử dụng WPCode:

Chúng tôi hy vọng bài viết này giúp bạn tìm hiểu về file theme.json trong WordPress. Bạn cũng có thể muốn xem hướng dẫn dành cho người mới bắt đầu về cách chỉnh sửa website WordPress và lựa chọn chuyên gia của MuaHosting.com về page builder kéo và thả tốt nhất cho WordPress.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi MuaHosting.com Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy MuaHosting.com trên TwitterFacebook.

5/5 - (52 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập