Chỉnh sửa HTML trong WordPress là một cách hữu hiệu để tùy chỉnh giao diện trang web theo ý mình, và có thể giúp ích trong rất nhiều trường hợp nữa. Cụ thể, cách chỉnh sửa HTML như thế nào?
lục mục
- 1 Có cần biết cách sửa mã trong WordPress không?
- 2 Cách chỉnh sửa HTML trong WordPress
- 3 Cách chỉnh sửa CSS và mã PHP đã chỉnh sửa trong WordPress
- 3. 1 Sử dụng trình chỉnh sửa mã WordPress
- 3. 2 Sử dụng FTP Client
Có cần biết cách sửa mã trong WordPress không?
WordPress là nền tảng có bộ sưu tập chủ đề và plugin rất lớn để bạn có thể tùy chỉnh trang web một cách dễ dàng. Nếu muốn thay đổi giao diện trang web, bạn có thể tùy chỉnh chủ đề hiện tại hoặc nếu muốn, bạn có thể cài đặt luôn một chủ đề mới từ thư mục WordPress. Bên cạnh đó, để cài đặt thêm nhiều chức năng cho trang web hơn, bạn có thể dễ dàng tìm thấy các plugin cần thiết. Bạn sẽ không cần phải đụng tới mã nguồn của WordPress khi thao tác quản lý trang web. Nhưng, có những thời điểm bạn cần phải chỉnh sửa code WordPress HTML vì đó là phương pháp duy nhất
Lưu ý. chỉnh sửa HTML trong WordPress không đúng sẽ gây hại nhiều hơn là có lợi. Hãy thực hiện một cách thận trọng
Cách chỉnh sửa HTML trong WordPress
HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản [kiểm tra cấu trúc nội dung]. Bạn có thể thêm bất kỳ loại nội dung nào như văn bản, hình ảnh… vào bài đăng trên WordPress. Thông thường, thao tác này có thể thực hiện ngay trong trình chỉnh sửa WordPress. Trong WordPress có 2 trình soạn thảo. trình soạn thảo văn bản [HTML] và trình soạn thảo trực quan. Trong trình soạn thảo trình soạn thảo cổ điển, bạn có thể chuyển từ trình chỉnh sửa trực tiếp sang trình chỉnh sửa HTML một cách dễ dàng vì chúng ở gần nhau
Nhưng đó không phải là cách làm trong trình chỉnh sửa Gutenberg vừa mới được giới thiệu. Có 2 cách để chuyển sang trình chỉnh sửa HTML trong WordPress sau
- Nhấp vào menu ba dấu chấm trên mỗi khối
- Nhấp vào menu ba dấu chấm ở phía bên trái để tiến hành chỉnh sửa toàn bộ bài đăng
Làm thế nào để sửa code WordPress HTML trên trang chủ? . Vui lòng chuyển đến phần Giao diện → Widget. Từ khu vực tiện ích, bạn có thể tiến hành chỉnh sửa cấu trúc HTML của các tiện ích đã có sẵn hoặc thêm nhiều tiện ích bổ sung khác từ menu Custom HTML
Để có thể chỉnh sửa HTML đã chỉnh sửa, đầu tiên bạn phải chọn widget đúng trước, tiến hàng thay đổi, sau đó lưu lại. Bên cạnh đó, bạn cũng có thể thêm nhiều tiện ích mới từ menu “Tuỳ chỉnh HTML”. Tùy chọn vào chủ đề mà bạn kích hoạt, các tùy chọn này có thể không giống nhau
Cách chỉnh sửa CSS và code PHP trong WordPress
CSS [Cascading Style Sheets] chịu trách nhiệm công việc trình bày trang web. Khi bạn sử dụng chủ đề WordPress, trang web của bạn sẽ sở hữu một bố cục cục bộ, màu sắc và phông chữ cụ thể. Nếu bạn cảm thấy không thích bất kỳ chủ đề nào, bạn hoàn toàn có thể sử dụng chủ đề khác. Nếu bạn muốn giữ bố cục cục bộ của chủ đề nhưng lại muốn thay đổi phông chữ, có thể bạn cần chỉnh sửa mã PHP và CSS trong WordPress
Phương pháp này có thể sẽ không phù hợp với những bạn mới bắt đầu sử dụng WordPress. Có 2 phương pháp để chỉnh sửa code PHP và CSS trong WordPress như sau
Use WordPress code editor
Cách đầu tiên là sử dụng trình chỉnh sửa mã WordPress. Bạn chỉ có thể sử dụng phương pháp này nếu trang web đang chạy tốt, có nghĩa là không gặp phải bất kỳ sự cố nào do phần mềm độc hại hoặc cập nhật không thành công. Sau khi tạo được child theme, bạn hãy tiến hành kích hoạt. Sau đó nhấp vào Giao diện → Trình chỉnh sửa. Sau khi đã chỉnh sửa xong mã, hãy nhấp vào Cập nhật tệp
Use FTP Client
Tuy đây có thể là cách làm hiệu quả, nhưng chúng tôi không khuyến khích bạn sử dụng. Nó không có tính chất an toàn và có thể sẽ khiến trang web của bạn gặp phải rủi ro nếu xử lý không đúng cách. Bạn chỉ nên sử dụng cách này để chỉnh sửa mã chỉnh sửa WordPress nếu thực sự tin tưởng vào khả năng của mình. Đầu tiên, bạn cần tạo thông tin đăng nhập FTP. Tiếp theo, mở FTP Client và điền thông tin chi tiết về máy chủ FTP, tên người dùng và mật khẩu
Khi kết nối thành công, bạn sẽ có quyền truy cập vào mã nguồn WordPress. Chọn bất kỳ tệp nào bạn muốn chỉnh sửa, nhấp chuột phải và chọn chỉnh sửa. Sau khi chỉnh sửa xong, bạn có thể lưu lại các thay đổi
Xem thêm. Hướng dẫn 2 cách trỏ tên miền về máy chủ cPanel đơn giản nhất
Như vậy là chúng ta đã cùng nhau tìm hiểu cách chỉnh sửa HTML trong WordPress và chỉnh sửa code – CSS trong một website WordPress. Hãy cùng tìm hiểu thêm các bài viết tiếp theo về hướng dẫn WordPress nhé
Bạn muốn thêm. html vào url bài viết, url trang, url tên sản phẩm trong WordPress. Bài viết này sẽ hướng dẫn các bạn thực hiện dễ dàng mà nhanh chóng
Có nhiều bạn inbox hỏi mình. “Anh ơi sao anh thêm được cái đuôi. html cho tên bài viết và trang giới thiệu / liên hệ,… trên web của anh vậy ?”
Mình đã hướng dẫn các bạn đang làm và để chi tiết hơn mình viết bài hướng dẫn thêm. html cho url trong WordPress cho bạn nào cần nhé
Trước khi bắt đầu hãy cùng mình tìm hiểu sơ lược khái niệm về việc làm thêm. html vào url cho WordPress
Url là gì ?
Url name English is “Uniform Resource Locator” là đường dẫn để bạn truy cập và sử dụng tài nguyên trên internet với các đường dẫn cụ thể. Và nó là một trong những yếu tố quyết định sự thành công của SEO website và là yếu tố chính để google thu thập dữ liệu và lập chỉ mục trang web của bạn để trả dữ liệu cho người dùng khi tìm kiếm
Nếu bạn là một nhà phát triển web, webmaster, seoer, marketer,… thì chắc chắn bạn sẽ biết đến khái niệm url qua rất nhiều tên gọi như đường dẫn, url đường dẫn, url, liên kết, đường liên kết,… nhưng tên chuẩn quốc tế
Constructor of a URL
VD. https. //www. trinhcongtri. com/wordpress/huong-dan-wordpress/wordpress-la-gi. html
in which
- https. // [hoặc http. //]. được gọi là giao thức kết nối [URL scheme] là truy cập thực tế từ máy tính / điện thoại,…gửi đến máy chủ thông qua kết nối internet và máy chủ sẽ kiểm tra và phản hồi .
- www. trinhcongtri. com [or trinhcongtri. com]. là địa chỉ trang web bất kỳ được định danh bởi một dãy IP [VD. 104. 1. 48. 138] de gán cho nó. Trong đó bao gồm www [World Wide Web] có thể có hoặc cũng không có được; . com là trang web tên miền [miền] và phần mở rộng. com,. mạng lưới,. vn theo quốc tế hoặc quốc gia. Đây là cấu trúc chính và quan trọng nhất của một trang web với URL dẫn trực tiếp về trang này.
- wordpress/huong-dan-wordpress/wordpress-la-gi. html. được gọi là đường dẫn tuyệt đối [hay url tuyệt đối], thông qua đường dẫn này mà bạn có thể truy cập vào các trang con của trang web được phân cách bằng dấu “/” để phân tích .
Lưu ý. Đường dẫn tuyệt đối không nên quá dài và có nhiều dấu “/”. Theo khuyến nghị của google only nên có tối đa 3 dấu phân cách “/” trên một url chuẩn SEO nhất
Và nội dung chính của bài viết này là mình sẽ hướng dẫn các bạn thêm. html vào url tên bài viết, tên sản phẩm, tên trang cho WordPress
Họ. html có quan trọng đối với SEO không ?
Thực hiện bổ sung. html là để theo “chuẩn” hoặc theo phong trào làm “đẹp” cho url chứ ngoài ra không có tác dụng gì khác, SEO vẫn lên top bình thường cho dù có. html hay không có. Nếu bạn thích đẹp thì bắt đầu thôi đừng suy nghĩ nhiều
Lưu ý khi thêm. html vào url bài viết cho WordPress
Trước khi thêm. html vào url bài viết bạn nên cân nhắc trường hợp nếu website bạn đã hoạt động lâu, có nhiều bài viết, sản phẩm và được google index lên top nhiều từ khóa thì cần cân nhắc trước khi thêm. html
VD. Liên kết cũ của bạn là. https. //trinhcongtri. com/huong-dan-cai-dat-wordpress/
Sau khi thêm. html will be. https. //trinhcongtri. com/huong-dan-cai-dat-wordpress. html
Thì người dùng truy cập link cũ sẽ gặp lỗi 404 [Lỗi không tìm thấy trang]
Nhưng bạn không cần phải lắng nghe nếu bạn sử dụng những plugin có tính năng chuyển hướng url như Yoast SEO Premium thì nó sẽ tự động chuyển hướng truy cập cho người dùng từ url cũ sang url mới
Nhưng tốt nhất là nên bổ sung. html vào web của bạn khi mới thành lập và chưa có nhiều sản phẩm, bài viết. Started any
Họ. html vào url bài viết cho WordPress [Url Post]
Việc này khá đơn giản vì WordPress đã hỗ trợ sẵn phần cài đặt này trong trang quản trị rồi
Bước 1. Đăng nhập vào trang quản trị WordPress > Cài đặt > Đường dẫn tĩnh
Nếu bạn sử dụng giao diện tiếng Anh. Bảng điều khiển> Cài đặt> Permalinks
Bước 2. At the setting item. You select Options and enter into /%postname%.html
> Save change > Complete
Xong rồi đấy giờ thì bạn xem bài viết trên web của mình có .html
cho url rồi đó
Họ. html vào trang url cho WordPress [Url Page]
Họ. html cho bài viết [post] thì đã có sẵn trong trang quản trị nhưng cho url trang [trang] thì bạn phải sửa code thì mới được thêm
Bước 1. Đăng nhập vào quản trị WordPress > Giao diện > Sửa > Chọn chủ đề WordPress đang sử dụng > Chọn tệp functions.php
Tiếp theo, sao chép đoạn mã dưới đây
1
2
3
4
5
6
add_action['init', 'tct_change_page_permalink', -1];
chức năng tct_change_page_permalink[] {
toàn cầu $wp_rewrite;
if [ strstr[$wp_rewrite->get_page_permastruct[], '.html'] . = '. html' ]
$wp_rewrite->page_structure = $wp_rewrite->page_structure . '. html';
}
Thêm vào dưới cùng tệp functions.php
> Lưu tệp tin
Nếu không sử dụng đoạn mã ở trên, bạn có thể thay thế bằng mã đoạn này
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
add_action['init', 'htmlPage_permalink', -1];
register_activation_hook[__FILE__, 'active'use_trailing_slashes==true && $type == 'page']{
return untrailingslashit[$chuỗi];
}else{
return $chuỗi;
}
}
function htmlPage_permalink[] {
toàn cầu $wp_rewrite;
nếu [ . strpos[$wp_rewrite- . html'get_page_permastruct[], '.html']]{
$wp_rewrite->page_structure = $wp_rewrite->page_structure . '. html';
}
}
add_filter['user_trailingslashit', 'noPage_slash',66,2];
chức năng hoạt động[] {
toàn cầu $wp_rewrite;
nếu [ . strpos[$wp_rewrite- . html'get_page_permastruct[], '.html']]{
$wp_rewrite->page_structure = $wp_rewrite->page_structure . '. html';
}
$wp_rewrite->flush_rules[];
}
chức năng vô hiệu hóa[] {
toàn cầu $wp_rewrite;
$wp_rewrite->page_structure = str_replace[".html","",$wp_rewrite->page_structure];
$wp_rewrite->flush_rules[];
}
Bước 2. Vào Cài đặt > Đường dẫn tĩnh > Lưu thay đổi
Nếu bạn muốn sửa mã mà thích sử dụng plugin thì Cài đặt và kích hoạt plugin Thêm HTML vào Trang Tại đây
Hoặc tùy biến chuyên sâu hơn thì sử dụng plugin Custom Permalinks Tại đây
Thêm một cách nữa là tải tệp bên dưới về trong đó mình đã có sẵn mã bổ sung. html cho trang [page] WordPress rồi
Tải tập tin
Sau đó upload lên hosting theo đường dẫn /public_html/wp-content/themes/ten-theme/includes
Sau đó thêm dòng mã tệp includes
bên dưới vào tệp functions.php
là xong.
1
require_once['includes/html-on-pages. php'];
Lưu ý. Chèn code bao gồm xong vào Admin WordPress > Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất
Có nhiều cách bạn thấy cách nào phù hợp với mình thì chọn miễn phí sao đạt được kết quả là nhiều hơn. html vào trang url cho WordPress là ok
Rồi giờ thì bạn vào trang nào đó như Liên hệ, Điều khoản, Bảo mật,… để xem kết quả url của trang đã có. html rồi đấy
Họ. html vào url bài viết đơn cho WordPress [Url Single Post Type]
Họ. html cho bài viết đơn cho WordPress. VD. https. //trinhcongtri. com/ten-san-pham. html
Bước 1. Tương tự như trên bạn truy cập vào Giao diện > Chỉnh sửa > Chọn chủ đề WordPress > Chọn tệp functions.php
Thêm đoạn mã sau đây vào bên dưới cùng tệp functions. php > Lưu tệp tin
1
2
3
4
5
6
7
8
9
10
11
12
13
add_action[ 'rewrite_rules_array', 'rewrite_rules' ];
hàm rewrite_rules[ $quy tắc ] {
$new_rules = array[];
foreach [ get_post_types[] as $t ]
$new_rules[ $t . '/[[^/]+]\. html$' ] = 'index. php?post_type=' . $t . '&name=$matches[1]';
return $new_rules + $rules;
}
add_filter[ 'post_type_link', 'custom_post_permalink' ]; // for cpt post_type_link [rather than post_link]
function custom_post_permalink [ $bài đăng_link ] {
toàn cầu $bài đăng;
$type = get_post_type[ $post->ID ];
return home_url[ $type . '/' . $bài đăng->bài đăng . name . '. html' ];
}
Bước 2. Quay lại trang Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất
Các cách bổ sung. html cho url trên ứng dụng cho trang web WordPress dưới dạng tin tức, blog, giới thiệu công ty và chủ yếu trên trang web là dạng bài viết và các trang đơn là chính. Còn nếu trang web bạn chuyên về bán hàng và bạn sử dụng WooC Commerce thì có thể thêm. html cho danh mục sản phẩm theo cách dưới đây
Họ. html vào url danh mục sản phẩm trong WooC Commerce
Tương tự vẫn là mã bổ sung vào tệp functions.php
Bước 1. Đăng nhập Admin WordPress > Giao diện > Chỉnh sửa > Chọn chủ đề WordPres > Chọn tệp functions.php
Tiếp tục theo, dán đoạn mã dưới đây vào bên dưới cùng tệp functions. php > Update file tin
1
2
3
4
5
add_action[ 'registered_taxonomy', 'wp_tct_category_permastruct_html', 10, 3 ];
chức năng wp_tct_category_permastruct_html[ $phân loại, $object_type, $args ] {
if [ $phân loại === 'product_cat' ]
add_permastruct[ $phân loại, "{$args['rewrite']['slug']}/%$taxonomy%.html", $args['rewrite'] ];
}
Bước 2. Để mã có hiệu lực, bạn vào Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất
Nếu bạn sử dụng WordPress Tiếng Anh thì vào Bảng điều khiển > Cài đặt > Liên kết cố định > Lưu thay đổi > Xong
tóm tắt
Hi vọng với các cách bổ sung. html vào url bài viết, url trang, url danh mục sản phẩm trong WordPress nói chung và cho WooCommerce nói riêng sẽ giúp bạn có một url Thân thiện, thân thiện, tối ưu tốt nhất cho SEO mà không cần sử dụng plugin nào khác
Chúc các bạn thành công
Bạn có cách nào khác hay hơn hãy để lại bình luận bên dưới mọi người cùng trao đổi nhé
Thank you very many
Nguồn bài viết. https. //trinhcongtri. com
3. 7 / 5 [ 3 bình chọn ]
3 2 phiếu bầu
Đánh giá bài viết
- THẺ
- end. html
- url thân thiện
- họ. html
- url
chia sẻ
Bài trước [Hướng dẫn] cài đặt Plugin WP Extra toàn tập [Cập nhật]
Bài tiếp theo Hướng dẫn cài đặt Plugin Messenger Chat với khách hàng
Trí Trịnh
https. //trinhcongtri. com
Là nhà phát triển web, nhà tiếp thị. Yêu thích CNTT, Lập trình, WordPress, SEO, SEM, MMO. Trong đó trinhcongtri. com là một dự án Dự kiến cung cấp nhiều kiến thức hơn cho mọi người về các lĩnh vực này và nhiều hơn thế nữa
BẢN VIẾT LIÊN QUANXEM THÊM TỪ TÁC GIẢI
{} [+]
Tên*E-mail*Trang mạng
{} [+]
Tên*E-mail*Trang mạng
2 Nhận xét
Cũ nhất
Mới nhất Được bình chọn nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
nguyễn phong
3 năm trước
Còn add html vào sau các chuyên mục của bài viết thì làm sao bác
0
Đáp lại
Tác giả
GHIM
3 năm trước
Trả lời nguyễn phong
Bạn search google giúp mình nhé, mình chỉ add cho post với page chứ chưa add vào chuyên mục nên chưa nghiên cứu, bạn search gg có nhiều bài hướng dẫn dùng function add vào file functions. php cho nhanh nhé. Thank many