Nếu bạn thấy mình chỉ nhập mã HTML vào trình chỉnh sửa trang/bài đăng của WordPress để định dạng lại hoặc tệ hơn là xóa nó khi ở chế độ Trực quan thì đây là giải pháp dành cho bạn
Luôn chỉnh sửa trong HTML là một plugin WordPress xóa tab “Trực quan” trong trình chỉnh sửa trang/bài đăng và mở trang hoặc bài đăng của bạn ở chế độ HTML, giữ nguyên mã HTML của bạn
Tại sao bạn cần plugin này?
Trình chỉnh sửa trang / bài đăng WordPress có hai tab ở trên cùng bên phải – “Trực quan” và “Văn bản”
- Tab Văn bản cho phép bạn nhập mã HTML vào trang hoặc bài đăng và khi lưu hoặc xuất bản bài đăng, nó sẽ giữ mã của bạn giống như cách bạn đã nhập.
- Tab Trực quan có tất cả các công cụ kiểu viết ưa thích nhưng khi bạn lưu hoặc xuất bản trang hoặc bài đăng của mình, WordPress sẽ phân tích cú pháp và định dạng nội dung, điều này có thể khiến mã HTML của bạn không hoạt động hoặc thậm chí bị xóa
WordPress không nhớ tùy chọn tab cho từng trang hoặc bài đăng. Nó sẽ mở ra một trang hoặc bài đăng bằng bất kỳ tab Hình ảnh hoặc Văn bản nào bạn đã sử dụng lần cuối
Điều này có nghĩa là nếu bạn đang chỉnh sửa bài đăng bằng tab Trực quan, hãy lưu nó và sau đó chỉnh sửa trang hoặc bài đăng mà bạn đã nhập mã HTML vào, trang đó sẽ mở ở chế độ Trực quan và bạn có thể mất mã HTML của mình
Nếu chỉ có một plugin cung cấp cho bạn tùy chọn luôn mở một trang hoặc đăng trong HTML
tà đà. Đây là một
Ghi chú. Đối với WordPress5. x, plugin này sẽ vẫn hoạt động khi cài đặt và bật plugin Classic Editor. Nó không hoạt động với trình chỉnh sửa khối Gutenberg
Trang bổ trợ
Luôn chỉnh sửa trong HTML
Ảnh chụp màn hình
- Luôn chỉnh sửa trong hộp tùy chọn HTML. Kiểm tra để bật
- Tùy chọn được bật và trang/bài đăng ở chế độ HTML. Đã xóa các tab Hình ảnh và Văn bản
Cài đặt
- Tải xuống tệp zip plugin và giải nén nó
- Copy thư mục always-edit-in-html vào thư mục /wp-content/plugins/
- Kích hoạt plugin thông qua menu ‘Plugin’ trong WordPress
Mở một trang, bài đăng hoặc loại bài đăng tùy chỉnh được khai báo công khai và bây giờ bạn sẽ thấy hộp tùy chọn “Luôn chỉnh sửa trong HTML” ở cột bên phải
Kiểm tra tùy chọn và lưu
Lần tới khi bạn mở cùng một trang hoặc bài đăng, nó sẽ mở ở chế độ HTML, loại bỏ các tab “Trực quan” và “Văn bản”
Bỏ chọn tùy chọn bất kỳ lúc nào để lấy lại các nút “Trực quan” và “Văn bản” và hành vi mở mặc định
Câu hỏi thường gặp
Plugin có làm gì khác không?
Không
Nhận xét
Hoạt động với WordPress 5. 7. 3 & PHP7. 0
doctordada Ngày 24 tháng 9 năm 2021
Mặc dù "Thêm plugin" của WordPress nói rằng nó không thể cài đặt cái này vì nó không hoạt động với phiên bản PHP của tôi [7. 0], tôi có thể tải xuống dưới dạng ZIP, tải lên trang web của mình, cài đặt và kích hoạt. Và nó hoạt động tốt, kết hợp với plugin Classic Editor. Thật tuyệt khi nó hoạt động trên cơ sở từng trang/từng bài đăng, bởi vì có những trang mà tôi muốn có một trình chỉnh sửa trực quan để người khác chỉnh sửa. Nhưng đối với những trang mà WordPress muốn "làm loạn" thì thật tuyệt khi có thể kể ra. "Bỏ tay ra. "
Mặc dù WordPress cung cấp rất nhiều tính linh hoạt nhờ vô số plugin và chủ đề, nhưng nó có thể không có các cài đặt cụ thể mà bạn đang tìm kiếm. Quãng đường đi được của mỗi người là khác nhau và các nhà phát triển không thể lường trước được mọi tình huống, chứ chưa nói đến việc thực hiện nó
May mắn thay, WordPress giúp bạn dễ dàng chỉnh sửa mã và thực hiện các thay đổi cần thiết cho dự án của mình. Như đã nói, bạn nên có ít nhất một số kinh nghiệm làm việc với các tệp HTML, CSS và PHP trước khi thử bất kỳ chỉnh sửa nào.
Trong bài đăng này, bạn sẽ học cách
- Chỉnh sửa HTML thông qua bảng điều khiển WordPress
- Chỉnh sửa mã CSS thông qua bảng điều khiển WordPress
- Chỉnh sửa PHP thông qua bảng điều khiển WordPress
- Chỉnh sửa các tệp của chủ đề của bạn qua FTP/SFTP
Khuyến nghị chung
Một số mẹo nhanh sẽ giúp bạn sửa đổi mã của mình.
Sử dụng một chủ đề con. Nói một cách đơn giản, đó là một chủ đề phụ mà bạn có thể thay đổi mà không cần sửa đổi chủ đề chính của mình [chủ đề chính]. Do đó, bạn có thể giữ nguyên các tệp nguồn của mình đồng thời thực hiện các sửa đổi cần thiết thông qua chủ đề con. Một lý do khác để sử dụng chủ đề con là để tránh làm mất tùy chỉnh của bạn đối với bản cập nhật chủ đề sẽ ghi đè lên tất cả các thay đổi của bạn. Nếu chủ đề của bạn không có chủ đề con, bạn có thể dễ dàng tạo nó bằng cách làm theo hướng dẫn này.
Tạo bản sao lưu. Chuẩn bị các bản sao lưu luôn là một ý tưởng hay khi làm việc với các tệp trên trang web của bạn. Điều này cho phép bạn hoàn nguyên các thay đổi bất cứ lúc nào bằng cách tải lại tệp gốc lên. Nó đặc biệt quan trọng đối với bất kỳ mã PHP nào bạn sửa đổi.
Cách chỉnh sửa mã HTML thông qua bảng điều khiển WordPress
Trình chỉnh sửa khối [Khối HTML tùy chỉnh]
Nếu bạn cần thêm một đoạn mã HTML, cách nhanh nhất [và dễ dàng nhất] để làm việc đó là sử dụng khối HTML tùy chỉnh
- Chọn một nơi mà bạn muốn thêm mã HTML của mình vào
- Nhấp vào dấu + và tìm kiếm khối HTML tùy chỉnh
- Khi bạn đã tìm thấy nó, hãy chọn nó và chỉ cần thêm mã HTML của bạn vào trường văn bản
Trình chỉnh sửa cổ điển
Bây giờ nếu bạn cần chỉnh sửa mã HTML của nội dung hiện có và HTML tùy chỉnh sẽ không cắt nó cho bạn, WordPress cũng cho phép bạn chuyển sang trình chỉnh sửa mã.
Để làm như vậy, hãy sử dụng phím tắt này trên bàn phím của bạn. Ctrl + Shift + Alt + M hoặc thay đổi nó trong cài đặt trang như trong ảnh chụp màn hình
Bằng cách thực hiện chuyển đổi, toàn bộ trang hoặc bài đăng của bạn sẽ xuất hiện ở định dạng HTML.
Để quay lại Trình chỉnh sửa khối, nhấp vào nút Thoát trình chỉnh sửa mã ở góc trên cùng bên phải
tiện ích
Ngoài ra còn có một cách tiện dụng để thêm nội dung HTML vào khu vực widget của bạn. Tùy thuộc vào chủ đề của bạn, bạn có thể có một vài trong số đó. Thông thường, bạn sẽ có các tiện ích của mình ở khu vực chân trang
Tất cả những gì bạn cần là điều hướng đến Giao diện> Tùy chỉnh trong bảng điều khiển WordPress của bạn và chuyển đến tab Tiện ích. Ở đó, bạn có thể quản lý các widget của mình cũng như thêm HTML thông qua khối HTML tùy chỉnh mà chúng ta đã làm quen trước đó.
Cách chỉnh sửa mã CSS thông qua bảng điều khiển WordPress
Cách thêm mã CSS tùy chỉnh
WordPress cho phép bạn thêm mã CSS tùy chỉnh mà không sửa đổi bất kỳ tệp nào. Phương pháp này khá tiện dụng vì bạn có thể dễ dàng thực hiện các thay đổi cần thiết mà không làm rối các biểu định kiểu của mình. Tuy nhiên, đối với các sửa đổi trên toàn trang web, chúng tôi khuyên bạn nên kiểm tra cài đặt chủ đề của mình trước hoặc làm việc trực tiếp với các tệp chủ đề.
Để thêm mã CSS tùy chỉnh của bạn, hãy điều hướng đến Giao diện > Tùy chỉnh trong Bảng điều khiển WordPress của bạn và nhấp vào tab CSS bổ sung. Sau đó sao chép hoặc viết quy tắc CSS của bạn và nhấn Xuất bản
Một điều quan trọng bạn cần lưu ý về CSS bổ sung là mã CSS mà bạn thêm vào đó chỉ được lưu trữ trong cơ sở dữ liệu WordPress của bạn, vì vậy bạn có thể muốn sao lưu nó theo thời gian
Cách chỉnh sửa CSS qua Theme Editor
Khi nói đến các chỉnh sửa CSS trên toàn trang web, chẳng hạn như thay đổi bảng màu của trang web, bạn có thể chỉnh sửa kiểu. tệp css của chủ đề đang hoạt động của bạn. Bạn có thể tìm thấy nó trong Giao diện> Trình chỉnh sửa chủ đề trong bảng điều khiển WordPress của bạn.
Đừng quên chỉ thực hiện các thay đổi trong biểu định kiểu của chủ đề con bạn.
Cách chỉnh sửa mã PHP thông qua bảng điều khiển WordPress
Trước khi chúng tôi tiến hành chỉnh sửa mã PHP trong WordPress, chúng tôi nên cảnh báo rằng mọi thay đổi đối với tệp PHP của bạn cần phải được thực hiện một cách thận trọng. Làm rối tung cú pháp PHP dễ hơn bạn nghĩ và nó có thể dễ dàng đánh sập trang web của bạn cho đến khi bạn khôi phục tệp gốc.
Một lý do khác để không trực tiếp thực hiện các thay đổi đối với mã PHP của bạn là thường có các plugin cho hầu như bất kỳ loại tùy chỉnh nào bạn muốn trên trang web của mình. Khác nhau, từ các loại bài đăng tùy chỉnh để thêm mã theo dõi vào tiêu đề trang web của bạn.
Với ý nghĩ đó, chúng tôi thực sự khuyên bạn chỉ nên sửa đổi mã PHP sau khi bạn đã sử dụng hết tất cả các tùy chọn khác.
Trình chỉnh sửa chủ đề
Để thêm hoặc thay đổi mã PHP thông qua bảng điều khiển WordPress của bạn, trước tiên, hãy đi tới Giao diện > Trình chỉnh sửa chủ đề. Tiếp theo, chọn chủ đề đang hoạt động của bạn và định vị các chức năng. php [Chức năng chủ đề].
Cách chỉnh sửa mã qua FTP/SFTP
Mặc dù chỉnh sửa HTML trong WordPress thông qua bảng điều khiển của nó rất hay và dễ dàng, nhưng có một cách khác để thực hiện các thay đổi đối với mã, cụ thể là thông qua truy cập tệp trang web của bạn thông qua SFTP.
Nếu bạn không biết cách kết nối với máy chủ của mình qua FTP/SFTP, bạn có thể làm theo hướng dẫn sau. Lưu ý rằng bạn sẽ cần phần mềm như Filezilla hoặc Total Commander, cả hai đều miễn phí. Người dùng EasyWP cũng có thể xem hướng dẫn nhanh này.
Có một lợi thế không thể phủ nhận khi sửa đổi các tệp WordPress của bạn thông qua SFTP
Nó an toàn hơn nhiều. Bạn luôn có thể hoàn nguyên các thay đổi bằng cách tải lại phiên bản gốc của tệp lên. Ví dụ, bạn nên sao lưu các tệp của mình trong trường hợp, chẳng hạn như bạn không thể truy cập trang web của mình sau khi thực hiện các chỉnh sửa. Trong trường hợp này, bạn chỉ có thể hoán đổi tệp đã chỉnh sửa với tệp gốc và khôi phục trang web WordPress của mình về trạng thái trước đó
Khi bạn đã kết nối với máy chủ của mình, hãy truy cập wp-content > chủ đề và mở thư mục của chủ đề con mà bạn muốn sửa đổi các tệp của
Như đã đề cập trước đây, bạn chỉ nên thay đổi chủ đề con vì chủ đề gốc sẽ bị ghi đè trong trường hợp cập nhật.
Phần kết luận
Chúng tôi hy vọng bài viết này hữu ích với bạn và bạn đã thực hiện thành công các thay đổi cần thiết cho trang web WordPress của mình. Nếu bạn có bất kỳ câu hỏi nào, vui lòng để lại nhận xét hoặc ping chúng tôi trên Twitter.
Bạn muốn tìm hiểu thêm về WordPress? .
Vladyslav Koval
Chia sẻ bài viết này
Các bài viết khác từ chúng tôi
Phát triển chủ đề WordPress không khó như bạn tưởng tượng. Có rất nhiều tài nguyên trực tuyến để giúp bạn thành công Vua Richard Chuyển hướng là cách để bạn tạo một thông báo nhanh thông báo cho người dùng của mình rằng một trang đã chuyển từ URL này sang URL khác. Chuyển hướng có thể là tạm thời hoặc vĩnh viễn. Bạn cũng có thể sử dụng chuyển hướng để trỏ họ đến địa chỉ mới hoặc trang khác của bạnWordPress có cho phép bạn chỉnh sửa HTML không?
Bạn có thể viết mã HTML trong WordPress không?