Hướng dẫn how do i customize my html template in wordpress? - làm cách nào để tùy chỉnh mẫu html của tôi trong wordpress?
|
Mặc dù WordPress giúp những người không phải là người không kiểm tra dễ dàng quản lý một trang web, nhưng có lẽ sẽ đến lúc bạn muốn chỉnh sửa mã trong WordPress để có được quyền kiểm soát nhiều hơn một chút về cách trang web của bạn trông hoặc chức năng. Show
Để giúp bạn làm điều đó, bài đăng này sẽ chỉ cho bạn cách chỉnh sửa mã một cách an toàn trong WordPress theo một vài cách khác nhau:
Nếu bạn đã biết những gì bạn muốn làm, bạn có thể nhấp vào một trong các liên kết trên để nhảy thẳng vào phần cụ thể đó. Nếu không, hãy để chỉnh sửa! Thích xem phiên bản video?Cách bạn có thể chỉnh sửa mã WordPress:Để có được quyền kiểm soát nhiều hơn về cách trang web WordPress của bạn trông và chức năng, bạn có thể chỉnh sửa mã WordPress của mình để tùy chỉnh các khu vực khác nhau:
Cách chỉnh sửa WordPress HTML cho các bài đăng/trang riêng lẻHãy cùng bắt đầu với cách đơn giản nhất để chỉnh sửa WordPress HTML - truy cập mã nguồn cho các bài đăng, trang hoặc các loại bài đăng khác. Bạn có thể làm điều này trong cả trình soạn thảo khối WordPress mới (Gutenberg), cũng như trình soạn thảo tinymce cổ điển cũ hơn. Cách chỉnh sửa WordPress HTML trong trình soạn thảo khối (Gutenberg)Có một vài cách mà bạn có thể làm việc với HTML ở Gutenberg. Đầu tiên, nếu bạn chỉ muốn thêm mã HTML của riêng mình vào một phần nội dung, tôi khuyên bạn nên không cố gắng chỉnh sửa toàn bộ mã nguồn của bài đăng của bạn, vì điều đó làm cho mọi thứ không cần thiết.not trying to edit the entire source code of your post, as that makes things needlessly complicated. Thay vào đó, bạn chỉ có thể sử dụng khối HTML tùy chỉnh chuyên dụng và dán HTML mà bạn muốn sử dụng ở đó:Custom HTML block and paste the HTML that you want to use there: Tuy nhiên, cũng có thể đến thời điểm bạn cần chỉnh sửa trực tiếp HTML của một khối khác. Ví dụ: nếu bạn muốn thêm một thẻ nofollow vào một liên kết trong trình chỉnh sửa khối, bạn sẽ cần phải chỉnh sửa HTML của khối đó. Có hai cách mà bạn có thể làm điều này Đầu tiên, bạn có thể nhấp vào các tùy chọn cho một khối riêng lẻ và chọn Chỉnh sửa là Tùy chọn HTML:Edit as HTML option: Điều này sẽ cho phép bạn chỉnh sửa HTML cho khối riêng lẻ đó:  Hoặc, nếu bạn muốn chỉnh sửa HTML cho toàn bộ bài đăng của mình, bạn có thể truy cập Trình chỉnh sửa mã từ Dropdown Công cụ & Tùy chọn chính. Hoặc, bạn cũng chỉ có thể sử dụng phím tắt này để chuyển đổi giữa mã và chỉnh sửa trực quan - Ctrl + Shift + Alt + M:Code Editor from the main Tools & Options dropdown. Or, you can also just use this keyboard shortcut to toggle between code and visual editing – Ctrl + Shift + Alt + M: Hãy nhớ rằng, trong trình chỉnh sửa mã đầy đủ, bạn sẽ phải làm việc xung quanh tất cả các dấu hiệu đó cho các khối - ví dụ: Chỉnh sửa mã trong WordPress không cần phải khó! Kiểm tra hướng dẫn dễ dàng này về cách điều chỉnh HTML, CSS và PHP. 🤓 Bấm vào tweetClick to Tweet Cách chỉnh sửa WordPress HTML trong trình soạn thảo cổ điển (TinyMce)Nếu bạn vẫn đang sử dụng trình soạn thảo WordPress cổ điển (TINYMCE), bạn có thể chỉnh sửa HTML cho toàn bộ bài đăng của mình bằng cách truy cập tab Văn bản:Text tab: Cách chỉnh sửa mã nguồn trong chủ đề WordPress của bạnBây giờ, hãy để Lừa vào chủ đề lớn hơn, đó là cách chỉnh sửa mã trong chủ đề WordPress của bạn. Các cổ phần cao hơn một chút, vì vậy chúng tôi cần bao gồm một vài câu hỏi sơ bộ trước khi chúng tôi đi vào cách làm. Tại sao các cổ phần cao hơn? Chà, khá đơn giản, đó là vì bạn có thể phá vỡ trang web của mình nếu bạn làm hỏng một cái gì đó ở đây! Trong các bản phát hành gần đây, WordPress đã khiến bạn vô tình làm điều này khó khăn hơn rất nhiều, nhưng chỉnh sửa mã nguồn của trang web của bạn sẽ luôn mở ra cánh cửa cho các vấn đề, vì vậy bạn muốn đảm bảo rằng bạn thực hiện nó một cách an toàn. Sử dụng chủ đề con cho bất kỳ chỉnh sửa mã trực tiếp nàoNếu bạn có kế hoạch chỉnh sửa trực tiếp bất kỳ mã nào trong các tập tin chủ đề của bạn, bạn cần sử dụng chủ đề con thay vì chỉnh sửa chủ đề cha mẹ. Không có chủ đề con, bất kỳ thay đổi mã nào mà bạn thực hiện sẽ được ghi đè vào lần tới khi bạn cập nhật chủ đề của mình. Tuy nhiên, khi bạn sử dụng chủ đề con, bạn sẽ có thể cập nhật kịp thời chủ đề cha mẹ mà không mất những thay đổi mà bạn đã thực hiện trong chủ đề con của bạn. Nếu bạn muốn tìm hiểu thêm về lợi ích của các chủ đề trẻ em, cũng như cách tạo một, hãy xem hướng dẫn đầy đủ của chúng tôi về các chủ đề trẻ em WordPress. Bạn muốn biết làm thế nào chúng ta tăng lưu lượng truy cập trên 1000%?Tham gia với hơn 20.000 người khác nhận được bản tin hàng tuần của chúng tôi với các mẹo nội bộ WordPress! Theo dõi ngay Cân nhắc sử dụng plugin thay vì chỉnh sửa mã trong chủ đề conNếu bạn có kế hoạch sửa đổi cách thức hoạt động của chủ đề của bạn, bạn có thể cần phải làm việc bằng cách chỉnh sửa trực tiếp mã nguồn chủ đề của con bạn. Tuy nhiên, nếu bạn muốn chỉnh sửa mã trong WordPress vì một lý do khác - như thêm một tập lệnh theo dõi vào phần trang web của bạn hoặc thêm đoạn trích vào tệp chức năng chủ đề của bạn.functions.php file – you might be better off using a plugin instead. Ví dụ, đầu, chân trang và bài viết giúp dễ dàng tiêm các đoạn mã khi cần thiết. Và bởi vì các đoạn mã này đều được phân tách thành giao diện plugin, nên nó cũng dễ dàng hơn để quản lý chúng trong tương lai. Tương tự, nếu bạn đang thêm một đoạn mã có thể đi trong tập tin chức năng chủ đề của con bạn.php, plugin đoạn mã miễn phí tạo ra một tùy chọn tuyệt vời.functions.php file, the free Code Snippets plugin makes a great option. Tóm lại, nếu bạn muốn chỉnh sửa mã trong WordPress để thêm đoạn trích vào chủ đề của bạn
Sau đó, bạn nên xem xét sử dụng một plugin thay vì chỉ đạo chỉnh sửa các tệp chủ đề của bạn, vì nó sẽ giúp việc quản lý các đoạn đó đơn giản hơn và đảm bảo rằng chúng không bị ghi đè khi bạn cập nhật chủ đề của mình. Nếu bạn cần thực hiện các chỉnh sửa khác, hãy để Lừa đào sâu vào cách chỉnh sửa mã nguồn cho chủ đề của bạn. Sử dụng Trình chỉnh sửa mã WordPress trong bảngNếu bạn có kế hoạch chỉnh sửa trực tiếp mã chủ đề của bạn, chúng tôi khuyên bạn nên sao lưu trang web của mình trước khi thực hiện (toàn bộ trang web của bạn hoặc tệp bạn chỉnh sửa). Khi bạn đã thực hiện điều đó, bạn có thể truy cập Trình chỉnh sửa mã chủ đề trong bảng điều khiển bằng cách đi đến ngoại hình → Trình chỉnh sửa chủ đề. Ở đây, trước tiên, WordPress sẽ đưa ra cảnh báo tương tự như những gì bạn đã học ở trên:Appearance → Theme Editor. Here, WordPress will first give you a warning similar to what you learned above: Sau đó, bạn sẽ có thể sử dụng thanh bên ở bên phải để điều hướng giữa các tệp chủ đề khác nhau và chính trình chỉnh sửa mã để thực hiện các chỉnh sửa thực tế của bạn: Sử dụng SFTP để chỉnh sửa mã trong WordPressThay thế cho Trình chỉnh sửa mã trong bảng, bạn cũng có thể chỉnh sửa các tệp chủ đề qua SFTP. Có hai lợi ích cho phương pháp này:
Đây là cách kết nối với trang web của bạn thông qua FTP. Khi bạn đã thực hiện điều đó, hãy điều hướng đến thư mục chủ đề của bạn-Cấm/WP-Content/Chủ đề/tên chủ đề trẻ em của bạn. Tìm tệp mà bạn muốn chỉnh sửa và nhấp chuột phải vào nó. Hầu hết các chương trình FTP sẽ cung cấp cho bạn một tùy chọn để chỉnh sửa tệp và sẽ tự động tải lại tệp sau khi bạn thực hiện các thay đổi của mình.…/wp-content/themes/child-theme-name. Find the file that you want to edit and right-click on it. Most FTP programs will give you an option to edit the file, and will automatically re-upload the file once you make your changes. Tuy nhiên, chúng tôi rất khuyên bạn nên tải xuống phiên bản gốc của tệp vào máy tính để bàn trước khi thực hiện bất kỳ thay đổi nào. Bằng cách đó, bạn chỉ có thể tải lại phiên bản gốc đó nếu bạn vô tình phá vỡ một cái gì đó: Cách thêm CSS tùy chỉnh vào WordPressNếu bạn chỉ muốn thêm CSS tùy chỉnh vào WordPress, thay vì chỉnh sửa mã WordPress ‘HTML hoặc PHP, bạn không cần sử dụng các phương thức Trình chỉnh sửa mã trong bảng điều khiển hoặc SFTP. Thay vào đó, bạn có thể sử dụng WordPress Customizer. Ngoài việc là một lựa chọn đơn giản hơn, một lợi ích khác của việc đi với phương pháp này là bạn sẽ có thể xem trước các thay đổi của mình trong thời gian thực. Để bắt đầu, hãy đi đến ngoại hình → Tùy chỉnh trong bảng điều khiển WordPress của bạn:Appearance → Customize in your WordPress dashboard: Sau đó, hãy tìm tùy chọn CSS bổ sung trong WordPress Customizer:Additional CSS option in the WordPress Customizer: Điều đó sẽ mở một trình soạn thảo mã nơi bạn có thể thêm CSS mong muốn của mình. Khi bạn thêm CSS, bản xem trước trực tiếp của trang web của bạn sẽ tự động cập nhật theo những thay đổi đó: Một lựa chọn tốt khác để thêm CSS là plugin CSS đơn giản từ Tom Usborne. Nó cung cấp cho bạn một tùy chọn tương tự trong trình tùy chỉnh WordPress và nó cũng cho phép bạn thêm CSS tùy chỉnh vào các bài đăng hoặc trang riêng lẻ thông qua hộp meta. Cuối cùng, nếu bạn muốn thêm một tấn CSS tùy chỉnh - như hàng trăm hoặc hàng ngàn dòng - một tùy chọn khác là tạo bảng kiểu CSS tùy chỉnh của riêng bạn và sử dụng wp_enqueue_scripts để thêm nó vào chủ đề của bạn. Bản tóm tắtNếu bạn muốn chỉnh sửa mã trong một bài hoặc trang WordPress riêng lẻ, cả trình chỉnh sửa khối mới và trình soạn thảo cổ điển đều cung cấp cho bạn các tùy chọn để chỉnh sửa trực tiếp HTML. Mặt khác, nếu bạn muốn chỉnh sửa mã nguồn chủ đề WordPress của mình, có một vài điều cần xem xét:
Nếu bạn vẫn cần thực hiện chỉnh sửa mã trực tiếp sau những cân nhắc đó, bạn có thể chỉnh sửa mã nguồn chủ đề con của bạn từ bảng điều khiển WordPress của bạn bằng cách đi đến ngoại hình → Trình chỉnh sửa chủ đề. Hoặc, bạn có thể kết nối với trang web của mình thông qua SFTP và chỉnh sửa mã theo cách đó.Appearance → Theme Editor. Or, you can connect to your site via SFTP and edit code that way. Cuối cùng, nếu bạn chỉ muốn thêm một số CSS tùy chỉnh, bạn không cần phải chỉnh sửa trực tiếp mã chủ đề của mình. Thay vào đó, bạn chỉ có thể sử dụng khu vực CSS bổ sung trong WordPress Customizer hoặc một plugin như CSS đơn giản.Additional CSS area in the WordPress Customizer or a plugin like Simple CSS. Bất kỳ câu hỏi về cách chỉnh sửa mã trong WordPress? Hỏi đi trong các ý kiến! Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:
Tất cả điều đó và nhiều hơn nữa, trong một kế hoạch không có hợp đồng dài hạn, di cư hỗ trợ và một người được bảo đảm trong 30 ngày. Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bán hàng để tìm kế hoạch phù hợp với bạn. |
