Hướng dẫn how do i change the html homepage in wordpress? - làm cách nào để thay đổi trang chủ html trong wordpress?
|
Cần thực hiện thay đổi HTML cho trang web WordPress của bạn? & NBSP; Show
WordPress được thiết kế để làm cho việc tạo trang web dễ dàng cho bất cứ ai. Nó loại bỏ sự cần thiết phải biết mã hóa. Nhưng trong trường hợp bạn muốn thêm chức năng hoặc nâng cao các tính năng của nó bằng cách thay đổi mã, WordPress cho phép bạn làm như vậy theo những cách khác nhau. & NBSP; Tùy thuộc vào loại thay đổi bạn muốn thực hiện, nó có thể đơn giản hoặc rất rủi ro. Trong hướng dẫn này, bạn sẽ học: 1. Cách chỉnh sửa WordPress HTML trong trình soạn thảo khối & NBSP;How to Edit WordPress HTML in Block Editor 2. Cách chỉnh sửa WordPress HTML trong trình soạn thảo cổ điển & NBSP;How to Edit WordPress HTML in Classic Editor 3. Cách chỉnh sửa HTML bằng CPanel hoặc FTP How to Edit HTML using cPanel or FTP Chúng tôi cũng cung cấp cho bạn các mẹo về cách chỉnh sửa HTML trong WordPress một cách an toàn mà không phá vỡ trang web của bạn. Các bước cần thực hiện trước khi chỉnh sửa HTML trên trang web WordPress của bạnChỉnh sửa mã trên trang web của bạn là rủi ro và có thể khiến nó bị phá vỡ hoặc trục trặc. Dưới đây là hai bước cảnh báo bạn có thể thực hiện để đảm bảo trang web trực tiếp của bạn không bị ảnh hưởng nếu mọi thứ xảy ra trong quá trình chỉnh sửa HTML của bạn: Bước 1: Lấy bản sao lưu trang web của bạnLuôn luôn sao lưu trang web WordPress của bạn trước khi bạn chỉnh sửa mã. & NBSP; Bạn có thể nhận được một bản sao lưu với một plugin như blogvault. Cài đặt plugin trên bảng điều khiển WP-Admin của bạn và đăng ký:  Blogvault sẽ tự động sao lưu trang web của bạn cho bạn. Nếu mọi thứ đi sai, bạn có thể dễ dàng khôi phục bản sao lưu của mình bằng cách nhấp vào nút Khôi phục.Restore button. Nếu bạn muốn khám phá các tùy chọn khác để sao lưu trang web của mình, bạn có thể thấy sự so sánh của chúng tôi về các plugin sao lưu WordPress tốt nhất và hướng dẫn của chúng tôi để sao lưu thủ công trang web WordPress của bạn hữu ích. Bước 2: Tạo môi trường dàn & nbsp;Nếu bạn đang thử và thử nghiệm HTML, chúng tôi khuyên bạn nên sử dụng một trang web dàn cho việc này - đặc biệt nếu bạn có kế hoạch thực hiện các thay đổi đối với chủ đề WordPress hoặc Core WordPress của bạn. Không cố gắng sửa đổi trực tiếp trên trang web trực tiếp của bạn. & NBSP; Một trang web dàn là một bản sao của trang web trực tiếp của bạn, nơi bạn có thể chạy thử nghiệm và thử nghiệm. Bất kỳ thay đổi nào bạn thực hiện trên trang web này đã giành được ảnh hưởng đến trang web WordPress trực tiếp của bạn. Vì vậy, nếu bạn mắc lỗi hoặc mọi thứ đi sai, trang web trực tiếp của bạn vẫn còn nguyên vẹn. & NBSP; Blogvault cho phép bạn thiết lập một trang web dàn miễn phí. Khi bản sao lưu của bạn hoàn tất, bạn có thể điều hướng đến phần dàn trên bảng điều khiển BlogVault và chọn Thêm trang web dàn.Staging section on the BlogVault dashboard and select Add a Staging Site. Plugin sẽ tạo một trang web dàn dựng được bảo vệ bằng mật khẩu được ẩn khỏi các công cụ tìm kiếm và bất kỳ khách truy cập nào. & NBSP;
Để đăng nhập vào WP-admin của trang web dàn, hãy thêm ‘/WP-admin, vào URL trang web dàn, như vậy: Thông tin đăng nhập giống như thông tin đăng nhập WP-Admin trực tiếp của bạn. Khi bạn đã đăng nhập, bạn có thể bắt đầu thực hiện các thay đổi HTML. Bạn có thể kiểm tra các thay đổi khác nhau và một khi bạn hài lòng với các sửa đổi, bạn có thể đẩy các thay đổi từ dàn dựng sang trang web trực tiếp của mình. Điều này giúp bạn tiết kiệm thời gian và nỗ lực sao chép các thay đổi trên trang web trực tiếp của bạn. Các chỉnh sửa HTML của bạn sẽ được thêm vào trang web trực tiếp của bạn mà không có bất kỳ thời gian ngừng hoạt động và phá vỡ trang web nào. Sẵn sàng để thực hiện chỉnh sửa HTML? Hãy bắt đầu nào. Chỉnh sửa HTML trên trang web WordPress của bạnCó nhiều cách để chỉnh sửa mã HTML trên trang web của bạn. Chúng tôi sẽ chỉ cho bạn cách để:
1. Chỉnh sửa HTML của các trang và bài viết & nbsp;Bạn có thể chỉnh sửa HTML của các trang và bài đăng của mình một cách dễ dàng trong cả Biên tập viên Gutenberg và trình soạn thảo cổ điển. & NBSP;
A. Cách chỉnh sửa WordPress HTML trong trình soạn thảo khối & NBSP;Khi WordPress giới thiệu Gutenberg hoặc Block Editor, nó đã làm thất vọng nhiều người dùng chúng ta. Đó là một sự thay đổi lớn tất cả đột ngột và nhiều tính năng cũ - những tính năng chúng tôi đã quá quen với - biến mất. & NBSP; Nếu bạn đã chuyển sang Gutenberg và có thể tìm thấy tùy chọn chỉnh sửa HTML, hãy làm theo các bước bên dưới. Phương thức này sẽ cho phép bạn truy cập và chỉnh sửa mã nguồn cho các trang WordPress riêng lẻ, bài đăng và các loại bài đăng khác. & NBSP; Có ba cách để chỉnh sửa HTML ở Gutenberg:
1. Tạo khối HTML mới (sử dụng HTML tùy chỉnh)Phương pháp này sẽ hoạt động nếu bạn chỉ muốn chèn một đoạn mã HTML vào một trang hoặc đăng trên trang web WordPress của bạn. Ví dụ: nếu bạn muốn sử dụng HTML để thêm thẻ nhảy, tiêu đề, v.v. Tại đây, bạn sẽ tạo một khối mới trên trang của mình và sau đó chèn mã HTML. Bước 1: Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang hoặc đăng bạn muốn sửa đổi. & NBSP; Log into your WordPress dashboard and navigate to the page or post you want to modify. Bước 2: Tại nơi bạn muốn chèn đoạn trích của HTML, nhấp vào ký hiệu + để tạo một khối mới. At the place where you want to insert the snippet of HTML, click on the + symbol to create a new block. Bước 3: Tìm kiếm ‘HTML tùy chỉnh và chọn nó. & NBSP; Search for ‘Custom HTML’ and select it. Bước 4: Bạn sẽ thấy một tùy chọn để nhập mã của bạn, như vậy:You’ll see an option to enter your code, like so: Sau khi hoàn thành, bạn có thể xem trước nó để xem nó trông như thế nào. Lưu nó dưới dạng bản nháp hoặc xuất bản nó để xem các thay đổi trên trang web của bạn.Save it as a draft or publish it to see the changes on your site. 2. Chuyển đổi khối hiện có thành HTML (sử dụng Chỉnh sửa làm HTML)Phương thức này sẽ hoạt động nếu bạn muốn thêm mã HTML vào một khối hiện có. Thay vì tạo một khối mới, bạn có thể chuyển đổi một khối mà đã xuất hiện thành HTML. Bước 1: Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang hoặc đăng bạn muốn sửa đổi. & NBSP; Log into your WordPress dashboard and navigate to the page or post you want to modify. Bước 2: Chọn khối bạn muốn chỉnh sửa và menu sẽ xuất hiện trên khối. Nhấp vào ba chấm ở phía bên phải. Select the block you want to edit and a menu will appear over the block. Click on the three dots at the right-hand side. Bước 3: Chọn Chỉnh sửa dưới dạng HTML, và bạn sẽ có thể thêm vào mã của mình. Select ‘Edit as HTML’ and you’ll be able to add in your code. Bước 4: Khi bạn nhấn Enter, rất có thể bạn sẽ thấy lỗi này:Once you hit enter, you’ll most likely see this error: Chọn Giải quyết và bạn sẽ thấy các thay đổi của bạn được thực hiện trong Trình chỉnh sửa khối.Resolve and you’ll see your changes implemented in the Block Editor. 3. Chuyển đổi toàn bộ trang hoặc đăng sang HTML (sử dụng Trình chỉnh sửa mã)Phương pháp này cho phép bạn chỉnh sửa HTML của toàn bộ bài đăng của bạn. Bước 1: Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang hoặc đăng bạn muốn sửa đổi. & NBSP; Log into your WordPress dashboard and navigate to the page or post you want to modify. Bước 2: Chọn khối bạn muốn chỉnh sửa và menu sẽ xuất hiện trên khối. Nhấp vào ba chấm ở phía bên phải. On the top-right corner, select the three dots which gives you More Tools & Options. Bước 3: Chọn Chỉnh sửa dưới dạng HTML, và bạn sẽ có thể thêm vào mã của mình. Select ‘Code Editor’ and you’ll see that your entire post is now converted to HTML. Bước 4: Khi bạn nhấn Enter, rất có thể bạn sẽ thấy lỗi này:Code Editor to do so. Chọn Giải quyết và bạn sẽ thấy các thay đổi của bạn được thực hiện trong Trình chỉnh sửa khối. 3. Chuyển đổi toàn bộ trang hoặc đăng sang HTML (sử dụng Trình chỉnh sửa mã)Phương pháp này cho phép bạn chỉnh sửa HTML của toàn bộ bài đăng của bạn. Bước 1: Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang hoặc đăng bạn muốn sửa đổi. & NBSP; Log into your WordPress dashboard and navigate to the page or post you want to modify. Bước 2: Chọn khối bạn muốn chỉnh sửa và menu sẽ xuất hiện trên khối. Nhấp vào ba chấm ở phía bên phải. On the top-right corner, you’ll see two tabs called Visual and Text. Switch to Text Editor(HTML Editor). Bước 3: Chọn Chỉnh sửa dưới dạng HTML, và bạn sẽ có thể thêm vào mã của mình. The entire page converts to HTML. You can edit the code or add your own snippets of code here. Bước 4: Khi bạn nhấn Enter, rất có thể bạn sẽ thấy lỗi này: Chọn Giải quyết và bạn sẽ thấy các thay đổi của bạn được thực hiện trong Trình chỉnh sửa khối.3. Chuyển đổi toàn bộ trang hoặc đăng sang HTML (sử dụng Trình chỉnh sửa mã) Phương pháp này cho phép bạn chỉnh sửa HTML của toàn bộ bài đăng của bạn.Always use a child theme to make modifications to your theme. This is because when you make changes to your theme directly, once you update the theme, you’ll lose all modifications as the old version will be overwritten by the new one. Bước 2: Ở góc trên bên phải, chọn ba dấu chấm cung cấp cho bạn nhiều công cụ & tùy chọn hơn. Bước 3: Chọn ‘Mã trình chỉnh sửa mã và bạn sẽ thấy rằng toàn bộ bài đăng của bạn hiện được chuyển đổi thành HTML. & NBSP; Nếu bạn có trang HTML của riêng mình và muốn chèn nó vào trang web WordPress của mình, bạn có thể sử dụng Trình chỉnh sửa mã để làm như vậy.Using The Dashboard File Editor Nó đơn giản để chỉnh sửa HTML bằng trình soạn thảo Gutenberg. Bây giờ, hãy để cho bạn thấy cách sử dụng trình soạn thảo cổ điển. & NBSP;Using cPanel or An FTP Client Nếu bạn có trang HTML của riêng mình và muốn chèn nó vào trang web WordPress của mình, bạn có thể sử dụng Trình chỉnh sửa mã để làm như vậy.Nó đơn giản để chỉnh sửa HTML bằng trình soạn thảo Gutenberg. Bây giờ, hãy để cho bạn thấy cách sử dụng trình soạn thảo cổ điển. & NBSP; Log into your WordPress dashboard and navigate to Appearance. B. Cách chỉnh sửa WordPress HTML trong trình soạn thảo cổ điển (Trình chỉnh sửa HTML) & NBSP; Select Theme Editor. Nếu bạn sử dụng trình soạn thảo cổ điển trong WordPress, việc chỉnh sửa trong HTML là dễ dàng. When you open the Theme Editor, you’ll see a warning window. This tells you that WordPress doesn’t recommend making changes here. If you wish to bypass it, select I Understand. Bước 2: Ở góc trên bên phải, bạn sẽ thấy hai tab được gọi là trực quan và văn bản. Chuyển sang Trình chỉnh sửa văn bản (Trình chỉnh sửa HTML).Here you can make all sorts of changes including editing HTML of your header and footer. Bước 3: Toàn bộ trang chuyển đổi thành HTML. Bạn có thể chỉnh sửa mã hoặc thêm đoạn mã của riêng bạn ở đây. Đó là nó. Bạn đã tìm thấy thành công tùy chọn HTML trong trình soạn thảo cổ điển.2. Cách chỉnh sửa mã nguồn trong chủ đề WordPress của bạn
Mẹo chuyên nghiệp: Luôn sử dụng chủ đề trẻ em để thực hiện sửa đổi cho chủ đề của bạn. Điều này là do khi bạn thay đổi trực tiếp chủ đề của mình, một khi bạn cập nhật chủ đề, bạn sẽ mất tất cả các sửa đổi vì phiên bản cũ sẽ bị ghi đè bởi phiên bản mới. Nhưng nếu bạn tạo một chủ đề con, thì bạn có thể tiếp tục cập nhật chủ đề cha mẹ mà không mất bất kỳ sửa đổi nào bạn thực hiện cho trẻ. Bạn có thể tìm hiểu thêm về các chủ đề trẻ em trong hướng dẫn của chúng tôi để cập nhật chủ đề mà không mất thay đổi. Login to your web hosting account and access cPanel. Có hai cách bạn có thể thực hiện các thay đổi HTML cho chủ đề WordPress của mình: Go to File Manager and open a folder called public_html. This is where your website’s files and folders reside. If you have named your folder something else, select that folder. 1. Sử dụng trình chỉnh sửa tệp bảng điều khiển & NBSP; Inside the wp-contents folder, you’ll find your Themes folder that houses all installed themes on your site. 2. Sử dụng cpanel hoặc máy khách FTPSelect your current theme. Inside this folder, you’ll find all your files that you can edit and make custom coding changes.
Bước 2: Chọn Trình chỉnh sửa chủ đề. Bước 1: Tải xuống và cài đặt máy khách FTP như Filezilla trên máy tính của bạn.Download and install an FTP client like Filezilla on your computer. Bước 2: Mở Filezilla và nhập thông tin đăng nhập FTP của bạn bao gồm tên máy chủ, tên người dùng, mật khẩu và số cổng. Nhấp vào QuickConnect. Open FileZilla and enter your FTP credentials that comprise a host name, username, password, and port number. Click on QuickConnect. Lưu ý: Bạn có thể tìm thấy thông tin đăng nhập FTP của mình trong tài khoản lưu trữ web của mình. Nếu bạn cần thêm hướng dẫn để tìm thông tin này, hãy làm theo hướng dẫn thông tin đăng nhập FTP của chúng tôi. Bước 3: Khi bạn thiết lập một kết nối, bạn sẽ thấy các thư mục nằm trên bảng điều khiển bên phải. Đây là máy chủ web của bạn.Once you establish a connection, you’ll see folders populate on the right panel. This is your web server. Bước 4: Mở thư mục gọi là public_html. Đây là nơi trang web của bạn, các tập tin và thư mục của bạn cư trú. Nếu bạn đã đặt tên cho thư mục của bạn một cái gì đó khác, hãy chọn thư mục đó. & Nbsp;Open the folder called public_html. This is where your website’s files and folders reside. If you have named your folder something else, select that folder. Bước 5: Bên trong thư mục WP Contents, bạn sẽ tìm thấy thư mục chủ đề của mình chứa tất cả các chủ đề được cài đặt trên trang web của bạn. & NBSP; Inside the wp-contents folder, you’ll find your Themes folder that houses all installed themes on your site. Bạn có thể tải xuống và chỉnh sửa các tập tin này. Bạn cần phải tải chúng trở lại cùng một thư mục - ghi đè các tệp cũ. & NBSP; Phần thưởng: Plugin để chỉnh sửa HTML trong WordPress & NBSP;Nếu tất cả điều này quá kỹ thuật đối với bạn, bạn có thể thử một vài plugin cho phép bạn chỉnh sửa HTML. Kiểm tra các plugin cho phép bạn chỉnh sửa HTML trong các lĩnh vực khác nhau trên trang web của bạn:
Các plugin này loại bỏ nhu cầu cho bạn thực hiện bất kỳ thay đổi thủ công nào đối với các tệp trang web của bạn. Bạn có thể tiếp tục chỉnh sửa mã HTML từ mặt trước của trang web của bạn. Nó ít rủi ro hơn nhưng chúng tôi vẫn khuyên bạn nên thử nghiệm các plugin này trên một trang web dàn dựng trước tiên. Bạn có nên chỉnh sửa mã HTML trên trang web WordPress của mình không?HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản và nó kiểm soát cấu trúc nội dung của trang web của bạn. & NBSP; Như chúng tôi đã đề cập, WordPress được thiết kế để loại bỏ nhu cầu chỉnh sửa mã đó. Có rất nhiều tính năng ở phía trước của bảng điều khiển WordPress cho phép bạn chạy trang web của mình mà không cần chạm vào mã hóa phụ trợ của trang web của bạn. Ngoài ra còn có vô số chủ đề và plugin xử lý bit kỹ thuật cho bạn. & NBSP; Chỉnh sửa mã HTML là kinh doanh nghiêm túc. Lỗi nhỏ nhất có thể khiến trang web WordPress của bạn bị hỏng hoặc thậm chí hoàn toàn trống. & NBSP; Vì vậy, trước khi chúng tôi kết thúc, chúng tôi muốn nhanh chóng chạm vào khi nào cần chỉnh sửa HTML. Khi nào cần chỉnh sửa mã HTMLHãy xem xét lý do tại sao bạn muốn chỉnh sửa HTML và động cơ của bạn là gì. Bạn có muốn tùy chỉnh trang web của mình không? Có plugin có thể chăm sóc nó cho bạn không? Bạn có muốn kiểm tra mọi thứ hay chỉ học cách chỉnh sửa HTML? Dưới đây là những lý do hàng đầu bạn nên chỉnh sửa HTML trên trang web của mình:
Khi không chỉnh sửa mã HTMLWordPress được xây dựng trên sự kết hợp của các ngôn ngữ bao gồm CSS, PHP và HTML. Vì vậy, thực hiện các thay đổi trong HTML có thể không hoạt động trong mọi trường hợp. Có một danh sách dài các trường hợp chỉnh sửa HTML đã giành được công việc. Bao gồm các:
Một số thay đổi có thể được thực hiện với các CS như kiểm soát màu sắc, phông chữ và kích thước của văn bản trên các trang. Bạn có thể xác định cách các yếu tố được định vị và đặt ra, khoảng cách giữa các yếu tố, màu nền và hình ảnh được sử dụng. Bạn cũng có thể đặt các màn hình khác nhau cho các kích thước và thiết bị màn hình khác nhau. Có rất nhiều bạn có thể làm với CSS. & NBSP; Tóm lại…Chỉnh sửa HTML trong các trang và bài viết ít rủi ro hơn. Bạn luôn có thể xem trước các thay đổi của mình trước khi thực hiện trực tiếp. Nhưng khi bạn thực hiện thay đổi HTML trực tiếp vào chủ đề trang web của bạn hoặc Core WordPress, nó cực kỳ rủi ro. Chúng tôi khuyên bạn nên sử dụng bảng điều khiển WP càng xa càng tốt. Hoặc cố gắng tìm một plugin cho phép bạn chỉnh sửa HTML mà không cần chạm vào các tệp phụ trợ. Trong trường hợp bạn phải chỉnh sửa mã HTML trên trang web của mình theo cách thủ công, luôn luôn sao lưu trang web của bạn và thiết lập môi trường dàn. Sử dụng trang web dàn để kiểm tra các thay đổi trước khi triển khai chúng trên trang web trực tiếp của bạn. Điều này sẽ đảm bảo rằng trang web trực tiếp của bạn không bao giờ bị phá vỡ. & NBSP; Sao lưu và giai đoạn trang web của bạn với Blogvault! With BlogVault! Melinda là một người đam mê WordPress, và thích chia sẻ kinh nghiệm của họ với những người đam mê đồng nghiệp. Trên blog Malcare, Melinda chưng cất sự khôn ngoan có được từ việc xây dựng các plugin để giải quyết các vấn đề bảo mật mà Quản trị viên phải đối mặt. Làm cách nào để thay đổi trang chủ HTML trong WordPress?Bước 1: Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang hoặc đăng bạn muốn sửa đổi. Bước 2: Chọn khối bạn muốn chỉnh sửa và menu sẽ xuất hiện trên khối. Nhấp vào ba chấm ở phía bên phải. Bước 3: Chọn 'Chỉnh sửa là HTML' và bạn sẽ có thể thêm vào mã của mình.
Làm cách nào để thay đổi trang chủ trên WordPress?Đặt trang chủ từ các cài đặt chuyển sang Cài đặt → Đọc ở thanh bên trái của bảng điều khiển trang web của bạn.Bên cạnh nhãn hiển thị trang chủ của bạn, chọn nút radio một trang tĩnh.Từ menu thả xuống bên cạnh trang chủ, chọn trang mới của bạn làm trang đầu cho trang web của bạn.Go to Settings → Reading in the left sidebar of your site dashboard. Next to the label Your homepage displays, select the radio button A static page. From the drop-down menu next to Homepage, choose your new page as the front page for your site.
Làm cách nào để tùy chỉnh mẫu HTML của tôi trong WordPress?Hãy chỉnh sửa một số chủ đề WordPress HTML!Đi đến ngoại hình → Biên tập viên trong bảng điều khiển WordPress của bạn và chọn chủ đề con bạn đã kích hoạt.Khi bạn mở chủ đề con của bạn lần đầu tiên, bạn có thể ngạc nhiên khi chỉ thấy một hoặc hai tệp, thường là kiểu.CSS và các chức năng.
Bạn có thể chỉnh sửa HTML trong WordPress không?Chỉnh sửa HTML trong trình soạn thảo WordPress Bạn có hai tùy chọn để chỉnh sửa HTML trong trình soạn thảo WordPress: Trong thanh công cụ cho mỗi khối (xuất hiện khi bạn nhấp vào khối), dấu chấm lửng hoặc ba dấu chấm, có tùy chọn HTML đểChỉnh sửa HTML cho khối cụ thể đó.In the toolbar for each block (that appears when you click on the block), the ellipsis, or the three dots, has an Edit as HTML option to edit the HTML for just that specific block. |
