Tùy chỉnh mã chủ đề WordPress
|
Chủ đề WordPress là một gói tệp bao gồm hình ảnh, biểu định kiểu và mã, cũng như xác định giao diện và chức năng trực quan của trang web Show
Tuy nhiên, các chủ đề WordPress không phải lúc nào cũng bao gồm các tính năng mà bạn có thể yêu cầu. Để khắc phục sự cố này, WordPress có trình chỉnh sửa chủ đề tích hợp cho phép bạn sửa đổi các tệp chủ đề từ bảng điều khiển Bài viết này sẽ giải thích cách sử dụng trình chỉnh sửa chủ đề để tùy chỉnh chủ đề WordPress. Chúng tôi cũng sẽ thảo luận về năm phương pháp khác để chỉnh sửa trang web của bạn và các mẹo hữu ích khi chỉnh sửa chủ đề WordPress
Trình chỉnh sửa chủ đề WordPress là gì?Trình chỉnh sửa chủ đề WordPress là một trình soạn thảo văn bản đơn giản bên trong bảng điều khiển WordPress. Nó cho phép người dùng tùy chỉnh các tệp chủ đề WordPress để đạt được giao diện và chức năng mong muốn. Ví dụ: đính kèm thanh bên bổ sung, làm cho trang web thân thiện với thiết bị di động hoặc nhúng video tùy chỉnh vào tiêu đề Cách sử dụng Trình chỉnh sửa chủ đề WordPressTrình chỉnh sửa chủ đề WordPress cho phép bạn mở tệp từ mọi chủ đề đã cài đặt. Nó hiển thị nội dung tệp trên trình soạn thảo văn bản để bạn có thể chỉnh sửa mã của chủ đề trực tiếp trên bảng điều khiển. Mặc dù công cụ này được gọi là Trình chỉnh sửa chủ đề trong phiên bản WordPress cũ hơn, nhưng phiên bản mới hơn của WordPress 5. 9 sử dụng Trình chỉnh sửa tệp chủ đề Truy cập trình chỉnh sửa mã chủ đề qua Giao diện -> Trình chỉnh sửa tệp chủ đề. Ở bên phải, nó sẽ hiển thị danh sách các tệp mẫu mà chủ đề bao gồm. Nhấp vào bất kỳ tệp nào để xem nội dung của nó và thực hiện các thay đổi Quan trọng. Nếu bạn đang sử dụng chủ đề dựa trên khối trong WordPress 5. 9, điều hướng đến Công cụ -> Trình chỉnh sửa tệp chủ đề để truy cập trình chỉnh sửa Để chọn các chủ đề khác để sửa đổi, chỉ cần điều hướng đến góc trên cùng bên phải của màn hình và nhấp vào menu thả xuống để tìm thêm các tùy chọn chủ đề Tuy nhiên, việc chọn một chủ đề khác sẽ không chuyển đổi chủ đề đang hoạt động. Vào Giao diện -> Chủ đề để xem chủ đề hiện đang hoạt động hoặc kích hoạt một chủ đề khác Khi bạn đã hoàn tất việc tùy chỉnh tệp chủ đề, hãy nhấp vào nút Cập nhật tệp. Trình chỉnh sửa chủ đề WordPress ngăn người dùng lưu tệp nếu có lỗi cú pháp trong mã. Nó cũng sẽ chỉ ra lỗi nằm ở đâu, giúp bạn khắc phục dễ dàng hơn Vì hầu hết các chủ đề đều sử dụng các loại tệp CSS, JavaScript và PHP nên điều quan trọng là đảm bảo bạn cảm thấy thoải mái khi làm việc với chúng. Hãy cẩn thận khi chỉnh sửa hoặc dán các đoạn mã, vì nếu thực hiện không đúng cách có thể dẫn đến lỗi hoặc thậm chí khiến bạn bị khóa khỏi trang web Các tệp chủ đề khác nhau tùy thuộc vào chủ đề. Tuy nhiên, mọi chủ đề WordPress đều bao gồm các tệp thiết yếu này
Nếu bạn là nhà phát triển làm việc cho khách hàng, tốt nhất bạn nên tắt quyền truy cập vào trình chỉnh sửa chủ đề. Làm như vậy sẽ tránh được các lỗi không mong muốn vì khách hàng có thể không nhận ra những rủi ro tiềm ẩn khi chỉnh sửa mã chủ đề Ngoài ra, việc vô hiệu hóa quyền truy cập vào trình chỉnh sửa mã chủ đề có thể ngăn tin tặc đưa mã độc vào trang web Quan trọng. Luôn tạo bản sao lưu trước khi tùy chỉnh tệp của chủ đề. Nếu bạn muốn tìm hiểu cách tạo bản sao lưu WordPress, hãy xem hướng dẫn của chúng tôi Các cách khác để tùy chỉnh chủ đề WordPressTrình chỉnh sửa chủ đề WordPress không phải là công cụ duy nhất có sẵn để tùy chỉnh giao diện và chủ đề của trang web. Trong phần này, chúng tôi sẽ thảo luận về một số phương pháp để tùy chỉnh chủ đề WordPress. 1. Chỉnh sửa tệp chủ đề thông qua Trình quản lý tệpCác tệp chủ đề WordPress được lưu trữ trong tài khoản lưu trữ web của bạn và có thể sửa đổi chúng bằng trình quản lý tệp. Dưới đây là các bước để thực hiện việc này bằng cách sử dụng hPanel của Hostinger
2. Sử dụng Trình chỉnh sửa trang web dựa trên khốiNgười dùng WordPress cũng có thể tùy chỉnh chủ đề của họ bằng cách sử dụng phương pháp chỉnh sửa dựa trên khối Để sử dụng trình chỉnh sửa này, bạn sẽ cần WordPress 5. 9 trở lên và chủ đề dựa trên khối như Twenty Twenty-Two hoặc Wabi Sau đó, bạn có thể tùy chỉnh các mẫu chủ đề cho trang chủ, bài đăng và trang. Truy cập trình chỉnh sửa bằng cách điều hướng đến Giao diện -> Trình chỉnh sửa trang Trình chỉnh sửa sẽ mở mẫu trang chủ theo mặc định. Xem tất cả các mẫu có sẵn bằng cách nhấp vào biểu tượng WordPress ở góc trên cùng bên trái của màn hình và chọn Mẫu Vì đây là trình chỉnh sửa dựa trên khối nên có thể tùy chỉnh và sắp xếp lại tất cả các khối WordPress hiện có. Chúng tôi có hướng dẫn đầy đủ về cách sử dụng trình chỉnh sửa khối Gutenberg, nhưng đây là những thao tác chính bạn cần biết
3. Cài đặt Trình tạo trangNhiều chủ đề WordPress tương thích với các trình tạo trang WordPress như Divi, Elementor và Beaver Builder. Hầu hết các plugin này đều có chức năng kéo và thả, cho phép bạn chỉnh sửa chủ đề mà không cần chỉnh sửa mã Để tùy chỉnh trang web của bạn bằng trình tạo trang, hãy cài đặt plugin tương thích với chủ đề của bạn và sử dụng các tùy chọn được cung cấp để chỉnh sửa thiết kế trang của bạn Khi bạn đang ở trong giao diện kéo và thả của Elementor, hãy bắt đầu thêm các phần tử vào trang bằng cách chọn các tiện ích trên thanh bên trái Mặc dù trình tạo trang cung cấp tính linh hoạt và nhiều tùy chọn tùy chỉnh cho trang web của bạn, nhưng chúng cũng có nhược điểm Trình tạo trang WordPress chuyển đổi bố cục của trang web thành các mã ngắn dành riêng cho plugin. Do đó, khi bạn tắt plugin trình tạo trang, các mã ngắn sẽ không hoạt động và bạn sẽ mất thiết kế 4. Sử dụng Plugin WordPressCài đặt plugin bổ sung là một lựa chọn tốt nếu trang web của bạn chỉ cần một tính năng bổ sung cơ bản. Thư mục plugin WordPress có hàng nghìn tùy chọn, từ plugin thương mại điện tử và bảo mật đến tích hợp phương tiện truyền thông xã hội và tối ưu hóa WordPress SEO Trước khi cài đặt bất kỳ plugin nào, hãy chú ý đến thời điểm nó được cập nhật lần cuối, xếp hạng của người dùng và khả năng tương thích với phiên bản WordPress mới nhất. Các plugin được cập nhật thường xuyên thường có ít vấn đề về bảo mật và tương thích hơn, trong khi xếp hạng của người dùng có thể cho biết chất lượng tổng thể của chúng Nếu bạn chỉ muốn chỉnh sửa phong cách và thiết kế của chủ đề, hãy sử dụng plugin như CSS Hero. Nó tạo một bản sao của biểu định kiểu và ghi đè lên bản gốc, cho phép người dùng sửa đổi thiết kế và phong cách của trang web mà không cần chạm vào các tệp gốc của chủ đề cách đọc được đề nghịNếu bạn đang tìm kiếm các tùy chọn plugin khác, hãy xem đánh giá của chúng tôi về các plugin WordPress tốt nhất 5. Sử dụng chủ đề conMột trong những nhược điểm của việc chỉnh sửa tệp chủ đề là bạn sẽ mất các thay đổi khi chủ đề được cập nhật Cài đặt hoặc tạo một chủ đề con mới để khắc phục vấn đề này. Đây là một chủ đề mới kế thừa tất cả các đặc điểm của chủ đề gốc Chủ đề con có phong cách của họ. css và các chức năng. php được lưu trữ trong một thư mục riêng biệt, vì vậy bạn có thể tạo các tệp mới để tùy chỉnh kiểu dáng, tham số bố cục và tập lệnh bên trong thư mục chủ đề con. Các tệp này sẽ không bị ảnh hưởng khi chủ đề gốc được cập nhật Có một số cách để tạo một chủ đề con trong WordPress. Các phạm vi này từ việc thiết lập thư mục chủ đề con thông qua Trình quản lý tệp đến cài đặt plugin như Trình tạo chủ đề con WPS Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress. Mua dịch vụ lưu trữ WordPress Mẹo bổ sung khi chỉnh sửa chủ đề WordPressMặc dù việc chỉnh sửa mã gốc của chủ đề bằng trình chỉnh sửa chủ đề cho phép bạn kiểm soát hoàn toàn kết quả, nhưng điều đó cũng có thể khiến trang web của bạn mất các đoạn mã cần thiết và gặp sự cố Do đó, phần bên dưới sẽ đề cập đến một số phương pháp an toàn cần tuân theo trước khi tùy chỉnh chủ đề WordPress của bạn Luôn tạo tệp sao lưuTạo bản sao lưu trang web WordPress của bạn là điều cần thiết khi thực hiện các chỉnh sửa quan trọng. Nó có thể ngăn bạn làm lại các cài đặt và tùy chỉnh từ đầu nếu xảy ra sự cố Tuy nhiên, không phải lúc nào bạn cũng cần sao lưu toàn bộ. Chẳng hạn, lưu một bản sao của biểu định kiểu. css là đủ nếu bạn chỉ chỉnh sửa tệp này. Nếu xảy ra sự cố, hãy tải lên tệp sao lưu để ghi đè lên các thay đổi Thiết lập Máy chủ thử nghiệm cục bộ hoặc Môi trường dàn dựngSử dụng môi trường thử nghiệm để kiểm tra và xem trước các chỉnh sửa bạn đã thực hiện đối với chủ đề WordPress của mình. Sử dụng máy chủ cục bộ hoặc trang dàn dựng sẽ ngăn các lỗi không mong muốn tiếp cận trang trực tiếp Để làm như vậy, bạn sẽ cần cài đặt WordPress cục bộ bằng MAMP hoặc WampServer. Điều này sẽ cung cấp cho bạn một môi trường để cài đặt và kiểm tra WordPress trên máy tính cục bộ của bạn Một cách khác là sử dụng môi trường dàn dựng để sao chép trang web của bạn. Không giống như giải pháp máy chủ cục bộ, điều này được thực hiện trên tài khoản lưu trữ web của bạn hoặc thông qua bảng điều khiển WordPress Sử dụng plugin như WP Staging để thiết lập bản sao của trang web từ bảng điều khiển WordPress của bạn. Plugin sẽ cung cấp URL của trang sao chép – chỉ cần đăng nhập và bắt đầu chỉnh sửa chủ đề Cũng cần lưu ý rằng WP Staging lưu trữ các tệp của trang web dàn dựng trong thư mục con của trang web của bạn Ví dụ: nếu trang web WordPress của bạn được cài đặt trong thư mục public_html, trang web dàn sẽ nằm trong thư mục public_html/staging_site_name Hostinger cũng cung cấp môi trường dàn dựng mà bạn có thể truy cập từ hPanel. Tính năng này có sẵn cho người dùng dịch vụ lưu trữ chia sẻ dành cho doanh nghiệp, WordPress Business và Pro cũng như người dùng gói dịch vụ đám mây Khi bạn hài lòng với các thay đổi và chắc chắn rằng không có lỗi, hãy dán các tệp dàn dựng vào cơ sở dữ liệu của trang web trực tiếp Sử dụng kiểm soát phiên bảnKiểm soát phiên bản cho phép người dùng theo dõi và hoàn tác các thay đổi trong trang web WordPress, cho phép họ khôi phục các phiên bản trước của trang web trong trường hợp xảy ra sự cố Phương pháp phòng ngừa này rất tốt cho những người làm việc theo nhóm, vì nó cũng là một công cụ tuyệt vời cho công việc hợp tác. Nó giúp hợp nhất các thay đổi và thử nghiệm các ý tưởng mới dễ dàng hơn mà không ảnh hưởng đến phiên bản trực tiếp của trang web Có nhiều giải pháp để kiểm soát phiên bản WordPress. Một trong số đó là sử dụng các kho lưu trữ Git như GitHub và GitLab để lưu trữ và theo dõi các thay đổi mã Một tùy chọn khác là cài đặt một plugin như WP Rollback cho phép bạn khôi phục trang web của mình về bất kỳ trạng thái hoạt động nào trước đó Phần kết luậnWordPress cung cấp cho người dùng nhiều tùy chọn và công cụ tùy chỉnh để sửa đổi mã của trang web, bao gồm cả trình chỉnh sửa mã chủ đề. Nó cung cấp một cách dễ dàng để truy cập mã nguồn chủ đề từ bảng điều khiển, cho phép bạn điều chỉnh thiết kế web của nó và tạo các tính năng mới Tuy nhiên, chúng tôi khuyên bạn chỉ nên sử dụng trình chỉnh sửa chủ đề nếu bạn có kiến thức về mã hóa, vì các thay đổi có thể ghi đè các điều chỉnh trước đó và có khả năng làm hỏng trang web của bạn Vì vậy, hãy đảm bảo thực hiện các biện pháp phòng ngừa nhất định để tránh các vấn đề không thể khắc phục
Ngoài ra, hãy sử dụng các phương pháp có ít rủi ro hơn để chỉnh sửa chủ đề của trang web, chẳng hạn như cài đặt plugin, sử dụng trình chỉnh sửa khối hoặc tạo chủ đề con  Tác giả Leonardo N Leo là một người đam mê và đóng góp cho WordPress. Anh ấy thích cập nhật những tin tức và cập nhật mới nhất về WordPress, đồng thời chia sẻ kiến thức của mình để giúp mọi người xây dựng các trang web thành công. Khi anh ấy không làm việc, anh ấy đóng góp cho nhóm tài liệu WordPress và chăm sóc những chú chó của mình Bạn có thể viết mã chủ đề WordPress của riêng mình không?Việc tạo và phát triển chủ đề trong WordPress có thể rất đơn giản nếu bạn có một số kiến thức về HTML, CSS và JavaScript . Mặc dù vậy, một số người mới bắt đầu cũng có thể hoàn thành nhiệm vụ này với hướng dẫn phù hợp.
Bạn có thể chỉnh sửa HTML chủ đề WordPress không?Vào Giao diện -> Tiện ích. Từ các khu vực tiện ích, bạn có thể chỉnh sửa HTML của các tiện ích WordPress có sẵn hoặc thêm nhiều tiện ích khác từ menu HTML tùy chỉnh . Để chỉnh sửa HTML, trước tiên bạn cần chọn tiện ích được nhắm mục tiêu, thực hiện thay đổi và lưu nó. Mặt khác, bạn có thể thêm các widget mới từ menu Custom HTML.
Có nên chỉnh sửa mã của chủ đề trực tiếp trong WordPress không?Một cách khác để chỉnh sửa HTML của trang web của bạn là thông qua Trình chỉnh sửa chủ đề WordPress (Trình chỉnh sửa mã). Tuy nhiên, chúng tôi khuyên bạn không nên trực tiếp chỉnh sửa mã trong Trình chỉnh sửa chủ đề . Một lỗi nhỏ nhất khi nhập mã có thể phá vỡ trang web của bạn và chặn bạn truy cập bảng điều khiển WordPress. |
