Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Bạn có muốn thêm CSS tùy chỉnh để thay đổi giao diện của trang web của bạn không ?.

Thêm CSS tùy chỉnh giúp bạn thay đổi bố cục và sự xuất hiện của trang web của bạn, điều này không thể thông qua các tùy chọn mặc định. Sử dụng FTP quá khó hiểu cho hầu hết người mới bắt đầu, nhưng có nhiều cách khác để thêm CSS tùy chỉnh.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm CSS tùy chỉnh vào trang web WordPress của bạn mà không cần chỉnh sửa bất kỳ tệp chủ đề nào.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Tại sao thêm CSS tùy chỉnh trong WordPress?

CSS viết tắt cho các bảng kiểu xếp tầng và là ngôn ngữ giúp bạn tạo kiểu cho trang web WordPress của bạn. CSS và HTML đi cùng nhau vì CSS được sử dụng để tạo kiểu cho các yếu tố HTML khác nhau như màu sắc, kích thước, bố cục và hiển thị.

Thêm CSS tùy chỉnh giúp tùy chỉnh thiết kế và sự xuất hiện của trang web của bạn, điều này có thể thông qua các tùy chọn mặc định. Nó cung cấp cho bạn nhiều quyền kiểm soát hơn và bạn có thể dễ dàng thực hiện các thay đổi đối với chủ đề WordPress của mình với một vài dòng mã.

Ví dụ, hãy để nói rằng bạn muốn thay đổi màu nền của từng bài đăng thay vì sử dụng cùng một màu trên toàn trang web. Bằng cách thêm mã CSS tùy chỉnh, bạn có thể cá nhân hóa nền của một bài hoặc trang cụ thể.

Tương tự, bạn có thể thay đổi kiểu dáng và sự xuất hiện của các loại sản phẩm trên cửa hàng thương mại điện tử của bạn bằng CSS bổ sung.

Điều đó nói rằng, hãy để xem xét các cách khác nhau mà bạn có thể thêm CSS tùy chỉnh vào trang web WordPress của mình. Bạn có thể nhấp vào liên kết bên dưới để nhảy về phía trước bất kỳ phần nào mà bạn quan tâm:

  • Thêm CSS tùy chỉnh bằng cách sử dụng tùy chỉnh chủ đề
  • Thêm CSS tùy chỉnh bằng plugin
  • Thêm CSS bổ sung với trình chỉnh sửa trang web đầy đủ (FSE)

Phương pháp 1: Thêm CSS tùy chỉnh bằng cách sử dụng tùy chỉnh chủ đề

Vì WordPress 4.7, giờ đây người dùng có thể thêm CSS tùy chỉnh trực tiếp từ khu vực Quản trị WordPress. Đây là siêu dễ dàng và bạn sẽ có thể thấy những thay đổi của mình với bản xem trước trực tiếp ngay lập tức.

Đầu tiên, bạn cần đi đến trang xuất hiện »tùy chỉnh từ bảng điều khiển WordPress của bạn.Appearance » Customize page from your WordPress dashboard.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Điều này sẽ khởi chạy giao diện tùy chỉnh chủ đề WordPress.

Bạn sẽ thấy trang web của bạn xem trước trực tiếp với một loạt các tùy chọn ở khung bên trái. Nhấp vào tab CSS CSS bổ sung từ bảng điều khiển bên trái.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Tab sẽ trượt để hiển thị cho bạn một hộp đơn giản nơi bạn có thể thêm CSS tùy chỉnh của mình. Ngay khi bạn thêm quy tắc CSS hợp lệ, bạn sẽ có thể thấy nó được áp dụng trên trang web của bạn trực tiếp.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Bạn có thể tiếp tục thêm mã CSS tùy chỉnh cho đến khi bạn hài lòng với cách nhìn trên trang web của bạn.

Don Tiết quên nhấp vào nút ’xuất bản trên đầu khi bạn hoàn thành.

Lưu ý: Bất kỳ CS tùy chỉnh nào bạn thêm bằng cách sử dụng tùy chỉnh chủ đề chỉ có sẵn với chủ đề cụ thể đó. Nếu bạn muốn sử dụng nó với các chủ đề khác, thì bạn sẽ cần sao chép và dán nó vào chủ đề mới của bạn bằng phương pháp tương tự. Any custom CSS that you add using theme customizer is only available with that particular theme. If you would like to use it with other themes, then you will need to copy and paste it to your new theme using the same method.

Phương pháp 2: Thêm CSS tùy chỉnh bằng plugin

Phương pháp đầu tiên chỉ cho phép bạn lưu CSS tùy chỉnh cho chủ đề hiện đang hoạt động. Nếu bạn thay đổi chủ đề, thì bạn có thể cần sao chép và dán CSS tùy chỉnh của bạn vào chủ đề mới.

Nếu bạn muốn CSS tùy chỉnh của mình được áp dụng bất kể chủ đề WordPress nào bạn đang sử dụng, thì phương pháp này là dành cho bạn.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin CSS tùy chỉnh đơn giản. Nếu bạn cần trợ giúp, sau đó vui lòng xem hướng dẫn của chúng tôi về cách cài đặt một plugin WordPress.

Khi kích hoạt, chỉ cần đi đến ngoại hình »CSS tùy chỉnh và viết ra hoặc dán CSS tùy chỉnh của bạn.Appearance » Custom CSS and write down or paste your custom CSS.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Don Tiết quên nhấn nút ‘Cập nhật CSS CSS CSS để lưu các thay đổi của bạn.

Bây giờ bạn có thể xem trang web WordPress của mình để xem CSS tùy chỉnh hoạt động.

Phương pháp 3: Thêm CSS bổ sung với trình chỉnh sửa trang web đầy đủ (FSE)

Một cách khác, bạn có thể thêm CSS tùy chỉnh trong WordPress bằng cách sử dụng trình chỉnh sửa trang web đầy đủ (FSE). Với FSE, bạn có thể chỉnh sửa bố cục và thiết kế của toàn bộ trang web bằng trình chỉnh sửa khối WordPress, giống như khi chỉnh sửa một bài đăng hoặc trang blog.

Xin lưu ý rằng trình chỉnh sửa trang web đầy đủ chỉ có sẵn cho các chủ đề được chọn. Để biết thêm chi tiết, bạn có thể xem bài viết của chúng tôi về các chủ đề chỉnh sửa trang web đầy đủ WordPress tốt nhất.

Sử dụng plugin để thêm CSS dễ dàng hơn một chút. Điều đó nói rằng, nếu bạn không muốn sử dụng plugin, thì chúng tôi sẽ chỉ cho bạn cách truy cập tùy chỉnh ngay cả khi nó không còn có sẵn trong menu quản trị của bạn.

Tất cả những gì bạn cần làm là đăng nhập vào quản trị viên WordPress của bạn.

Sau đó, chỉ cần sao chép và dán URL bên dưới vào trình duyệt của bạn và thay thế ‘example.com, bằng trang web của bạn tên miền của bạn.

https://example.com/wp-admin/customize.php

Điều này sẽ đưa bạn đến một phiên bản giới hạn của tùy chỉnh chủ đề. Trong menu bên trái, bạn sẽ thấy tùy chọn để thêm CSS tùy chỉnh ở phía dưới.

Chỉ cần nhấp vào tab CSS CSS bổ sung.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Bây giờ hãy tiếp tục và nhập mã CSS của bạn trong khu vực CSS bổ sung.

Sau khi thêm mã, chỉ cần nhấp vào nút ‘xuất bản.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Sử dụng plugin CSS tùy chỉnh so với việc thêm CSS trong chủ đề

Tất cả các phương pháp được mô tả ở trên được khuyến nghị cho người mới bắt đầu. Người dùng nâng cao cũng có thể thêm CSS tùy chỉnh trực tiếp vào chủ đề của họ.

Tuy nhiên, việc thêm các đoạn CSS tùy chỉnh vào chủ đề cha mẹ của bạn không được khuyến khích. Thay đổi CSS của bạn sẽ bị mất nếu bạn vô tình cập nhật chủ đề mà không lưu các thay đổi tùy chỉnh của bạn.

Cách tiếp cận tốt nhất là sử dụng một chủ đề trẻ em thay thế. Tuy nhiên, nhiều người mới bắt đầu không muốn tạo ra một chủ đề trẻ em. Ngoài việc thêm CSS tùy chỉnh, người mới bắt đầu thực sự không biết họ sẽ sử dụng chủ đề con đó như thế nào.

Sử dụng plugin CSS tùy chỉnh cho phép bạn lưu trữ CSS tùy chỉnh của mình một cách độc lập với chủ đề của bạn. Bằng cách này, bạn có thể dễ dàng chuyển đổi chủ đề và CSS tùy chỉnh của bạn vẫn sẽ ở đó.

Một cách tuyệt vời khác để thêm CSS tùy chỉnh vào trang web WordPress của bạn là sử dụng plugin anh hùng CSS. Plugin tuyệt vời này cho phép bạn chỉnh sửa hầu hết mọi kiểu CSS trên trang web WordPress của bạn mà không cần viết một dòng mã duy nhất.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Bạn cũng có thể thêm CSS tùy chỉnh với plugin SeedProd. SeedProd là một trình tạo trang web kéo và thả cho phép bạn tạo các chủ đề và trang đích tùy chỉnh cho trang web WordPress của bạn. Bạn có thể dễ dàng chỉnh sửa cài đặt CSS toàn cầu, không cần mã.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Chúng tôi hy vọng bài viết này đã giúp thêm CSS tùy chỉnh vào trang web WordPress của bạn. Bạn cũng có thể muốn xem cách hướng dẫn của chúng tôi về cách chọn phần mềm thiết kế web tốt nhất và các plugin Trình tạo trang WordPress Drag & Drop tốt nhất.

Nếu bạn thích bài viết này, sau đó vui lòng đăng ký & NBSP của chúng tôi; kênh YouTube & nbsp; cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên & nbsp; Twitter & nbsp; và Facebook.

Tiết lộ: Nội dung của chúng tôi được hỗ trợ độc giả. Điều này có nghĩa là nếu bạn nhấp vào một số liên kết của chúng tôi, thì chúng tôi có thể kiếm được một khoản hoa hồng. Xem cách WPBEGINNER được tài trợ, tại sao nó quan trọng và làm thế nào bạn có thể hỗ trợ chúng tôi. Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

Hướng dẫn how do i add custom css to my wordpress dashboard? - làm cách nào để thêm css tùy chỉnh vào bảng điều khiển wordpress của tôi?

Nhân viên biên tập tại WPBEGINNER là một nhóm các chuyên gia WordPress do Syed Balkhi lãnh đạo. Chúng tôi đã tạo ra các hướng dẫn WordPress từ năm 2009 và WPBEGINNER đã trở thành trang web tài nguyên WordPress miễn phí lớn nhất trong ngành.