Đâu là hình ảnh anh hùng WordPress?

Thêm biểu ngữ anh hùng với sự trợ giúp của hình nền HOẶC màu nền HOẶC video nền. Hero Banner Ultimate đi kèm với 4 loại bố cục nơi bạn có thể quản lý thiết kế biểu ngữ anh hùng của mình

Cũng hoạt động với khối mã ngắn Gutenberg

mã ngắn plugin

[hbupro_banner id="XX"]

Bạn cũng có thể hiển thị cửa sổ bật lên trong tệp mẫu/php

Trong đó id là id biểu ngữ

Trong thiết kế web, hero banner là một hình ảnh biểu ngữ web lớn, được đặt nổi bật trên trang web, thường ở phía trước và trung tâm. Biểu ngữ anh hùng thường là hình ảnh đầu tiên mà khách truy cập bắt gặp trên trang web; . Hình ảnh chính thường bao gồm hình nền HOẶC màu nền HOẶC video nền và văn bản

Nền toàn màn hình lớn và biểu ngữ anh hùng có thể được sử dụng trong các thiết kế trang đơn một cách dễ dàng

Các tính năng cuối cùng của biểu ngữ anh hùng

• Hình nền
• Màu nền
• video nền
• Cỡ chữ tiêu đề và tiêu đề phụ
• Màu chữ tiêu đề và tiêu đề phụ
• Đệm bên trong biểu ngữ
• Cài đặt lớp phủ biểu ngữ
• Cài đặt gọi hành động

Tính năng CHUYÊN NGHIỆP

Phiên bản cao cấp

• 10 bố cục thú vị
• Tùy chọn màu nền chuyển màu HOẶC trơn
• Đã thêm nhiều tùy chọn
• Cài đặt bổ sung cho Chế độ xem trên thiết bị di động

Khám phá và kiểm tra tính năng chuyên nghiệp

Ảnh chụp màn hình

Cài đặt

1. Tải thư mục ‘hero-banner-ultimate’ lên thư mục ‘/wp-content/plugins/’
2. Kích hoạt plugin danh sách “anh hùng-biểu ngữ-cuối cùng” thông qua menu ‘Plugin’ trong WordPress

Đánh giá

Cộng tác viên & Nhà phát triển

“Hero Banner Ultimate” là phần mềm mã nguồn mở. Những người sau đây đã đóng góp cho plugin này

• Hỗ trợ trực tuyến WP
• Anoop Ranawat
• Pratik Jain

“Hero Banner Ultimate” đã được dịch sang 1 ngôn ngữ. Cảm ơn sự đóng góp của các dịch giả

Tôi có một bức ảnh lớn mà tôi chỉ muốn đặt trên trang chủ, phía trên cả bài đăng gần đây và thanh bên (toàn bộ chiều rộng) hoặc ngay phía trên bài đăng gần đây. (Không sao cả, nếu cái này dễ hơn cái kia. ) Rõ ràng đây được gọi là “hình ảnh anh hùng”…?

Tôi đang sử dụng một chủ đề con của Bút và không ngại lấy một số loại móc nối trong các chức năng. php, nhưng tôi không biết hook sẽ là gì. Hầu hết lời khuyên trên web là sử dụng plugin trượt, nhưng điều đó có vẻ quá mức cần thiết, vì tôi chỉ cần một hình ảnh tĩnh. Tôi có xu hướng tối giản về plugin khi có thể

Trang tôi cần trợ giúp. [đăng nhập để thấy link]

Đang xem 6 trả lời - 1 đến 6 (trong tổng số 6)

• Tác giả chủ đề htmlpie

  (@htmlpie)

  Chào bạn,

  Tôi muốn đặt hình ảnh vào khu vực tiện ích con “Trên cùng” và làm cho nó chỉ hiển thị trên các trang đó với sự trợ giúp của plugin Tùy chọn tiện ích con, điều đó có phù hợp với bạn không?

  Trình bắt đầu chủ đề OsakaWebbie

  (@osakawebbie)

  Vài giờ trước, tôi đã thử một cái gì đó tương tự nhưng không thể giải quyết được. Trang web đã chạy Jetpack (mặc dù tôi tự hỏi liệu nó có cần thiết không - một người khác đã xây dựng trang web và tôi đang sửa lại nó, và thật khó để biết những plugin hiện có nào thực sự được sử dụng), cung cấp tùy chọn "Hiển thị" trên các tiện ích con. Vì vậy, tôi đã tạo một tiện ích khối hình ảnh và thử nghiệm vị trí đặt nó, nhận ra rằng, như bạn đã nói, “Trên cùng” là vị trí phù hợp. Nhưng nút Khả năng hiển thị không có ở đó – có vẻ như nút này chỉ khả dụng cho các tiện ích cũ và không có “hình ảnh” trong các lựa chọn tiện ích cũ. Như tôi đã nói, tôi cố gắng giữ plugin ở mức tối thiểu, nhưng trước đây tôi đã sử dụng Tùy chọn tiện ích con trên các trang web khác và nó có vẻ ổn – Tôi sẽ thử đề xuất của bạn

  Có lẽ bạn có thể thêm phần này vào các yêu cầu tính năng cho chủ đề của mình. Tôi có thể tưởng tượng hai cách để tiếp cận nó, tùy thuộc vào những gì bạn muốn thực hiện khác và mức độ dễ/khó thực hiện

  • Tính năng "hình ảnh anh hùng" cụ thể (trong phần Trang chủ của tùy biến). Tôi đoán điều này sẽ có lợi thế là một tính năng mà bạn có thể thêm vào hoạt động tiếp thị của mình
  • Vì bạn có Trang trước -> Thanh bên, nếu bạn thêm phần Thanh bên đó vào các loại chế độ xem khác (Chế độ xem danh sách, Chế độ xem nội dung đầy đủ và Trang), tôi có thể ẩn Hàng đầu trong tất cả các loại khác đó và những người khác có thể tìm thấy các cách sử dụng khác

  Nhân tiện, tôi thích chủ đề của bạn. Tôi tìm thấy nó bởi vì đối với trang web này, tôi cần một chủ đề có chế độ xem danh sách sẽ hiển thị hình ảnh nổi bật ở dạng cao, không rộng (vì chúng là chân dung của mọi người). Nhưng tôi sẽ nhớ chủ đề của bạn cho các trang web khác vì nó có rất nhiều tùy chọn, rất nhiều khu vực tiện ích và giao diện đẹp mắt. Tôi ước mình có thể tắt "lời nhắc" về plugin Pen (đầu mỗi trang quản trị, cuối trang biên tập, v.v. , và việc nhấp vào X sẽ không biến mất). Nhưng tôi biết bạn đang cố gắng quảng bá sản phẩm của mình, vì vậy đó là chuyện nhỏ. Bạn đã làm rất tốt

  • Câu trả lời này đã được sửa đổi 1 năm, 3 tháng trước bởi OsakaWebbie .

  Trình bắt đầu chủ đề OsakaWebbie

  (@osakawebbie)

  Được rồi, cuối cùng tôi đã làm cho nó hoạt động, nhưng điều khiển “Khả năng hiển thị trang” của plugin Tùy chọn tiện ích chỉ khả dụng khi cũng sử dụng “Màn hình tiện ích cổ điển” và ở chế độ đó, tôi phải mất một lúc để tìm ra cách làm cho ảnh có chiều rộng đầy đủ. Ban đầu, tôi cảm thấy mình phải tắt “Màn hình tiện ích cổ điển”, tạo tiện ích khối hình ảnh, bật lại “Màn hình tiện ích cổ điển” và đặt chế độ hiển thị. Nhưng cuối cùng tôi đã tìm ra nơi đặt kích thước của tiện ích Hình ảnh cũ, vì vậy đó là thứ tôi đang sử dụng bây giờ. Tôi thích trình chỉnh sửa tiện ích dựa trên khối mới (Tôi không thể tin rằng mình đang nói như vậy, bởi vì tôi ghét trình chỉnh sửa Gutenberg cho các bài đăng/trang vì có quá nhiều thứ tôi không thể làm đơn giản trong trình chỉnh sửa cũ)

  Mục đích ban đầu của tôi là để hình ảnh có chiều rộng đầy đủ như thanh menu và chạm vào nó, không được gói gọn trong khung tiện ích với phần đệm và lề dày. Nhưng điều này có thể ổn

  FYI. Đôi khi có thêm khoảng trống giữa thanh menu và khu vực Tiện ích trên cùng, ít nhất là lúc đầu (có vẻ như đôi khi sau khi nghịch trang một chút, khoảng trống sẽ biến mất – tôi không chắc tại sao, vì một trong các hành động . ). Nó dường như phụ thuộc vào độ rộng của cửa sổ và có thể vào trình duyệt (nó chắc chắn xảy ra trong Firefox trong một số điều kiện nhất định, nhưng tôi không thể làm cho nó xảy ra trong Chrome trong một vài thử nghiệm ngắn). Đây là một ảnh chụp màn hình. https. // hình ảnh. com/a/TnZNhAb Việc khắc phục sự cố này có thể khó khăn, nhưng tôi nghĩ tôi chỉ cần cho bạn biết

  Tác giả chủ đề htmlpie

  (@htmlpie)

  Chào bạn,

  Cảm ơn vì lời đề nghị của bạn

  Tôi cho rằng bạn đã sử dụng plugin này rồi?
  https. //wordpress. org/plugins/classic-widget/

  Nếu vậy, "khung" tiện ích phải được xóa bằng cách đặt tùy chọn Bảng màu thành "Trong suốt"

  Trong trường hợp bạn đang thắc mắc, tất cả các tùy chọn widget này sẽ sớm được chuyển sang các widget dựa trên khối mới

  Về chiều rộng hình ảnh, bạn có thể cần thêm một số CSS tùy chỉnh thông qua Giao diện → Tùy chỉnh → CSS bổ sung, chẳng hạn như

  #pen_top .widget {
    margin: 0 !important;
    padding: 0 !important;
  }
  #pen_top .widget img {
    height: auto !important;
    min-width: 100% !important;
  }

  Đối với khoảng trống, có vẻ như tính năng Sticky Header cần được tinh chỉnh, cảm ơn vì đã báo cáo điều đó

  Trình bắt đầu chủ đề OsakaWebbie

  (@osakawebbie)

  Không, tôi không chạy Tiện ích cổ điển, chỉ chạy Tùy chọn tiện ích mà bạn đã đề xuất ban đầu. Mô-đun Hiển thị Trang của nó (và có thể là tất cả các mô-đun khác) chỉ hoạt động nếu mô-đun Màn hình Tiện ích Cổ điển không bị tắt. Nói cách khác, rõ ràng Tùy chọn Widgets hiện chỉ tương thích với phiên bản trước 5. 8 trình chỉnh sửa tiện ích

  Dù sao, thực sự, việc đặt Bảng phối màu thành “Nền trong suốt” đã hoạt động. Tôi cho rằng nó sẽ để lại khoảng trống của khung ở đó (trông có vẻ kỳ quặc), nhưng không phải vậy – điều đó thật tốt. Tôi vẫn chưa quyết định mình thích nó theo cách nào hơn, nhưng đó không phải là trang web của tôi (tôi chỉ giúp thiết kế), vì vậy tôi sẽ hỏi chủ sở hữu xem anh ấy thích giao diện có viền hay muốn một “anh hùng” cổ điển đi hết con đường

  FYI, không có phần tử nào với lớp "widget" mà tôi có thể tìm thấy. Đây là đánh dấu tại thời điểm này (với Color Scheme=”Nền trong suốt”)

  Phần tử section#media_image-2 có lề trên là 16px, nhưng không có phần tử nào có lề hoặc phần đệm khác. Nhưng tôi thực sự đánh giá cao CSS được đề xuất – mặc dù lớp đó sẽ phải được thay đổi, nhưng nó giúp tôi tiết kiệm được một số công việc để tìm ra những thuộc tính và giá trị nào sẽ sử dụng

  Chủ đề của bạn không chỉ tuyệt vời mà sự hỗ trợ của bạn cũng rất xuất sắc

  Trình bắt đầu chủ đề OsakaWebbie

  (@osakawebbie)

  Đối với bất kỳ ai đến sau muốn có CSS ​​cho việc này, đây là những gì tôi cần làm

  #pen_top section#media_image-2 {
    margin-top: 0 !important;
  }
  #pen_top .pen_container {
    min-width: 100% !important;
  }

  Có thể ID trong trang đầu tiên, “media_image-2”, có thể khác trong trường hợp của các trang khác – Tôi không biết

  Hình ảnh anh hùng ở đâu?

  Hình ảnh chính là thuật ngữ thiết kế trang web dùng để mô tả hình ảnh biểu ngữ quá khổ ở đầu trang web . Đôi khi được gọi là "tiêu đề chính", nó đóng vai trò là cái nhìn đầu tiên của người dùng về công ty và sản phẩm của bạn vì vị trí nổi bật của nó ở đầu trang web thường mở rộng toàn bộ chiều rộng.

  Phần anh hùng trong Wordpress ở đâu?

  Phần anh hùng 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 anh hùng Wordpress là gì?

  Hình ảnh chính trong thiết kế web . Nó thường kết hợp cả hình ảnh và văn bản để truyền tải thông điệp cốt lõi của công ty. the first photo, graphic, illustration, or video people see on a web page. It typically incorporates both an image and text in order to convey a company's core message.

  Phần anh hùng ở đâu?

  Phần anh hùng là gì? . on the screen under your logo and menu.