Trong nhiều trường hợp khi sử dụng wordpress bạn phải sử dụng mã html để thao tác trên trang website của mình. ví dụ như chèn zalo vào wordpress chẳng hạn và nếu bạn còn chưa biết cách làm thế nào để chèn những đoạn mã html trên thì bài viết này mình sẽ hướng dẫn một số mẹo hay để có thể tự tay chèn code html vào wordpress bất kỳ khi nào muốn.
Cách thêm Code html vào WordPress
1. Chèn Code html vào Widgets
Để chèn mã html vào widget khá đơn giản chỉ cần truy cập vào Dashboard > Appearance > Customize > Widgets
và tìm đến vị trí cần chèn ví dụ tôi muốn chèn mã nhúng page facebook vào footer thì làm làm như sau:
Xem thêm: các dòng module màn hình led của website https://ledcbm.com
Vào Dashboard > Appearance > Customize > Widgets > Footer 3
thêm tiện ích “Text” và dán toàn bộ nội dung mã code vào ô bên dưới.
Tương tự Dashboard > Appearance > Customize > Widgets > Primary Sidebar
với thanh Sidebar
Làm tương tự với những phần khác…
2. Chèn Code html vào bài viết hoặc trang WordPress
Để chèn code html vào bài viết hoặc trang trong wordpress hãy truy cập vào trang hay bài viết muốn chèn và chuyển sang chế độ “text” ở góc phải màn hình và dán toàn bộ mã html mong muốn tiếp theo lưu lại như bình thường.
Truy cập Dashboard > Posts > Add new
như ảnh bên dưới.
3. Chèn Code PHP vào Page WordPress
Để chèn code php vào page wordpress bạn cần tải một plugin có tên PHP Execution plugin này cho phép người dùng viết mã php bên trong các bài viết và trang của họ. Mã PHP nhúng sẽ được thực hiện khi bài đăng được hiển thị. Khi làm như vậy, plugin cung cấp khả năng sử dụng nội dung động bên trong các bài đăng.
Chức năng chính của PHP Execution
- Thực hiện mã php trong các bài đăng và trang của bạn đầy đủ, trích dẫn, nguồn cấp dữ liệu.
- Tích hợp tốt với trình soạn thảo trực quan của WordPress.
- Viết mã php theo cú pháp thông thường trong khung nhìn html của trình soạn thảo.
- Admin có thể chỉnh sửa quyền thực thi php của người dùng blog.
- Plugin tự động ngăn chặn người dùng không có quyền thực hiện php để chỉnh sửa các bài đăng của người dùng có quyền thực hiện mã php.
Việc cài đặt và kích hoạt PHP Execution cũng khá đơn giản vì nó hoàn toàn miễn phí.
4. Chèn code PHP vào Text Widget trong WordPress
Để code PHP vào Text Widget trong WordPress trước tiên bạn cần sao chép và dán toàn bộ code bên dưới vào file functions.php trong thư mục child theme của bạn.
Tiếp theo hay truy cập vào Appearance > Widgets
tạo 1 Text Widget và dán code PHP của bạn vào đó, thoát ra ngoài và xem kết quả.
Plugin chèn code vào wordpress
1. PHP Text Widget
PHP Text Widget giúp bạn sửa đổi Widget text chuẩn của WordPress làm cho nó có thể thực thi các đoạn mã PHP mà đảm bảo các chức năng của tiện ích văn bản được bảo quản để nó có thể hoạt động mà không gây ra lỗi.
Điều đó cho phép chủ sở hữu blog kiểm soát văn bản bằng cách thực thi các đoạn mã PHP, ví dụ hiển thị quảng cáo khác nhau trên các bài đăng, trang, danh mục.
Cài đặt và kích hoạt PHP Text Widget.
2. PHP Code Widget
PHP Code Widget không những cho phép bạn chèn văn bản hoặc mã HTML mà còn phân tích cú pháp bất kỳ mã PHP trong widget văn bản và thực hiện nó. Điều này có thể làm cho nó dễ dàng hơn cho chúng ta di chuyển đến các vị trí khác nhau dựa trên widget. Tuy nhiên, plugin này không nên được sử dụng lâu dài, như bất kỳ ai có quyền truy cập để chỉnh sửa các vật dụng trên trang web của bạn sẽ có thể thực hiện mã PHP tùy ý.
Cài đặt và kích hoạt PHP Code Widget
Lời kết
Trên đây là 5 cách để bạn có thể chèn code html vào wordpress hoặc các mã php, tuy nhiên việc hãy lựa chọn những phương pháp tốt nhất vào mục đích của bạn. hạn chế sử dụng plugin để giúp website của bạn chạy nhanh hơn. Mọi ý kiến đóng góp của bạn vui lòng comment bên dưới.
I have noticed you don’t monetize your page, don’t waste your traffic, you can earn additional bucks every month because you’ve got hi
quality content. If you want to know how to make extra bucks, search for: Boorfe’s tips best
adsense alternative
mình muốn tạo cái bảng dk email mà nó xuất hiện ngay chính giữa màn hình website khi mà mình vào đọc bài viết ấy thì phải làm sao
Bạn có thể sử dụng plugin bloom của elegantthemes.com nhé.
Mến chào bạn sampress.com
Bạn cho mình hỏi là làm sao để tạo được cái Menu NỘI DUNG BÀI VIẾT như của bạn vậy?
Bấm vào dòng nào là trỏ chuột tự động chạy xuống tới đoạn ấy, mong nhận được câu trả lời từ sampress, cám ơn bạn!
Nội dung bài viết này sử dụng plugin
Table Of Contents Plus
hoặc tương tự bạn nhé, tự động tạo danh mục phụ lục theo thẻ Heading H1 – H6.Bạn ơi có thể chỉnh Code của menu cho khoảng trắng đều ra được không ạ?
có bài nào hướng dẫn tạo khung giao diện cho wordpress không ad
Nhờ bạn hướng dẫn mình kiểm tra hiển thị AMP trên google báo lỗi hiển thị do có 1 đoạn code < script…..
code này khi viết bài trên các trang đều có. Nhờ bạn hướng dẫn vào đâu để xóa đoạn code này. Thanks.
Chào bạn mình muốn chèn code sau vào logo để nó không chạy lazyload, h mình add vào chỗ nào nhỉ?
Bài viết này: https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images
Bình ơi, mình lấy mã nguồn (ctr U) của 1 landingpage rồi thả đưa vào Elementor trong wp …thì nó ko cho edit chỉnh sửa….vậy trong all in one nói trên nó cho chỉnh ko? hoặc trong elementor có nút nào edit nói cho mình biết với, thanks bạn nhiều! ?
Nếu bạn có link nào hướng dẫn gửi cho mình qua email nhé
thanks!
Chào bạn! Mình dùng phương pháp “Chèn code PHP vào Text Widget trong WordPress” mà bạn đã hướng dẫn mọi việc thực hiện code PHP tốt nhưng khi mình vào lại text widget đó xem code và thoát ra F5 lại trang thì tại vị trí chèn code text bị lỗi. Vậy có mình hỏi liệu trong quá trình sử dụng cách này có dẫn đến lỗi không ah. Vì khi lỗi nó hiện nguyên đoạn code ra luôn.
cảm ơn đã chia sẻ thông tin https://namlongemc.com
Sao mình làm slider cho nó lại không được nhỉ , cứ báo lỗi
thank ad nhiều nhé mk đã làm thành công.
admin ơi cho mk hỏi: các trang khác khi mình ấn 1 hình ảnh bất kì nó sẽ xuất hiện 1 khung ảnh ngay trong trang ấy luôn.
còn trang của mk thì k làm đc
ad có plugin nào thích hợp k?
thank ad nhiều.