Danh mục

Tìm kiếm
/

Mục lục

Không có mục lục
Tham gia kênh Telegram của CloudFly để nhận thêm ưu đãi và không bỏ lỡ bất kỳ khuyến mãi nào từ CloudFly

Hướng Dẫn Các Cách Chỉnh Sửa Giao Diện WordPress (Phần 1)

Bạn có thể tạo ra những trải nghiệm thú vị cho người dùng, và mang lại sự chuyên nghiệp, độc đáo cho thương hiệu của bạn bằng cách chỉnh sửa giao diện WordPress. Từ việc chỉnh sửa các bố cục cơ bản đến tùy chỉnh các thành phần cụ thể trong trang, bạn sẽ dễ dàng tạo ra một trang web ấn tượng và đẳng cấp. Hãy cùng theo dõi bài viết dưới đây để tìm hiểu các cách chỉnh sửa giao diện WordPress một cách chi tiết nhé. 

hướng dẫn các cách chỉnh sửa giao diện wordpress phần 1

1. 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 WordPress bằng Gutenberg Block Editor mới, bạn hãy làm theo các bước sau:

Bước 1: Đầu tiên, bạn điều hướng đến phần Posts/Pages và chọn Add New trong WordPress Dashboard.

Bước 2: Chọn bài viết mà bạn muốn chỉnh sửa và nhấp vào Edit. 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.

Bước 3: Để chỉnh sửa giao diện WordPress, bạn nhấp vào Add title block và nhập tiêu đề của trang bạn muốn.

Bước 4: Sau đó, nhấn Enter để di chuyển đến dòng tiếp theo sau tiêu đề và bắt đầu nhập nội dung bạn muốn thêm.

Bước 5: Nếu bạn muốn chỉnh sửa hoặc tùy chỉnh một block, bạn có thể nhấp vào block đó và chọn các thiết lập từ thanh sidebar. 

chỉnh sửa giao diện wordpress bằng block editor gutenberg

Lưu ý rằng, các thiết lập tùy chỉnh bổ sung (ví dụ: kiểu chữ, kích thước phông chữ, drop cap và màu chữ cho block đoạn văn) đã được cài đặt sẵn cho tất cả các block và người dùng không cần phải chỉnh sửa.

Bước 6: Tiếp theo, để thêm hình ảnh vào trang, bạn chỉ cần nhấp vào biểu tượng dấu cộng và chọn Image block từ hộp thoại hiển thị. 

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 trong thanh sidebar bên trái.

chỉnh sửa giao diện wordpress bằng block editor gutenberg

Bước 7: Khi bạn đã hài lòng với nội dung của trang hoặc bài viết, hãy nhấp vào nút Publish để đăng tải. Trang của bạn sẽ được cập nhật ngay lập tức.

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

Classic WordPress editor được tạo ra bởi phần mềm TinyMCE JavaScript, cho phép các công cụ chỉnh sửa giao diện WordPress dễ dàng. Để sử dụng Classic editor, bạn cần phải kích hoạt nó như một plugin. Ngoài ra, bạn có thể sử dụng Gutenberg block có tên là Classic - một phiên bản block của trình soạn thảo TinyMCE classic.

Bây giờ để sử dụng editor, bạn có thể truy cập WordPress dashboard và thêm một bài viết hoặc trang mới. 

chỉnh sửa giao diện wordpress bằng old classic editor

Một số điều bạn có thể tùy chỉnh với Classic editor:

  • Heading tags: H1, H2, H3,...
  • Font styles: In đậm, in nghiêng và gạch ngang dưới chân.
  • Lists: Đánh dấu đầu dòng và đánh số.
  • Căn chỉnh các phần tử.
  • Màu văn bản và màu nền.
  • Bảng.
  • Media: Hình ảnh, video,...

Classic editor cũng hỗ trợ các tùy chỉnh để bạn có thể điều chỉnh hầu hết mọi thứ, từ thiết kế đến cách thức hoạt động của trang. Ngoài ra, với các plugin WordPress page builder nâng cao, Classic WordPress editor cho phép bạn xây dựng trực tiếp trên trang (gọi là front end) ngay trong thời gian thực thay vì phải sử dụng giao diện quản lý (back end) và liên tục chuyển đổi giữa trình soạn thảo và xem trước.

>>> Xem thêm: Top 10 Plugin Wordpress Miễn Phí Hỗ Trợ Website Hiệu Quả

3. Cách chỉnh sửa giao diện WordPress với Page Builders

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

Page builder là công cụ cho phép tùy chỉnh cấu trúc và thiết kế bài viết 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 page builder cung cấp tính năng chỉnh sửa trực tiếp trên giao diện, cho phép bạn tạo trang trong thời gian thực bằng cách kéo và thả các phần tử nội dung. Chúng được gọi là WYSIWYG (What You See Is What You Get) builders, giúp việc chỉnh sửa giao diện WordPress trở nên dễ dàng hơn bao giờ hết, thậm chí cả đối với người dùng mới. Hai page builder WordPress WYSIWYG phổ biến là Elementor và Divi.

3.1. Elementor

Elementor là một plugin chỉnh sửa giao diện WordPress phổ biến với hơn 5 triệu người dùng. Nó cho phép tạo và chỉnh sửa page, theme và website hoàn chỉnh mà không cần biết rõ về lập trình. Để bắt đầu sử dụng Elementor, bạn thực hiện theo các bước sau:

Bước 1: Bạn vào Plugins và chọn Add New trong WordPress dashboard.

Bước 2: Sau đó tìm kiếm Elementor, tiếp tục nhấn chọn Install NowActivate.

Bước 3: Sau khi kích hoạt, bạn vào Pages để tạo hoặc chỉnh sửa trang.

Bước 4: Nhấp vào Edit with Elementor để mở trình soạn thảo và bắt đầu chỉnh sửa trong page builder.

Bước 5: Bạn thêm một hàng bằng biểu tượng dấu cộng và kéo các widget từ sidebar trái vào sidebar phải.

chỉnh sửa giao diện wordpress với elementor

Bước 6: Sau đó, bạn có thể chỉnh sửa chủ đề bằng cách nhấp vào text và thêm nội dung. Bước 7: Để tạo hiệu ứng đặc biệt, bạn có thể chọn các tùy chọn khác nhau trong sidebar style.

Bước 8: Bạn có thể thêm nhiều widget tùy ý. Mỗi widget có nhiều tùy chọn như kiểu chữ, khoảng cách, màu sắc, hiệu ứng...

Bước 9: Khi hoàn tất, bạn có thể publish ngay hoặc lưu làm bản nháp để xuất bản sau.

>>> Xem thêm: Hướng Dẫn Cài Đặt Và Sử Dụng Plugin Elementor WordPress

3.2. Divi Builder

Divi là một WordPress builder rất phổ biến với hơn 700.000 người dùng trên toàn thế giới. Nó cung cấp các tính năng nâng cao và hàng trăm bố cục đẹp mắt. Tuy Divi không có phiên bản miễn phí như Elementor, nhưng bạn có thể xem các bản demo trực tiếp trong trình duyệt để lựa chọn cho website của bạn. Nếu muốn sử dụng Divi Builder, bạn cần làm theo các bước dưới đây:

Bước 1: Đầu tiên, bạn phải tải xuống file Divi Theme từ trang Elegant Themes. 

Bước 2: Sau đó trong WordPress dashboard, bạn vào Plugins và chọn Add New

Bước 3: Tiếp tục chọn Upload Plugin và chọn file zip Divi đã tải xuống, nhấn vào Install Now.

Bước 4: Sau khi cài đặt, bạn có thể truy cập bất kỳ trang nào và nhấp vào Use Divi Builder để vào trình chỉnh sửa.

Bước 5: Bạn có thể tạo trang từ đầu hoặc sử dụng các mẫu có sẵn. Thêm hàng, cột hoặc thành phần chủ đề bằng cách nhấp vào biểu tượng dấu cộng.

Bước 6: Để chỉnh sửa chủ đề của các widget, bạn chọn widget đó và sử dụng trình chỉnh sửa bên trái.

chỉnh sửa giao diện wordpress với divi builder

Divi cung cấp nhiều tùy chọn màu sắc, khoảng cách, hiệu ứng chuyển động và cuộn trang. Bước 7: Khi hoàn tất, bạn nhấp vào nút Save ở phía bên phải.

Hy vọng những thông tin trên đã giúp bạn hiểu hơn một số cách chỉnh sửa giao diện Wordpress. CloudFly sẽ hướng dẫn phần tiếp theo ở bài viết sau. Nếu bạn còn thắc mắc hay muốn thuê Cloud Server, hãy liên hệ ngay với CloudFly để được tư vấn và hỗ trợ nhanh chóng. Công ty sẽ cung cấp dịch vụ máy chủ ảo chất lượng với giá cực rẻ chỉ từ 121đ/giờ. Bạn có thể dùng thử để trải nghiệm hệ thống trang bị mạnh mẽ, cao cấp tại đây. Ngoài ra, đội ngũ kỹ thuật có chuyên môn cao của chúng tôi cũng luôn sẵn sàng giải quyết mọi vấn đề một cách nhanh chóng nhất.

THÔNG TIN LIÊN HỆ:

>>> Xem thêm:

Chia sẻ

Bài viết nổi bật

Tham gia kênh Telegram của CloudFly để nhận thêm ưu đãi và không bỏ lỡ bất kỳ khuyến mãi nào từ CloudFly