Hình ảnh anh hùng trong WordPress là gì?

Hero là một hình ảnh lớn, thường được đặt ở đầu trang web của bạn. Nó chứa hình nền, văn bản và các nút kêu gọi hành động. Hero Widget hỗ trợ nhiều slide, cho phép bạn trình bày nhiều thông điệp

Yêu cầu

  • Plugin gói tiện ích SiteOrigin
  • Không bắt buộc. Trình tạo trang bằng Plugin SiteOrigin

Để sử dụng tiện ích này, hãy truy cập PluginSiteOrigin Widget để kích hoạt Tiện ích SiteOrigin Hero.

Hero Widget đã sẵn sàng để sử dụng ở mọi nơi

Trình tạo trang. Chèn tiện ích vào Trình tạo trang của SiteOrigin trong Trình chỉnh sửa cổ điển hoặc Khối bố cục Trình tạo trang trong Trình chỉnh sửa khối.
Trình chỉnh sửa khối. Tương thích 100% với Trình chỉnh sửa khối. Chèn các tiện ích bằng cách sử dụng Khối tiện ích SiteOrigin có biểu mẫu tìm kiếm tiện ích trực tiếp.
Khu vực tiện ích chủ đề và plugin. Chèn tiện ích vào bất kỳ khu vực tiện ích plugin hoặc chủ đề nào.

Sau khi Tiện ích anh hùng đã được chèn vào khu vực tiện ích chủ đề hoặc trang/bài đăng của bạn bằng Trình tạo trang, hãy di chuột qua nó và nhấp vào liên kết Chỉnh sửa để bắt đầu. Sau đó, bạn sẽ thấy các phần sau

Khung anh hùng
Trong phần này, bạn sẽ thêm các trang chiếu Anh hùng của mình. Một khung hình trên mỗi slide. Nếu bạn chỉ có một Anh hùng, bạn sẽ chỉ sử dụng một khung hình.

Điều khiển thanh trượt
Nếu bạn đang sử dụng nhiều khung hình, Điều khiển thanh trượt cung cấp cài đặt cho các yếu tố như tốc độ hoạt ảnh.

Bố cục
Bao gồm các cài đặt liên quan đến bố cục như chiều cao, phần đệm và chiều rộng cho máy tính để bàn và thiết bị di động.

Thiết kế
Bao gồm các cài đặt liên quan đến thiết kế như phông chữ, cỡ chữ và màu sắc.

khung anh hùng

Nhấp vào nút Thêm để thêm khung hình đầu tiên của bạn. Mũi tên xuống bên phải mở khung. Biểu tượng trang nhân đôi khung và biểu tượng chữ thập xóa khung

Nội dung

Trường nội dung là nơi bạn sẽ chèn văn bản Hero, các nút và, nếu cần, các hình ảnh bổ sung, bằng cách sử dụng nút Thêm phương tiện (không phải hình nền, chúng tôi sẽ xử lý vấn đề đó ngay lập tức)

nút

Để thêm một hoặc nhiều nút vào Hero của bạn, hãy nhấp vào Thêm bên dưới tiêu đề Nút. Cũng như cài đặt khung, mũi tên xuống mở giao diện, biểu tượng trang nhân đôi nút và mũi tên chéo xóa nút. Mở nút và thêm văn bản nút, URL đích (liên kết nút) và bật tùy chọn bên dưới nếu bạn muốn mở nút trong một cửa sổ mới. Bên dưới, bạn sẽ tìm thấy các phần dành cho Biểu tượng, Thiết kế và Bố cục cũng như Các thuộc tính và SEO khác. Đây là những phần tương tự được tìm thấy trong tiện ích nút độc lập. Để biết tổng quan đầy đủ về tất cả cài đặt nút, hãy xem tài liệu Tiện ích nút

Khi nút hoặc các nút của bạn đã được thêm vào, bạn có thể chèn chúng vào trường nội dung ở trên bằng cách sử dụng mã ngắn

[buttons]

nội dung hoạt hình

Phần Hoạt hình nội dung được thêm vào như một phần của SiteOrigin Premium. Có thể chọn các cài đặt hoạt hình nội dung khác nhau cho từng khung hình

Hoạt ảnh
Chọn từ một danh sách dài các loại hoạt ảnh như nảy, flash, xung và nhiều loại khác.

Sự kiện hoạt ảnh
Chọn sự kiện để tạo hoạt ảnh. Chọn giữa Phần tử đi vào màn hình, Phần tử trong màn hình, Tải trang, Khi di chuột và Hiển thị khung.

Độ lệch màn hình
Khoảng cách, tính bằng pixel, nội dung phải ở phía trên cuối màn hình trước khi tạo hiệu ứng trong.

Tốc độ hoạt ảnh
Thời gian, tính bằng giây, mà hoạt ảnh đến kéo dài.

Ẩn trước hoạt ảnh
Bật ẩn phần tử trước khi tạo hoạt ảnh.

Độ trễ hoạt ảnh
Thời gian, tính bằng giây, sau sự kiện để bắt đầu hoạt ảnh.

Lý lịch

Hình nền
Sử dụng Hình nền để chèn hình nền trang chiếu Hero của bạn. Sử dụng nút Chọn phương tiện để tải lên một hình ảnh hoặc chọn một hình ảnh từ Thư viện phương tiện của bạn. Nút Tìm kiếm hình ảnh cho phép tìm kiếm dễ dàng các ảnh lưu trữ miễn phí bản quyền. Trường URL bên ngoài có thể được sử dụng để thêm hình ảnh không được lưu trữ trong Thư viện phương tiện của bạn.

Kích thước hình ảnh
Chọn kích thước hình ảnh sẽ sử dụng. Đã sử dụng Đầy đủ hoặc chọn từ một trong các kích thước hình thu nhỏ do cài đặt WordPress của bạn cung cấp. Nếu bạn muốn thêm kích thước hình ảnh mới vào danh sách, hãy cân nhắc sử dụng plugin Kích thước hình ảnh đơn giản.

Loại hình nền
Chọn loại hình nền. Hiện tại chỉ có bìa.

Nếu bạn đang sử dụng SiteOrigin Premium, Thị sai và Cố định sẽ có sẵn dưới dạng tùy chọn

Độ mờ của ảnh nền
Đặt độ mờ của ảnh nền. Sử dụng thanh trượt để đặt giá trị trong khoảng từ 0 đến 100 .

Màu nền
Đặt màu nền.

URL đích
Liên kết hình nền Anh hùng. Nhập URL đích (liên kết).

Mở URL trong cửa sổ mới
Cho phép mở liên kết hình nền trong cửa sổ mới.

video nền

Thêm video nền theo yêu cầu

Tệp video
Sử dụng nút Chọn phương tiện để chọn tệp video của bạn.

URL của video
URL bên ngoài của video. Ghi đè cài đặt tệp video ở trên.

Tự động phát
Hiện chỉ dành cho video YouTube.

Xin lưu ý rằng tự động phát video YouTube sẽ chỉ hoạt động trên thiết bị máy tính để bàn. Trên thiết bị di động, tính năng tự động phát sẽ tự động bị tắt nhưng người dùng có thể nhấn để phát video

Định dạng video
Chọn định dạng video. Chọn giữa MP4, WebM và Ogg.


Lặp video nền trang trình bày
Bật lặp video nền trang trình bày cho khung.

Điều khiển thanh trượt

Nếu bạn đang sử dụng nhiều khung hình (trang trình bày) thì Hero Widget cũng sẽ là một thanh trượt. Các cài đặt trong phần này liên quan đến thanh trượt

Tự động phát
Tự động thay đổi trang trình bày mà không cần tương tác của người dùng.

Tạm dừng tự động phát khi di chuột
Tạm dừng tự động phát khi di chuột qua trang trình bày.

Tốc độ hoạt ảnh
Đặt tốc độ hoạt ảnh của thanh trượt tính bằng mili giây. Mặc định là 800.

Hết giờ
Mỗi khung hình được hiển thị trong bao lâu tính bằng mili giây. Mặc định là 8000.

Màu điều hướng
Các thành phần điều hướng thanh trượt là các mũi tên tiếp theo/trước đó và các dấu chấm điều hướng cho biết có bao nhiêu trang chiếu trong Hero và bên nào đang được xem.

Kiểu điều hướng
Đặt kiểu phần tử điều hướng, mặc định là mỏng. Các tùy chọn là Siêu mỏng, Mỏng, Trung bình, Dày, Tròn siêu mỏng, Tròn mỏng, Tròn trung bình và Tròn dày.

Kích thước điều hướng
Đặt kích thước của mũi tên điều hướng, mặc định là 25.

Luôn hiển thị điều hướng trên màn hình
Mũi tên và dấu chấm điều hướng được hiển thị khi di chuột. Kích hoạt để luôn hiển thị các thành phần điều hướng trên màn hình.

Luôn hiển thị điều hướng trên thiết bị di động
Bật cài đặt này nếu bạn muốn các yếu tố điều hướng thanh trượt luôn hiển thị trên thiết bị di động.

Điều khiển vuốt
Cho phép người dùng vuốt qua các khung hình trên thiết bị di động. Trong trường hợp plugin hoặc cấp chủ đề xung đột với các tập lệnh liên quan đến thao tác vuốt khác, cài đặt này có thể bị tắt.

Biểu tượng tắt tiếng
Video nền của trang trình bày bị tắt tiếng. Cho phép hiển thị biểu tượng bật/tắt tiếng. Chỉ áp dụng cho video tự lưu trữ.

Hiển thị vị trí biểu tượng
Hiển thị nếu cài đặt Bật tiếng biểu tượng được bật. Chọn giữa Trên cùng bên phải, Dưới cùng bên phải, Dưới cùng bên trái và Trên cùng bên trái.

Hiển thị video nền trang trình bày trên thiết bị di động
Cho phép video nền trang trình bày xuất hiện trên thiết bị di động hỗ trợ tự động phát.

Xin lưu ý rằng nếu bạn đang sử dụng video YouTube, tính năng tự động phát không được hỗ trợ trên thiết bị di động. Tuy nhiên, vì video YouTube có thể phát thủ công trên thiết bị di động nên hình ảnh dự phòng trang trình bày sẽ không được sử dụng

Cách trình bày

máy tính để bàn

Các cài đặt bên dưới được áp dụng cho các thiết bị máy tính để bàn. Nếu cài đặt trong phần Di động bên dưới bị bỏ trống, cài đặt máy tính để bàn sẽ áp dụng cho tất cả các thiết bị

Chiều cao
Đặt chiều cao. Nếu không đặt chiều cao, Hero sẽ điều chỉnh theo nội dung.

Đệm trên và dưới
Đặt nội dung (văn bản và nút) đệm trên và dưới.

Phần đệm bổ sung trên cùng
Thêm phần đệm bổ sung vào đầu thanh trượt.

Đệm bên
Đặt đệm bên nội dung (văn bản và nút).

Chiều rộng vùng chứa tối đa
Đặt chiều rộng vùng chứa tiện ích tối đa.

di động

Các cài đặt bên dưới được áp dụng cho thiết bị di động. Nếu để trống, cài đặt Máy tính để bàn ở trên sẽ được áp dụng

Chiều cao
Đặt chiều cao. Nếu không đặt chiều cao, Hero sẽ điều chỉnh theo nội dung.

Đệm trên và dưới
Đặt nội dung (văn bản và nút) đệm trên và dưới.

Phần đệm bổ sung trên cùng
Thêm phần đệm bổ sung vào đầu thanh trượt.

Đệm bên
Đặt đệm bên nội dung (văn bản và nút).


Căn giữa nội dung trang chiếu theo chiều dọc
Để căn giữa hoàn hảo, hãy cân nhắc đặt cài đặt Phần đệm thêm trên cùng thành 0 khi .

Thiết kế

Phông chữ tiêu đề
Nếu nội dung tiện ích của bạn chứa tiêu đề, tiêu đề một, tiêu đề hai, tiêu đề ba, v.v., thì cài đặt này có thể được sử dụng để đặt phông chữ cho các tiêu đề đó. Sử dụng phông chữ chủ đề là mặc định.

Màu tiêu đề
Đặt màu phông chữ của bất kỳ tiêu đề nào được sử dụng trong nội dung tiện ích.

Kích thước tiêu đề
Nhập cỡ chữ h1. h2 – h6 sẽ có kích thước tương ứng dựa trên giá trị này.

Sử dụng FitText
Tự động điều chỉnh kích thước phông chữ tiêu đề của bạn dựa trên kích thước màn hình.

Cường độ máy nén FitText
Giá trị càng cao, tiêu đề của bạn càng được thu nhỏ lại. Các giá trị trên 1 được cho phép.

Cường độ đổ bóng của tiêu đề
Nếu tiêu đề đã được sử dụng trong khu vực nội dung tiện ích, cài đặt này có thể được sử dụng để điều chỉnh cường độ đổ bóng của văn bản.

Màu văn bản
Đặt màu của đoạn văn bản được sử dụng trong tiện ích. Xin lưu ý rằng cài đặt này sẽ được ưu tiên hơn Kiểu tiện ích conThiết kếMàu phông chữ setting.

Kích thước văn bản
Đặt kích thước của đoạn văn bản được sử dụng trong tiện ích.

Phông chữ văn bản
Chọn sử dụng phông chữ chủ đề hoặc đặt phông chữ tùy chỉnh cho đoạn văn bản được sử dụng trong tiện ích.

Cường độ đổ bóng của văn bản
Nếu đoạn văn bản đã được sử dụng trong khu vực nội dung tiện ích, cài đặt này có thể được sử dụng để điều chỉnh cường độ đổ bóng của văn bản.

Màu liên kết
Đặt màu liên kết văn bản.

Màu di chuột của liên kết
Đặt màu di chuột của liên kết văn bản.

Tối ưu hóa cho thiết bị di động

Tiện ích anh hùng đặt kích thước hình nền trang trình bày để bao phủ. Cover yêu cầu trình duyệt đảm bảo rằng hình ảnh luôn bao phủ toàn bộ vùng chứa, ngay cả khi nó phải kéo dài hình ảnh hoặc cắt một chút khỏi một trong các cạnh. Nếu hình ảnh của bạn bị cắt trên thiết bị di động, hãy cân nhắc sử dụng hình ảnh có tiêu điểm hoặc chủ thể trung tâm. Để hình ảnh của bạn hiển thị nhiều hơn trên thiết bị di động, hãy cân nhắc đặt phần đệm ở cấp hàng rồi xóa phần đệm đó trên thiết bị di động bằng cách đặt Phần đệm trên thiết bị di động thành < . 0 0 0 0.

Tạo thanh trượt toàn màn hình

Nếu bạn muốn tạo thanh trượt toàn màn hình bằng Hero Widget, vui lòng đọc hướng dẫn về Hero toàn màn hình của chúng tôi

Anh hùng trong WordPress là gì?

Phần chính là một khu vực lớn nổi bật ở đầu trang . Đây là thứ mang lại cho người dùng ấn tượng đầu tiên về trang web của bạn, vì vậy, điều quan trọng là nó tuân theo các phương pháp thiết kế tốt nhất.

Hình ảnh sản phẩm anh hùng là gì?

Hình ảnh nổi bật của sản phẩm là hình ảnh quá khổ của sản phẩm làm nổi bật các thuộc tính quan trọng của sản phẩm như thương hiệu, kích thước, số lượng và điểm khác biệt . Mục đích của nó là tạo thuận lợi cho hành trình mua hàng trong thương mại điện tử và đặc biệt là với các thiết bị di động, nơi hình ảnh thông thường không hoạt động tốt.

Hình ảnh anh hùng blog là gì?

Hình ảnh chính là thuật ngữ được người tạo web sử dụng để mô tả nội dung quá khổ ở đầu trang web nội dung ("nằm trong màn hình đầu tiên" . Nội dung này nằm trong “phần anh hùng” bao gồm. bất kỳ nội dung trực quan hoặc văn bản nào nằm trong màn hình đầu tiên.

Việc sử dụng một hình ảnh anh hùng trong một đề xuất giá trị là gì?

Hình ảnh anh hùng có một mục đích. Và mục đích đó là truyền đạt giải pháp cho các vấn đề của khách truy cập bằng cách cung cấp bối cảnh và sự rõ ràng cho đề xuất giá trị của bạn và gợi lên phản ứng cảm xúc từ khách truy cập