Làm cách nào để tạo tiêu đề chủ đề Astra ấn tượng?

Tiêu đề rất quan trọng đối với bất kỳ nội dung nào trên trang web của bạn vì chúng phục vụ không chỉ người đọc mà còn cả công cụ tìm kiếm. Tiêu đề đẹp mắt và được viết tốt có khả năng thu hút người đọc đến bài đăng của bạn và tăng số nhấp chuột. Tiêu đề có thể nằm trong khoảng từ H1 đến H6, tùy thuộc vào thứ bậc nội dung của bạn. Tiêu đề chính của trang hoặc bài viết của bạn là H1, trong khi H2 là các tiêu đề phụ tạo nên các phần trong tài liệu của bạn. Tiêu đề H3 đến H6 cung cấp thêm các tiêu đề phụ vào tài liệu của bạn dưới H2. Trước khi chuyển sang cách chủ đề Astra có thể giúp bạn tạo các tiêu đề ấn tượng trong nội dung của mình, chúng ta hãy xem xét tầm quan trọng của tiêu đề

Mục lục:

Tại sao tiêu đề lại quan trọng đối với trang web của bạn?

Đây là lý do tại sao bạn phải đảm bảo đưa tiêu đề vào văn bản của mình

1. Xác định chủ đề

Tiêu đề đóng vai trò thiết yếu để công cụ tìm kiếm và người đọc lựa chọn từ khóa họ đang tìm kiếm trong bài viết. Tiêu đề chính trong văn bản giúp xác định chủ đề của tài liệu và các tiêu đề phụ hướng người đọc đến lĩnh vực họ quan tâm.

2. Khả năng tiếp cận

Mọi người ngày nay chủ yếu sử dụng trình đọc màn hình để xem qua bất kỳ nội dung nào. Tiêu đề trong bất kỳ nội dung nào đều dễ dàng được trình đọc màn hình chọn và rất cần thiết để sử dụng hiệu quả trình đọc màn hình. Chúng cũng cho phép người đọc chuyển từ tiêu đề này sang tiêu đề khác để đến được chủ đề cần thiết.

3. Tối ưu hóa công cụ tìm kiếm

Khi tiêu đề làm cho chủ đề của bạn có thể nhận dạng được, công cụ tìm kiếm sẽ xếp hạng trang của bạn cho các truy vấn tìm kiếm. Bạn càng làm cho các tiêu đề của mình được soạn thảo tốt và chứa đầy các từ khóa thích hợp thì các công cụ tìm kiếm sẽ càng tăng thứ hạng của bạn.

Dưới đây là hướng dẫn về cách sử dụng các tính năng chủ đề Astra miễn phí để tạo tiêu đề ấn tượng cho các trang của bạn. Thực hiện theo quy trình để tạo tiêu đề bạn chọn.

4. Làm cho các trang có thể quét được

Bằng cách sử dụng tiêu đề, bạn đang làm cho các trang có thể quét được nhiều nhất có thể. Người ta thường biết rằng không ai đọc toàn bộ bài viết - đặc biệt là từng dòng một. Đó là lý do tại sao điều quan trọng đối với các trang là phải có tiêu đề. Trong số tất cả các tiêu đề, tiêu đề quan trọng nhất là tiêu đề đầu tiên vì nó thiết lập tông màu cho toàn bộ bài đăng hoặc trang.

Tiếp theo là tiêu đề phụ vì nó chia nội dung thành nhiều phần để dễ tiêu thụ hơn. Không những vậy, cấu trúc của bài viết được thể hiện bằng các tiêu đề chính và tiêu đề phụ. Nói tóm lại, bộ tiêu đề phù hợp có nghĩa là bạn có thể thu hút khán giả bằng nội dung hấp dẫn của mình.

5. Khả năng sử dụng của thiết bị di động

Theo thời gian, điện thoại di động đang trở nên chiếm ưu thế hơn bao giờ hết. Không còn nghi ngờ gì nữa, các trang web sẽ nhận được nhiều lưu lượng truy cập từ thiết bị di động hơn bao giờ hết. Vì vậy, nếu bạn đặt nội dung của mình đúng cách, bạn chắc chắn sẽ thu hút được người xem từ thiết bị di động cũng như máy tính để bàn.

Tóm lại, tiêu đề tối ưu hóa trang web không chỉ cho người đọc mà còn cho cả công cụ tìm kiếm.

Làm cách nào để tạo tiêu đề ấn tượng với chủ đề Astra?

Trước tiên, để truy cập Astra Header Builder, hãy đăng nhập vào bảng điều khiển WordPress của bạn và từ thanh bên trái, đi tới Giao diện > Tùy chọn Astra > Trình tạo tiêu đề như trong hình bên dưới:

Nhấp vào nó và nó sẽ đưa bạn đến phần Trình tạo tiêu đề trong tùy biến WordPress. Giao diện sẽ trông giống như những gì chúng ta có ở đây:

Như bạn có thể thấy, trình tạo tiêu đề được chia thành ba phần dọc, một phần xếp chồng lên nhau. Bạn có “tiêu đề chính” ở giữa với “tiêu đề phía trên” ở trên cùng và “dưới tiêu đề” ở phía dưới. 

Mỗi tiêu đề có một bộ “cài đặt tiêu đề” riêng mà bạn có thể truy cập bằng cách nhấp vào biểu tượng bánh răng ở bên trái tiêu đề.

Từ đây, bạn có thể tùy chỉnh chiều cao Tiêu đề, kích thước đường viền, nền, phần đệm và lề.

Ngoài ra, hãy chú ý cách mỗi tiêu đề được chia thành ba phần. Bạn có thể thêm và xóa các thành phần tiêu đề khỏi các phần này để làm cho chúng trở nên nổi bật hơn. Tính đến thời điểm viết hướng dẫn này, bạn có quyền truy cập vào 12 phần tử tiêu đề:

  • Tiêu đề & Logo trang web
  • Menu chính
  • Nút 1
  • Nút 2 (chuyên nghiệp)
  • Tìm kiếm
  • Tài khoản
  • HTML 1
  • HTML 2
  • Menu phụ
  • Xã hội
  • Tiện ích 1
  • Tiện ích 2
  • Tiện ích 3 (chuyên nghiệp)
  • Tiện ích 4 (chuyên nghiệp)
  • giỏ hàng

Bây giờ, để thêm phần tử Tiêu đề mới, hãy di chuột qua phần đó và nhấp vào nút “+”. Điều này sẽ đưa ra một danh sách các yếu tố có sẵn. Chọn cái bạn muốn sử dụng và nó sẽ được thêm vào phần tiêu đề.

Tương tự, chỉ cần nhấp vào nút “x” bên cạnh phần tử tiêu đề để xóa phần tử tiêu đề.

Bạn cũng có thể di chuyển xung quanh các phần tử tiêu đề giữa các phần tiêu đề bằng cách kéo và thả.

Tất cả các thành phần tiêu đề bạn đã sử dụng sẽ hiển thị trong menu bên trái, ngay dưới tab Chung. Ở đây, bạn cũng sẽ tìm thấy tùy chọn thay đổi loại Tiêu đề. Người dùng miễn phí chỉ có tùy chọn cho “Tiêu đề trong suốt”. Tuy nhiên, nếu bạn đang sử dụng Astra Pro, bạn có thể bật “Tiêu đề dính”.

Từ đây, bạn có thể truy cập các cài đặt cụ thể của thành phần tiêu đề.

Ngay bên cạnh tab General chúng ta có tab Design. Từ đây, bạn có một số tùy chọn thiết kế cơ bản để thay đổi Chiều rộng và Lề của tiêu đề. Các cài đặt nâng cao hơn có sẵn cho người dùng Astra Pro.

Astra Header Builder cũng cho phép bạn tinh chỉnh giao diện của tiêu đề trang web trên các kích thước màn hình khác nhau như máy tính để bàn, thiết bị di động hoặc máy tính bảng. Để chọn kích thước màn hình khác và tùy chỉnh kích thước đó, hãy sử dụng bộ chọn thiết bị ở góc dưới bên trái của màn hình.

Như bạn có thể thấy, trên màn hình nhỏ hơn, bạn sẽ có một khu vực bổ sung có tên là “Off Canvas”. Điều này cho phép bạn tiết kiệm không gian trên tiêu đề và di chuyển một số nội dung ra khỏi màn hình mà khách truy cập có thể chuyển đổi nếu và khi cần thiết.

Và đến đây là phần tóm tắt hướng dẫn nhanh của chúng tôi về cách tạo tiêu đề bằng chủ đề Astra. Khi bạn đã hoàn tất việc thêm tất cả các thành phần Tiêu đề và thực hiện các thay đổi thiết kế cần thiết, hãy nhấp vào nút xuất bản và thế là xong. 

Tiêu đề Astra mới tạo của bạn hiện đã hoạt động trên trang web WordPress của bạn.

Astra Header Builder: Tổng quan nhanh về các tùy chọn có sẵn

Trong hướng dẫn ở trên, chúng tôi đã tạo một tiêu đề rất cơ bản bằng cách sử dụng Astra Header Builder để cung cấp cho bạn ý tưởng về cách hoạt động của tính năng này. Tuy nhiên, có rất nhiều công cụ và tùy chọn trong Astra Header Builder để giúp bạn tạo các tiêu đề phức tạp và ấn tượng hơn.

Dưới đây là cái nhìn nhanh về các tùy chọn khác nhau mà bạn có thể sử dụng:

Tiêu đề chính

Tiêu đề mặc định trong Astra là tiêu đề chính. Nó sẽ hiển thị logo và menu điều hướng có thể tùy chỉnh với nhiều cài đặt tiêu đề chính khác nhau trong Astra.

Chỉ cần cài đặt Astra và đi tới phần Tiêu đề để chọn tùy chọn tiêu đề chính và tiến hành tùy chỉnh. Tiêu đề > Tiêu đề chính

Bạn có thể sử dụng các cài đặt tùy chỉnh sau

Cách trình bày

Cài đặt bố cục sẽ quản lý vị trí của logo cho trang của bạn. Có ba vị trí khác nhau có sẵn trong Astra cho logo

Logo bên trái

Logo trong cài đặt này di chuyển sang bên trái của menu điều hướng. Đó là một phong cách định vị điển hình của logo.

Logo bên phải

Logo trong cài đặt này di chuyển sang bên phải của menu điều hướng.

Logo trung tâm

Logo trong cài đặt này di chuyển ở giữa phía trên menu điều hướng. Đó là một lựa chọn tốt trong trường hợp một menu dài.

Chiều rộng

Cài đặt độ rộng quản lý độ rộng của tiêu đề cho văn bản. Bạn có thể tùy chỉnh độ rộng tiêu đề của mình như

Chiều rộng đầy đủ

Trong cài đặt toàn chiều rộng, tiêu đề của bạn sẽ được kéo dài từ cả hai đầu và vừa với kích thước trang trình duyệt của bạn.

Chiều rộng nội dung

Trong cài đặt độ rộng nội dung, tiêu đề điều chỉnh theo bộ chiều rộng vùng chứa và bạn có thể đặt nó bằng cách chọn mục sau

Toàn cầu > Vùng chứa > Chiều rộng

Ranh giới

Bằng cách chọn đường viền, bạn có thể thêm đường viền dưới tiêu đề của mình và tùy chỉnh màu sắc cũng như chiều rộng của nó.

Tiêu đề di động

Menu điều hướng, trên các thiết bị đáp ứng, thay đổi thành một chiếc bánh hamburger. Do đó, tiêu đề chính trên các thiết bị này sẽ chỉ hiển thị menu hamburger và logo. Bạn có thể tùy chỉnh bố cục logo liên quan đến menu trong các tiện ích đáp ứng.

ngăn xếp

Trong tùy chọn ngăn xếp, logo sẽ di chuyển phía trên menu hamburger. Việc chọn ngăn xếp có thể hữu ích nếu bạn có một biểu tượng lớn.

Nội tuyến

Trong tùy chọn nội tuyến, logo và menu sẽ thẳng hàng với nhau và có thể là một lựa chọn tốt trong trường hợp logo nhỏ.

Chủ đề màu sắc

Các tiêu đề chính có thể được trình bày bằng nhiều màu sắc khác nhau bằng chủ đề Astra. Các màu toàn cầu sẽ được cung cấp miễn phí nhưng bạn cần sử dụng plugin bổ trợ của Astra Pro để có các tính năng nâng cao hơn. Để sử dụng màu chung trong Astra, bạn cần vào tab Giao diện, chọn tùy chỉnh, sau đó chọn chung và cuối cùng chọn tùy chọn màu. Giao diện > Tùy chỉnh > Toàn cầu > Màu sắc

kiểu chữ

Cài đặt kiểu chữ cho trang hoặc trang web sẽ tự động áp dụng cho tiêu đề chính với Chủ đề Astra. Bạn có thể chọn và tùy chỉnh cài đặt kiểu chữ bằng cách đi tới tab Giao diện, trong phần chung. 

Giao diện > Tùy chỉnh > Toàn cầu > Kiểu chữ

Tiêu đề trong suốt

Tiêu đề trong suốt là cách dễ dàng để tạo tiêu đề đẹp và hấp dẫn cho trang của bạn. Nền của tiêu đề chính sẽ được đặt thành trong suốt và sẽ kéo nội dung của trang lên trên cùng. Nội dung của trang và tiêu đề chính sẽ hợp nhất, có nghĩa là phần trên cùng của nội dung sẽ trở thành nền của tiêu đề trong suốt. Ví dụ: nếu hình ảnh nằm ở phần trên cùng của trang, nó sẽ trở thành nền cho tiêu đề trong suốt.

Làm cách nào để thêm tiêu đề trong suốt?

Tiêu đề trong suốt được xây dựng theo hai bước nhanh chóng để làm cho trang của bạn trở nên hấp dẫn 

Bước 1

Bạn có thể tìm thấy tùy chọn tiêu đề trong suốt trong tùy biến và sau đó có thể chỉnh sửa nó

Giao diện > Tùy chỉnh > Tiêu đề > Tiêu đề trong suốt

Bước 2

Trong các tùy chọn tiêu đề trong suốt, bạn có thể kích hoạt nó cho toàn bộ trang web, chọn đường viền ở dưới cùng, cách phối màu và bố cục logo

Kích hoạt trên trang web hoàn chỉnh

Nếu bạn muốn cài đặt tiêu đề minh bạch cho toàn bộ trang web, bạn có thể bật tùy chọn này bằng cách đánh dấu vào hộp kiểm. Nếu bạn đánh dấu vào hộp kiểm, vẫn có một số quy tắc loại trừ mà bạn có thể kích hoạt cho các bài đăng hoặc trang cụ thể. Bạn có thể tắt tùy chọn tiêu đề trong suốt cho các trang sau

Vô hiệu hóa trên Lưu trữ, Tìm kiếm và trên 404

Cài đặt tiêu đề trong suốt có thể bị tắt trên các trang đặc biệt này bằng cách đánh dấu vào hộp kiểm.

Tắt trên trang chỉ mục blog

Trang đầu blog của bạn sẽ trở thành trang chỉ mục blog nếu bạn thay đổi cài đặt từ trang chủ của mình. Để tạo trang chỉ mục blog, bạn có thể đi tới cài đặt trang chủ và trong tab “Hiển thị trang chủ của bạn”, chọn “Bài đăng mới nhất của bạn”.

Hiển thị trang chủ của bạn > Bài viết mới nhất của bạn

Nếu bạn muốn tắt cài đặt của tiêu đề trong suốt trên trang chỉ mục blog này, bạn có thể đánh dấu vào hộp kiểm này.

Tắt trên trang

Nếu bạn muốn tắt tùy chọn tiêu đề trong suốt trên tất cả các trang, hãy đánh dấu vào hộp kiểm.

Vô hiệu hóa trên bài viết

Nếu bạn muốn tắt tùy chọn tiêu đề trong suốt trên tất cả các bài đăng, hãy đánh dấu vào hộp kiểm.

Màu sắc và nền

Bạn có thể tùy chỉnh cài đặt nền và màu của tiêu đề trong suốt bằng các tùy chọn có sẵn sau đây

  • Lý lịch
  • Tiêu đề trang web
  • Thực đơn
  • Thực đơn con
  • Nội dung

Ưu và nhược điểm của việc sử dụng chủ đề Astra cho tiêu đề

Ưu điểm

  • Cơ hội cho tiêu đề minh bạch có sẵn
  • Các tiêu đề của cả chiều rộng đầy đủ và chiều rộng nội dung đều có sẵn
  • Tùy chỉnh màu sắc và kiểu chữ có sẵn

Nhược điểm

  • Tùy chọn tiêu đề dính không có sẵn
  • Các tính năng màu nâng cao không có sẵn

Lời cuối cùng

Astra là một trong những chủ đề tốt nhất hiện có. Và nếu bạn đang sử dụng nó thì bạn đang đi đúng hướng để duy trì trang web của mình.

Chủ đề miễn phí của Astra cho phép bạn thiết kế các tiêu đề đẹp và hấp dẫn cho trang web của mình. Tùy chọn và tùy chỉnh tiêu đề Trong suốt cũng có sẵn, điều này có thể nâng cao trải nghiệm của người xem. Nhìn chung, rất nhiều lựa chọn tùy chỉnh tiêu đề trong chủ đề Astra cho phép bạn tạo một tiêu đề đẹp mắt.

ahmad

Xem bình luận

  • Chúc bạn vui vẻ, tôi bao gồm bình luận faire un entête minh bạch mais pas comment vous avez fait pour mettre l'arrière plan bleuté-dégradé juste en haut de page derrière le menu... Comment avez-vous fait ?

  • Chúc mừng,

    Merci beaucoup pour toutes ces infos. Bạn có muốn giúp đỡ tôi không?

    J'aimerai cééer ​​l'entête Astra độc đáo trên trang d'accueil. Mais soit elle s'affiche sur toutes les pages soit sur aucune... Comment je peux faire ?

    Mon trang web là hoạt động và chế độ bảo trì.

    En vous remerciant par avance

    • Xin chào, Việc gán tiêu đề Astra phải được thực hiện trên mỗi trang, trong mỗi cài đặt trang. Trong cài đặt Astra, đó chỉ là nhiệm vụ chung.

Bài viết gần đây

Cách sử dụng đầu trang và chân trang với Elementor

Đầu trang và chân trang của trang web là những yếu tố cần thiết. Trong hầu hết các trường hợp, Tiêu đề cung cấp điều hướng…

Ngày 6 tháng 1 năm 2022

So sánh chủ đề WordPress: Astra vs OceanWP

Hai trong số các chủ đề WordPress phổ biến nhất trên thị trường là Astra và OceanWP. Chuyên nghiệp…

Ngày 2 tháng 1 năm 2022

So sánh chủ đề tin tức WordPress: Báo chí và Astra

Tạo một trang web tin tức xuất sắc không nhất thiết bạn phải trở thành một nhà thiết kế web. Chúng tôi…

Ngày 25 tháng 10 năm 2021

Tạo một trang web liên quan đến tin tức với Chủ đề Báo chí

Chủ đề Báo chí là một trong những chủ đề WordPress quan trọng nhất được thiết kế bởi tagDiv, một…

Ngày 18 tháng 10 năm 2021

Cách xây dựng Thương mại điện tử với trình tạo Avada WooC Commerce

Khi nói đến việc thiết lập một cửa hàng trực tuyến, WooC Commerce là plugin phù hợp. Nó…

Ngày 4 tháng 10 năm 2021

Cách sử dụng hiệu ứng cuộn và tiêu đề cố định với Elementor

Tiêu đề thường là thứ đầu tiên một người nhìn thấy khi họ truy cập trang web của bạn,…

Ngày 21 tháng 9 năm 2021