Chỉnh sửa thẻ đầu wordpress

Việc thay đổi phần giao diện và nội dung trang web chính là bước đầu tiên bạn cần làm sau khi cài đặt WordPress

Show

Vì giao diện mặc định của WordPress đôi khi không phù hợp với nhu cầu, sở thích của bạn hoặc bạn muốn web mình trông nổi bật và độc đáo hơn so với các web khác

Ở bài hướng dẫn này, Khánh sử dụng phiên bản WordPress 6. 0 (mới nhất ở thời điểm hiện tại) với chủ đề là Twenty Seventeen

Cách chỉnh sửa tiêu đề trong WordPress

Đầu tiên bạn vào Dashboards >> Giao diện >> Header

Chỉnh sửa thẻ đầu wordpress

Bạn sẽ được chuyển đến trang chỉnh sửa tiêu đề của trang web

Chỉnh sửa thẻ đầu wordpress

Cách thêm hình ảnh vào tiêu đề

Ở trong phần Tiêu đề hiện tại, bạn nhấp vào nút Thêm hình ảnh mới

Chỉnh sửa thẻ đầu wordpress

Bạn có hai lựa chọn là chọn ảnh từ thư viện có sẵn của WordPress (1) hoặc tải ảnh trực tiếp từ máy tính (2)

Chỉnh sửa thẻ đầu wordpress

Sau đó, bạn nhấp vào nút Select and Crop

Chỉnh sửa thẻ đầu wordpress

Bạn có thể chọn bỏ qua cắt ảnh (skip cropping) hoặc cắt ảnh tức là cắt ảnh sao cho vừa với kích thước của tiêu đề

Chỉnh sửa thẻ đầu wordpress

Bạn sẽ xem trước hình ảnh hiện ra thế nào trên tiêu đề ở phần demo bên cạnh

Chỉnh sửa thẻ đầu wordpress

Khi đã ưng ý, bạn hãy nhấp vào nút Xuất bản

Chỉnh sửa thẻ đầu wordpress

Cách ẩn hình ảnh trên Header

Nếu bạn không muốn đặt tiêu đề cho bất kỳ hình nào, chỉ cần nhấp vào nút Ẩn hình ảnh trong phần Tiêu đề hiện tại

Chỉnh sửa thẻ đầu wordpress

Đừng quên nhấp vào nút Xuất bản sau khi chỉnh sửa xong

*Lưu ý. Việc chỉnh sửa, thêm hình ảnh ở Tiêu đề sẽ phụ thuộc vào loại chủ đề bạn chọn

Có những chủ đề có nhiều lựa chọn chỉnh sửa phần hình ảnh hơn, ví dụ chuyển đổi kích thước, màu sắc, đường viền…

Vì vậy, có thể chủ đề bạn chọn khác với chủ đề Khánh làm ví dụ trong bài nên phần giao diện sẽ khác một chút nhưng về cơ bản cách thay đổi hình ảnh cũng không có gì khác biệt giữa các chủ đề

Cách thêm video vào tiêu đề

Những ảnh động hoặc video sẽ thu hút sự chú ý của khách truy cập mạnh hơn là hình ảnh

Trong WordPress có hai cách để thêm video vào tiêu đề

Cách đầu tiên là bạn vào phần Header Video, nhấp vào nút Select Video để tải video trực tiếp từ máy tính hoặc thư viện có sẵn trên WordPress

Chỉnh sửa thẻ đầu wordpress

Nhưng cách này chỉ sử dụng cho những video nhỏ hơn 8MB và kích thước là 2000×1200 pixel đối với chủ đề Twenty Seventeen (kích thước khác nhau cho từng chủ đề)

Cách thứ hai là thêm video từ Youtube

Nếu video bạn muốn thêm vào tiêu đề có kích thước trên 8MB thì bạn tải video lên Youtube, sau đó sao chép URL rồi dán vào ô Enter a Youtube URL also be in tab Header Video

Chỉnh sửa thẻ đầu wordpress

Ngay lập tức ở trang demo bên cạnh sẽ hiển thị video được chèn vào tiêu đề như thế nào

Chỉnh sửa thẻ đầu wordpress

Điểm đặc biệt là vị trí video được phát trên tiêu đề WordPres có nút tạm dừng và khi bạn nhấp vào nút này, nó sẽ xuất các video tương tự trên Youtube

Chỉnh sửa thẻ đầu wordpress

Cuối cùng đừng quên nhấp vào nút Xuất bản để lưu lại toàn bộ bộ chỉnh sửa

Lời kết

Đó là bạn đã biết cách chỉnh sửa tiêu đề trong WordPress bằng cách thêm/ẩn hình và thêm video

Nếu trong quá trình thao tác bạn gặp vấn đề hay trục trặc gì thì cứ để lại bình luận bên dưới, Khánh sẽ giải đáp giúp bạn

WordPress được thiết kế để trở thành một nền tảng dễ sử dụng cho người dùng tạo và xuất bản, nhưng để chỉnh sửa giao diện WordPress vẫn cần những bí quyết kỹ thuật cơ bản nhất định. Trong bài viết này, Vietnix sẽ hướng dẫn chi tiết tất cả các phương pháp chỉnh sửa giao diện WordPress khác nhau cũng như các cách để bổ sung hoặc thay đổi mọi thứ trên trang web WordPress ngay cả đối với người mới bắt đầu

Nội dung

Cần những gì để chỉnh sửa giao diện WordPress?

Để chỉnh sửa giao diện WordPress, bạn cần chuẩn bị tất cả những điều sau trước khi đến với hướng dẫn chi tiết ở phần bên dưới nhé

  • URL quản trị website WordPress của bạn (Ví dụ. tenwebsite. com/wp-admin/)
  • Đăng nhập thông tin của quản trị viên
  • Gutenberg (dành cho WordPress Block Editor) đã được cài đặt sẵn
  • Trình tạo trang (ví dụ. Divi hoặc Elementor) Hỗ trợ người dùng tùy chỉnh trang web mà không cần sử dụng mã trên giao diện người dùng

Sau khi điểm qua các yếu tố trên, bước tiếp theo ta cần mở URL quản trị và đăng nhập vào bảng điều khiển WordPress của mình để thực hiện chỉnh sửa giao diện cho WordPress

>> Xem thêm. Hướng dẫn thiết kế giao diện web miễn phí dành cho người mới

Hướng dẫn đăng nhập vào WordPress

Truy cập trang đăng nhập WordPress của bạn theo đường dẫn sau. tenwebsite. com/wp-admin/. Sử dụng tên người dùng hoặc địa chỉ email và mật khẩu của bạn để đăng nhập

Ngoài hướng dẫn trên, bạn cũng có thể đăng nhập trực tiếp từ bảng điều khiển lưu trữ WordPress của mình mà không cần sử dụng thông tin đăng nhập

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn đăng nhập vào WordPress

Sau khi đăng nhập thành công, bạn đến trang bảng điều khiển WordPress của mình như hình mô tả bên dưới. Tại bảng điều khiển của WordPress chính là nơi giúp bạn có thể chỉnh sửa một số nội dung trên WordPress một cách nhanh chóng.

Chỉnh sửa thẻ đầu wordpress
Giao diện Bảng điều khiển WordPress mặc định

Lúc này, bạn có thể bắt đầu chỉnh sửa giao diện WordPress sau khi đã đăng nhập thành công vào Bảng điều khiển cá nhân

Trước khi chỉnh sửa, nên lưu ý rằng bạn đã có một bản backup và sao lưu trang web của mình trước khi chỉnh sửa, vì những lần chỉnh sửa sai có thể gây ra sự cố không mong muốn

Chỉnh sửa thẻ đầu wordpress

Chương trình khuyến mãi "Vui Xuân Như Ý - Lì Xì Đầy Ví"

Kiến thức cơ bản về chỉnh sửa giao diện WordPress

Trong phần này, chúng ta sẽ thảo luận về những thủ thuật chỉnh sửa WordPress cơ bản mà bạn có nhiều khả năng sẽ xử lý khi chỉnh sửa website WordPress của mình

Bao gồm các yếu tố này

  • Bài & Trang
  • chủ đề
  • biên tập viên

Bài viết và Trang

Trong màn hình Dasboard WordPress, bạn sẽ thấy hai định dạng nội dung để tạo và xuất bản bài viết, bao gồm

  • bài viết
  • trang
Chỉnh sửa thẻ đầu wordpress
Bài viết và Trang trên WordPress

Các bài viết trong WordPress được hiển thị theo đảo ngược thứ tự thời gian, tức là những bài viết mới nhất được hiển thị trước đó. Ngoài ra, các bài viết thường có nguồn cung cấp dữ liệu RSS giúp tạo ra kênh tóm tắt thông tin, để người đọc dễ dàng cập nhật và tìm kiếm nội dung, phần bình luận được kết nối với chính các bài viết đó

Các hình thức như Trang chủ, liên hệ với chúng tôi, về chúng tôi, chính sách bảo mật và các loại trang tĩnh khác thường được tải lên dưới dạng trang WordPress. Chính vì vậy bạn có thể chỉnh sửa một trong hai bài viết hoặc trang sử dụng khi chỉnh sửa giao diện WordPress. Ngoài ra, bạn cũng có thể thực hiện các chỉnh sửa giao diện WordPress trong bảng điều khiển WordPress nhưng những chỉnh sửa đó thường mang tính chất kỹ thuật

>> Xem thêm

chủ đề

Chủ đề WordPress là một khung kiểm tra tổng thể thiết kế của một trang web WordPress và trong một số trường hợp có thể bổ sung thêm chức năng bổ sung cho trang web. Chức năng bổ sung này có thể thay đổi các công cụ theo một cách ấn tượng. Mặc dù vậy, WordPress đi kèm với các chủ đề mặc định được cài đặt sẵn. Những chủ đề này thường được đặt theo năm thay vì tên của chúng, chẳng hạn như “Twenty-Twenty-One”

Chỉnh sửa thẻ đầu wordpress
Theme mặc định của WordPress Twenty Twenty-One

biên tập viên

Hiện tại, trình soạn thảo mặc định của WordPress là Gutenberg (hay còn gọi là WordPress Block Editor)

Gutenberg được giới thiệu vào năm 2018 với phiên bản WordPress 5. 0 và đã thay thế trình soạn thảo WordPress trước đây mà bây giờ được gọi là trình soạn thảo WP “cổ điển” (hay còn gọi là TinyMCE)

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa một trang web WordPress với Gutenberg

Nhìn chung có thể rằng Gutenberg khá trực quan bởi nó dựa trên các khối và mỗi khối như vậy là một phần nội dung khác nhau

Hiện tại, Gutenberg bao gồm các khối sau

General BlocksFormatting BlocksLayout BlocksParagraphTableSeparatorHeadingCodeSpacerListCustom HTMLPage BreakQuotePreformattedButtonsImageVerseColumnsGalleryPullquoteMoreAudioClassicMedia and TextVideoGroupFileReusable blockCover

Sau đây là cách một số khối hoạt động này

Khối đoạn văn

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa văn bản đã sửa trong WordPress

Khối nút

Chỉnh sửa thẻ đầu wordpress
Tạo một nút trong WordPress

Bạn có thể thấy rằng mọi công cụ đều cực kỳ thân thiện và trực quan, và người dùng có thể dễ dàng chỉnh sửa trang web giao diện WordPress

Đăng ký Hosting Giá Rẻ 5. 000Đ/Tháng tại Vietnix

Làm thế nào để chỉnh sửa trang trong WordPress?

Chỉnh sửa trang chỉnh sửa trong WordPress thật sự rất dễ dàng ngay cả đối với những người mới bắt đầu. Sau đây, Vietnix sẽ hướng dẫn từng bước chi tiết giúp bạn chỉnh sửa giao diện cho WordPress dễ dàng nhất

Thêm và bắt đầu chỉnh sửa nội dung mới trên WordPress bằng Gutenberg

Bước 1. Đi đến các bài đăng/trang trong Bảng điều khiển WordPress (hoặc bạn chỉ cần di chuột qua nó)

Chỉnh sửa thẻ đầu wordpress
Thêm bài viết mới trong WordPress

Bước 2. Nhấp vào “Thêm mới”

Bước 3. Trình chỉnh sửa Gutenberg sẽ được tải xuống

Bước 4. Bạn có thể bắt đầu thêm chủ đề mới

Bước 5. Sau khi chỉnh sửa xong, bạn có thể lưu các bài viết dưới dạng bản nháp hoặc xuất bản

Chỉnh sửa giao diện WordPress

Bước 1. Đi đến các bài đăng/trang trong Bảng điều khiển WordPress

Bước 2. Nhấp vào tên của bài viết hoặc di chuột qua và nhấp vào “Chỉnh sửa”

Bước 3. Trình chỉnh sửa Gutenberg sẽ được tải xuống

Bước 4. Nhấp vào bất kỳ thứ bạn muốn chỉnh sửa và tìm kiếm các công cụ để bật lên

Bước 5. Nếu bạn muốn thêm một yếu tố (khối) mới, hãy nhấp vào biểu tượng dấu cộng (hoặc nhập /) và chọn những gì bạn muốn thêm

Bước 6. Hầu hết các khối đều có các tùy chọn chỉnh sửa khác trong thanh bên phải

Bước 7. Tùy chỉnh mọi thứ cho đến khi bạn nhận được sản phẩm cuối cùng mà bạn muốn

Những hướng dẫn Vietnix vừa giới thiệu là tổng quan cơ bản về chỉnh sửa giao diện WordPress. Sau đây, chúng ta sẽ đi vào chi tiết hướng dẫn chỉnh sửa giao diện WordPress

Cách chỉnh sửa trang web WordPress bằng Block Editor (Gutenberg)

Để chỉnh sửa bất kỳ bài viết hoặc trang nào trong trang WordPress bằng Gutenberg Block Editor mới, bạn hãy điều hướng đến Bài đăng/Trang và đi đến Thêm mới trong Bảng điều khiển WordPress

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa bài viết bằng Gutenberg Block Editor

Chọn bài viết bạn muốn chỉnh sửa và nhấp vào “Chỉnh sửa”

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa bài viết trong WordPress

Bây giờ trên màn hình chỉnh sửa trang, bạn có thể bắt đầu thêm (hoặc chỉnh sửa) nội dung

Chỉnh sửa thẻ đầu wordpress
Thêm hoặc chỉnh sửa nội dung

Để chỉnh sửa giao diện cho WordPress, trước tiên hãy nhấp vào Thêm khối tiêu đề và nhập trang tiêu đề bạn muốn

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa tiêu đề bài viết

Tiếp theo, bạn hãy nhấp vào (thử bạn đến dòng đầu tiên sau tiêu đề) và bắt đầu nhập để thêm chủ đề bạn muốn

Để bạn dễ hình dung, mỗi phần tử trong Gutenberg được gọi là một khối (lý do là tại sao có tên là “Trình chỉnh sửa khối”). Nếu bạn muốn chỉnh sửa hoặc tùy chỉnh một khối, bạn có thể nhấp vào khối đó và chọn cài đặt từ thanh bên

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa hoặc tùy chỉnh một khối

Có thể thấy rằng, cài đặt tùy chọn bổ sung có thể điều chỉnh (ví dụ:. cài đặt kiểu chữ, kích thước chữ, chữ hoa đầu dòng và màu chữ cho khối đoạn văn) có sẵn theo mặc định cho tất cả các khối và người dùng không cần chỉnh sửa

Tiếp theo, để thêm hình ảnh vào trang, bạn hãy nhấp vào biểu tượng dấu cộng và chọn Khối hình ảnh từ cửa sổ bật lên

Chỉnh sửa thẻ đầu wordpress
Thêm hình ảnh mới trong bài viết

Ngoài ra, bạn cũng có thể thêm các yếu tố khác bằng cách nhấp vào biểu tượng dấu cộng và sử dụng trường tìm kiếm của thanh bên bên trái

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn bổ sung các yếu tố khác

Vui lòng nhấp vào nút Xuất bản khi bạn hài lòng với nội dung của trang, bài viết và đồng thời trang của bạn sẽ xuất hiện ngay lập tức

Lưu ý. Bạn có thể nhấp vào tùy chọn Xem trước (ở thanh trên cùng) để kiểm tra xem trang sẽ trông như thế nào đối với việc khách truy cập trang web trên thiết bị di động, máy tính bảng và máy tính để bàn

Cách chỉnh sửa giao diện WordPress bằng Old Classic Editor

Trình chỉnh sửa WordPress cổ điển được sản xuất bởi phần mềm TinyMCE JavaScript, cho phép các công cụ tùy chọn chỉnh sửa chỉnh sửa. TinyMCE là một trình soạn thảo dựa trên web và một nền tảng mã nguồn mở được xây dựng bằng HTML và JavaScript

Để sử dụng Trình chỉnh sửa cổ điển, bạn cần kích hoạt nó như một plugin. Ngoài ra, bạn có thể sử dụng khối Gutenberg có tên là Classic- một trình soạn thảo TinyMCE cổ điển hỗ trợ nhưng ở định dạng khối

Bây giờ để sử dụng trình chỉnh sửa, bạn có thể truy cập bảng điều khiển WordPress của mình và thêm một bài viết hoặc trang mới

Chỉnh sửa thẻ đầu wordpress
Thêm bài viết mới bằng trình chỉnh sửa WordPress cổ điển

Trình chỉnh sửa WordPress là trọng tâm chính của trang, từ đó bạn có thể kiểm soát hầu hết như tất cả các khía cạnh của trang cũng như hình dung được đăng bài viết sau khi hoàn thành của mình

Một số điều bạn có thể tùy chỉnh với Trình chỉnh sửa cổ điển

  • thẻ tiêu đề. H1, H2, H3,…
  • Kiểu phông chữ. In đậm, in nghiêng và gạch ngang dưới chân
  • danh sách. Được đánh dấu đầu dòng và đánh số
  • Chỉnh sửa các phần tử
  • Màu văn bản và màu nền
  • Những cái bàn
  • Phương tiện truyền thông. Hình ảnh, video,…

Trình chỉnh sửa cổ điển cũng hỗ trợ các kiểu tùy chỉnh để bạn có thể tùy chỉnh hầu hết mọi thứ bao gồm thiết kế và hành vi của trang cũng như các yếu tố khác của trang

Trình chỉnh sửa WordPress cổ điển có rất nhiều ưu điểm đối với người dùng, một số trong đó được thiết kế để giữ cho mọi thứ đơn giản và chỉ dành cho những cơ bản thứ cấp. Ngược lại, Gutenberg và các trình soạn thảo WordPress của bên thứ ba như Divi hoặc Elementor đã đưa trải nghiệm xây dựng trang WordPress lên một cấp độ hoàn toàn mới và bạn có thể sử dụng chúng để tạo ra hầu hết mọi loại bố cục mà bạn muốn

Ngoài ra, Trình chỉnh sửa WordPress cổ điển với các plugin Trình tạo trang WordPress nâng cao, bạn có thể xây dựng ngay trên trang (được gọi là giao diện người dùng) trong thời gian thực hiện thay vì xây dựng trên bảng điều khiển WordPress (mặt sau) và liên tục chuyển đổi giữa các trình

Đăng ký Hosting Giá Rẻ 5. 000Đ/Tháng tại Vietnix

Chỉnh sửa giao diện WordPress với Page Builders

Gutenberg Block Editor mới có rất nhiều ưu điểm đi kèm với các phiên bản mới hơn của WordPress, rất phù hợp với các bài viết trên blog và bố cục cục bộ trang cơ bản. Tuy nhiên, Getenberg Block Editor lại không được thiết kế để tạo các trang nâng cao và phức tạp như việc giúp các trang chủ chuyên nghiệp hơn hoặc các trang đích phức tạp hơn. Để giải quyết những vấn đề này, bạn có thể tận dụng Trình tạo trang trong công việc chỉnh sửa giao diện trang web WordPress

Trình tạo trang WordPress là công cụ cho phép bạn tùy chỉnh cấu trúc và thiết kế các bài đăng và trang WordPress mà không cần bất kỳ kiến ​​thức mã hóa nào

Hầu hết các trình tạo trang đều cung cấp tính năng chỉnh sửa giao diện người dùng cho phép bạn tạo trang trong thời gian thực, bằng cách sử dụng các phần tử nội dung kéo và thả. Chúng được gọi là trình xây dựng WYSIWYG (What You See Is What You Get). Để dễ hình dung, WYSIWYG giúp việc chỉnh sửa các trang và blog WordPress trở nên dễ dàng hơn bao giờ hết ngay cả đối với người dùng mới,. Với hai trình tạo trang WYSIWYG WordPress phổ biến nhất là Elementor và Divi

phần tử

Đối với những plugin chỉnh sửa giao diện WordPress, Elementor là một trình tạo trang WordPress cực kỳ phổ biến với hơn 5 triệu người dùng. Elementor có chức năng tạo các trang, chỉnh sửa chủ đề và xây dựng các trang web đầy đủ với thiết kế đẹp mắt mà không cần chạm vào bất kỳ dòng mã nào

Chỉnh sửa thẻ đầu wordpress

Để bắt đầu chỉnh sửa với Elementor, bạn hãy truy cập Plugins > Add New trong bảng điều khiển WordPress và tìm kiếm Elementor trong thanh tìm kiếm. Sau đó hãy nhấp vào Cài đặt ngay và Kích hoạt

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn kích hoạt Elementor

Sau khi đã Kích hoạt, bạn hãy chuyển đến Các trang để thêm một trang mới hoặc mở một trang hiện có

Bây giờ hãy nhấp vào Chỉnh sửa bằng Elementor để bắt đầu chỉnh sửa trang đã chỉnh sửa trong trình tạo trang

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn sửa trang với Elementor

Bạn có thể nhấp vào biểu tượng dấu cộng để thêm một hàng, sau đó chỉ cần kéo và thả bất kỳ tiện ích chủ đề nào từ thanh bên bên trái sang thanh bên bên phải

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn tùy chỉnh trong Elementor

Để sửa đổi hoặc bổ sung bất kỳ chủ đề nào, bạn có thể nhấp vào văn bản và bắt đầu nhập. Ngoài ra, theo cách điệu bạn có thể chọn các cài đặt khác nhau trong kiểu thanh bên của tab

Chỉnh sửa thẻ đầu wordpress
Kiểu thanh bên

You can add many widget options on page. Tất cả các widget đều hỗ trợ nhiều tùy chọn tùy chỉnh như kiểu chữ, lề/phần đệm, màu sắc, bóng, đường viền, màu nền và hiệu ứng chuyển động

Sau khi chỉnh sửa xong trang, bạn có thể xuất bản hoặc lưu dưới dạng bản thảo để xuất bản sau

Chỉnh sửa thẻ đầu wordpress
Xuất bản bài viết

Nếu bạn đang tìm nhà cung cấp Elementor Pro uy tín, đặc biệt Vietnix tặng Elementor Pro và rất nhiều theme bản quyền hữu ích khác. RankMath Pro, WP Smush Pro,. khi khách hàng đăng ký dịch vụ Hosting, VPS. Hãy nhanh tay đăng ký dịch vụ để trở thành khách hàng may mắn sở hữu gói Elementor Pro miễn phí nhé

Khách hàng chỉ cần đăng ký sử dụng dịch vụ Hosting Giá Rẻ của Vietnix với giá thành vô cùng hợp lý từ 5. 000đ/Tháng thì có thể sở hữu được trọn bộ quà Tặng Theme và Plugin bản quyền có giá trị lên đến 750USD/Năm kèm theo những lợi ích không thể bỏ qua

Trình tạo Divi

Divi là một công cụ xây dựng WordPress khác mà Vietnix muốn giới thiệu cực kỳ phổ biến với cộng đồng hơn 700. 000 người dùng trên toàn thế giới. Đây là một trình tạo trang với vô số công cụ tùy chỉnh, tính năng nâng cao và hàng trăm bố cục đẹp mắt được tạo sẵn trong Divi

Chỉnh sửa thẻ đầu wordpress
Divi

Không giống như Elementor, Divi là trình tạo trang cao cấp và không hỗ trợ phiên bản miễn phí. Nhưng Divi cung cấp bản demo trực tiếp miễn phí trong trình duyệt mà bạn có thể xem xét và lựa chọn cho trang web của mình

Để chỉnh sửa trang web đã chỉnh sửa với Divi Builder, ta cần truy cập trang web Elegant Themes và tải xuống tệp Divi Theme (bao gồm cả Divi Builder)

Trong bảng điều khiển WordPress, bạn hãy điều hướng đến Plugin > Thêm mới và nhấp vào Tải lên plugin ở trên cùng. Chọn tệp zip Divi đã tải xuống và nhấp vào Cài đặt ngay. Sau đó, bạn có thể truy cập bất kỳ trang nào và nhấp vào nút Sử dụng Divi Builder để vào màn hình chỉnh sửa

Trong màn hình tiếp theo, bạn có thể chọn tùy chọn tạo trang từ đầu hoặc chọn bất kỳ kiểu tạo sẵn miễn phí nào với Divi Builder. Sau đó, nhấp vào biểu tượng dấu cộng để thêm hàng, cột hoặc thành phần chủ đề bất kỳ bạn muốn và bắt đầu chỉnh sửa

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn sử dụng Divi Builder

Để sửa chủ đề đã sửa của bất kỳ tiện ích nào, bạn có thể chọn tiện ích đó rồi sửa mọi thứ trong màn hình sửa bên trái

Chỉnh sửa thẻ đầu wordpress

Divi với ưu điểm bao gồm nhiều lựa chọn màu sắc, khoảng cách, bộ lọc, hiệu ứng chuyển động và hiệu ứng cuộn trang

Sau khi thực hiện xong tất cả các thay đổi, bạn có thể nhấp vào nút Lưu ở bên phải

Cách chỉnh sửa WordPress Code

Sau đây sẽ là những hướng dẫn chi tiết để chỉnh sửa code trong website WordPress

Chỉnh sửa HTML WordPress đã sửa trong Gutenberg (Block Editor)

Trong Gutenberg editor, bạn có thể thêm block HTML chuyên dụng giúp viết tất cả code HTML trong trang hoặc chỉnh sửa HTML của toàn trang. Điều này có thể sẽ hơi phức tạp nếu bạn không quen với cú pháp cơ bản của HTML

Để chỉnh sửa HTML WordPress đã chỉnh sửa trong Gutenberg, trước tiên bạn hãy nhấp vào biểu tượng dấu cộng và tìm tùy chọn chỉnh sửa khối HTML. Sau đó, viết tất cả HTML vào ô như hình bên dưới, HTML này sẽ được áp dụng cho giao diện người dùng của trang

Chỉnh sửa thẻ đầu wordpress
Khối HTML WordPress

Để chỉnh sửa HTML đã chỉnh sửa của toàn bộ trang, hãy nhấp vào biểu tượng menu trên thanh bên phải, sau đó chọn Trình chỉnh sửa mã

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa HTML của toàn bộ trang

Trên đây là cách chỉnh sửa mã trong WordPress với việc có thể tạo mới hoặc sửa đổi tất cả HTML của trang. Lưu ý rằng trang sẽ gặp sự cố nếu bạn không viết đánh dấu thích hợp cho các khối trong trình chỉnh sửa mã

Chỉnh sửa mã nguồn bằng WordPress HTML Editor

Nếu bạn muốn trực tiếp chỉnh sửa mã chủ đề đã chỉnh sửa, bạn có thể truy cập Trình chỉnh sửa chủ đề và thực hiện tất cả các thay đổi đã chỉnh sửa trong tệp chủ đề

Để truy cập Trình chỉnh sửa chủ đề, hãy truy cập Giao diện và sau đó vào Trình chỉnh sửa chủ đề. Tại đây, WordPress sẽ đưa ra cảnh báo để đảm bảo bạn không chỉnh sửa bất kỳ tệp chủ đề nào quan trọng

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa mã nguồn bằng WordPress HTML Editor

Bạn chỉ cần nhấp vào Tôi hiểu và sau đó chọn tệp bạn muốn chỉnh sửa từ bên phải

Ta cần lưu ý sao lưu toàn bộ trang web trước khi thực hiện bất kỳ thay đổi nào trong Trình chỉnh sửa chủ đề và mã chỉnh sửa trong WordPress. Vietnix khuyên bạn nên thuê một chuyên gia WordPress nếu bạn không chắc chắn về cách chỉnh sửa mã vì bất cứ sai xót nào cũng có thể phá vỡ trang web WordPress của bạn

Cách chỉnh sửa trang chủ WordPress

Trang chủ là trang đầu của một trang web được mở ra khi ai đó truy cập vào URL của trang web. Theo mặc định, tất cả các trang được sắp xếp thứ tự theo thời gian trên mỗi trang chủ của trang web WordPress. Tuy nhiên, bạn có thể thay đổi điều này và đặt bất kỳ tùy chọn chỉnh sửa trang nào làm trang chủ để hiển thị nội dung bạn cần

Cách đặt trang đầu trên WordPress

Bước 1. Đi tới Cài đặt > Đọc trong bảng điều khiển WordPress

Bước 2. Sau đó, nhấp vào tùy chọn “Trang tĩnh” và chọn trang mà bạn muốn đặt làm trang chủ của mình từ danh sách thả xuống

Bước 3. Sau khi hoàn tất các bước trên, nhấp vào “Save Changes” để hoàn tất

Chỉnh sửa thẻ đầu wordpress
Cách đặt trang đầu trên WordPress

Để chỉnh sửa trang chủ, hãy điều hướng đến Giao diện > Tùy chỉnh

Chỉnh sửa thẻ đầu wordpress
HƯỚNG DẪN CHỈNH SỬA TRANG CHỦ

Trong Tùy biến, bạn có thể nhấp vào biểu tượng bút chì để chỉnh sửa bất kỳ thành phần nào bạn muốn. Ngoài ra, tất cả các chỉnh sửa trang chủ WordPress sẽ ở chế độ xem trước giúp bạn có thể định hình dung trước khi xuất bản trang

Sau khi trang chủ hoàn tất, hãy nhấp vào Xuất bản trong thanh bên và trang chủ mới sẽ hoạt động

Chỉnh sửa thẻ đầu wordpress
Giao diện trang chủ sau khi xuất bản

Một số lưu ý

Khả năng chỉnh sửa trang chủ trong WordPress tùy theo chủ đề mà bạn đang sử dụng. Một số chủ đề cao cấp như Divi cung cấp rất nhiều công cụ tùy chỉnh, điều mà bạn không thể tìm thấy trong các chủ đề miễn phí

Cách chỉnh sửa tiêu đề trong WordPress

Chỉnh sửa tiêu đề chỉnh sửa WordPress sẽ phụ thuộc vào các công cụ tùy chỉnh mà chủ đề bạn (hoặc trình tạo trang) cung cấp. Chủ đề cao cấp thường cung cấp các tính năng giúp chỉnh sửa tiêu đề theo cách bạn muốn

Ví dụ. Chủ đề Divi cung cấp một công cụ có tên là Theme Builder cho phép xây dựng rất nhiều danh mục khác nhau trên trang web, bao gồm chỉnh sửa tiêu đề WordPress. Được thiết kế tùy chỉnh theo cách code-free. Elementor cũng cung cấp Trình tạo chủ đề có khả năng tùy chỉnh các tiêu đề WordPress

Vì vậy, sử dụng trình tạo chủ đề là cách chỉnh sửa tiêu đề WordPress phù hợp với người mới bắt đầu (và thân thiện với người dùng) nhất tại thời điểm này. Ngược lại, bạn có thể sẽ phải xử lý mã nếu không có trình tạo chủ đề (hoặc chức năng tích hợp sẵn thay thế)

Chỉnh sửa chân trang WordPress dễ dàng hơn so với chỉnh sửa tiêu đề. Do footer là nơi chứa widget tiêu chuẩn trên các trang web chỉnh sửa WordPress và có một số công cụ tích hợp sẵn giúp dễ dàng chỉnh sửa footer trong WordPress

Để chỉnh sửa chân trang WordPress đã chỉnh sửa, bạn chỉ cần truy cập Giao diện > Tùy chỉnh > Tiện ích

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn chỉnh sửa chân trang WordPress

Tiếp theo, truy cập trực tiếp vào Widget

Chỉnh sửa thẻ đầu wordpress
truy cập vào Widget

Sử dụng Trình tạo chủ đề (Divi, Elementor, Beaver Builder)
Chỉnh sửa chân trang tệp. php (yêu cầu viết code)

Permalinks là các URL cố định của các bài đăng và trang trong WordPress. Ví dụ. https. //siteefy. com/how-to-edit-wordpress-site/. This main is permalink of this post

Ta có thể thấy, cấu trúc WordPress permalink mặc định dựa trên tên và ngày trang/bài đăng được xuất bản. Tuy nhiên, những điều này có thể dễ dàng thay đổi

Đây là cách thay đổi cấu trúc permalink mặc định trên WordPress

Đi tới Cài đặt > Permalinks

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn thay đổi cấu trúc permalink mặc định trên WordPress

Chọn cấu trúc permalink bạn muốn và nhấp vào Lưu thay đổi

Chỉnh sửa thẻ đầu wordpress
Cấu trúc Permalink WordPress

Ngoài ra, bạn có thể thay đổi permalink của một bài đăng/trang riêng lẻ bằng cách xem các tùy chọn thanh bên phải trên Gutenberg

Chỉnh sửa thẻ đầu wordpress
Change permalink of an post

Trong WordPress Classic Editor, bạn có thể tìm thấy tùy chọn này nằm ngay bên dưới tiêu đề bài đăng/trang

Cách chỉnh sửa menu trong WordPress

Trong bài hướng dẫn chỉnh sửa giao diện WordPress này, Vietnix cũng sẽ hướng dẫn bạn chỉnh sửa menu trong WordPress rất dễ dàng

Bước đầu tiên, ta đi tới Giao diện > Menu

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa menu trong WordPress

Thực hiện tất cả các thay đổi và nhấp vào Lưu thay đổi

Chỉnh sửa thẻ đầu wordpress
In menu Save to save change

>> Xem thêm. Hướng dẫn tạo menu trong WordPress trở nên chuyên nghiệp

Cách thay đổi tiêu đề trang web WordPress

Có 2 cách để thay đổi tiêu đề trang web WordPress, bao gồm

  • tùy biến
  • Cài đặt

Chúng ta sẽ tham khảo từng cách sau đây nhé

Cách thay đổi tiêu đề trang WordPress trong Customizer

Đi tới Giao diện > Tùy chỉnh

Chỉnh sửa thẻ đầu wordpress
Thay đổi tiêu đề trang WordPress trong Customizer

Tiếp theo chúng ta click vào Site Identity

Chỉnh sửa thẻ đầu wordpress
Cách thay đổi tiêu đề trang

Bước cuối cùng là thực hiện các chỉnh sửa của bạn và nhấp vào Xuất bản

Chỉnh sửa thẻ đầu wordpress
Save change

Thay đổi tiêu đề trang WordPress trong Cài đặt

Tương tự, bạn vào Settings > General

Chỉnh sửa thẻ đầu wordpress
Hướng dẫn thay đổi tiêu đề trang WordPress trong Cài đặt

Bước cuối cùng là thay đổi tiêu đề trang web và nhấp vào Lưu thay đổi, bằng cách này, bạn có thể chỉnh sửa tiêu đề trang khá đơn giản và tiết kiệm thời gian

Chỉnh sửa phiên bản Mobile của trang web WordPress

Có hai cách để chỉnh sửa phiên bản di động của trang web WordPress một cách dễ dàng ngay cả đối với những người mới bắt đầu

  • Trong WordPress Customizer
  • Với trình tạo trang

Bạn có thể tham khảo cả hai cách chỉnh sửa này theo hướng dẫn dưới đây nhé

Chỉnh sửa phiên bản mobile của trang web WordPress với Customizer

Đi tới Giao diện > Tùy chỉnh

Chỉnh sửa thẻ đầu wordpress
Chỉnh sửa phiên bản mobile của trang web WordPress với Customizer

Bạn có thể xem thêm các tùy chọn ở cuối thanh bên

Chỉnh sửa thẻ đầu wordpress
Một số tùy chọn ở cuối thanh bên

Tại đây, bạn cũng có thể chuyển đổi giữa các tùy chọn màn hình hiển thị trên Máy tính để bàn, Máy tính bảng và điện thoại di động. Nó sẽ giúp hiển thị trang web của bạn trông giống như chỉnh sửa thế nào trên các thiết bị khác nhau và dễ dàng thực hiện việc chỉnh sửa

Cách chỉnh sửa phiên bản di động của trang web WordPress với trình tạo trang

  • Sử dụng Divi Responsive Editing
  • Hoặc sử dụng là Elementor Responsive Editing
  • Hầu hết các trình tạo trang WordPress khác cũng cung cấp tính năng chỉnh sửa giao diện WordPress trên thiết bị di động

Mẹo và phím tắt hữu ích cho WordPress

ShortcutWindowsMacXem danh sách đầy đủ của tất cả các phím tắtShift + Alt +HCtrl + Option + HSave changeCtrl + SCmd + SSao chép một khốiCtrl + Shift +DCmd + Shift + DXóa một khốiAlt + Shift + ZCtrl + Option + ZChèn một liên kếtCtrl +

Các mẹo hữu ích chỉnh sửa WordPress khác

Để chèn hình ảnh, bạn chỉ cần kéo và thả chúng từ PC của mình vào Gutenberg mà không cần phải sử dụng Thư viện phương tiện. Việc sao chép và dán cũng có cách làm tương tự như vậy

Ngoài ra, để làm việc mà không bị phân tâm, bạn có thể bật chế độ Spotlight và Fullscreen của Gutenberg (để xem các tùy chọn này, bạn nhấp vào ba dấu chấm ở góc trên cùng bên phải)

Chỉnh sửa thẻ đầu wordpress
Cách bật chế độ Spotlight và Fullscreen của Gutenberg

Bạn có thể sử dụng chức năng phác thảo tài liệu trong Gutenberg trong công việc hiển thị số lượng từ, ký tự, tiêu đề, đoạn văn và khối được sử dụng trong bài báo cộng với dàn bài tổng hợp của tài liệu

Chỉnh sửa thẻ đầu wordpress
Tính năng Phác thảo tài liệu trong Gutenberg

Ngoài ra, việc sao chép từ Google Docs sang Gutenberg cũng rất dễ dàng khi chỉ cần thao tác nhỏ với sao chép và dán

Đăng ký VPS Giá rẻ tại Vietnix

Lời kết

Nhìn chung, WordPress là một hệ thống quản lý nội dung mạnh mẽ và bạn có thể chỉnh sửa giao diện WordPress mặc dù không có kiến ​​thức về mã, HTML,… Nó sẽ cho phép người dùng kiểm tra trang web tối ưu. Bạn sẽ có thể bắt đầu với WordPress ngay hôm nay bằng cách làm theo các bước hướng dẫn chỉnh sửa giao diện WordPress chi tiết ở trên và cũng có thể thực hiện tất cả các chỉnh sửa ban đầu bạn cần chọn trang web WordPress mới của mình. Chúc bạn thành công

Chỉnh sửa thẻ đầu wordpress

Chỉnh sửa thẻ đầu wordpress

Chia sẻ bài viết

đánh giá

5/5 - (1 bình chọn)

Chỉnh sửa thẻ đầu wordpress

nguyễn thanh trường

Conconnection with mình qua

Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng trang web trong nhiều năm qua. Mình mong muốn có thể sử dụng trải nghiệm thực tế khi làm việc tại Vietnix để thu lại những chia sẻ hữu ích cho các bạn