Genesis Framework là một chủ đề WordPress phổ biến đã được sử dụng để tạo một số trang web đẹp và sáng tạo nhất trên internet. Đó là một trong những mục yêu thích của chúng tôi ở đây tại Blog cho Doanh nhân vì nó rất linh hoạt, dễ sử dụng và có thể tùy chỉnh.
Một điều mà nhiều người cảm thấy khó khăn về các chủ đề Genesis là thêm một biểu tượng hình ảnh tiêu đề. May mắn thay, chỉ với một vài cú nhấp chuột, bạn có thể có logo tùy chỉnh của riêng mình.
Điều này rất hữu ích nếu bạn muốn trang web của mình có một thương hiệu cụ thể phù hợp với doanh nghiệp của bạn. Quá trình thêm điều này mất chưa đến 10 phút và chỉ yêu cầu sử dụng một plugin, được WPSquare gọi là Trình tải lên biểu trưng tùy chỉnh.
Nó có thể được cài đặt chỉ trong vài giây với một cú nhấp chuột bên trong bảng quản trị WordPress.
Dưới đây là các bước:
1) Cài đặt plugin
2) Thêm hình ảnh mong muốn
3) Định cấu hình cài đặt
4) Lưu các thay đổi sau 5-10 phút, quay lại Cài đặt chủ đề con của Genesis> Hình ảnh tiêu đề
6) Chọn một logo tùy chỉnh
7) Nhập URL mong muốn
8) Lưu thay đổi.
Cách thêm Biểu trưng hình ảnh tiêu đề cho Chủ đề con Genesis-
BƯỚC 1: Thiết lập Logo trong Trang tổng quan
Vì tôi đang sử dụng “Chủ đề con TwentyTen“, Tất cả những gì tôi phải làm là vào Bảng điều khiển >> Giao diện >> Tùy chỉnh >> Tiêu đề và thêm một biểu trưng mà tôi muốn sử dụng. Bạn có thể thêm hình ảnh tùy chỉnh của riêng mình hoặc chọn từ những hình ảnh có sẵn trong WordPress mà bạn có thể tìm thấy trong phần “Thêm mới”.
Trong trường hợp của tôi, tôi sẽ thêm một hình ảnh từ Thư mục Phương tiện Bảng điều khiển bằng cách nhấp vào tệp có tên “header-logo.png”.
BƯỚC 2: Thêm mã tùy chỉnh vào chức năng chủ đề con của Genesis.
php Mở tệp chức năng php của chủ đề Genesis Con, thường nằm trong thư mục gốc của chủ đề có tên là functions.php. Bạn có thể mở tệp này bằng bất kỳ ứng dụng khách FTP hoặc SFTP nào chẳng hạn như Filezilla.
Và nếu bạn không thể tìm thấy tệp này, bạn có thể tạo một tệp. Tôi đã viết một bài hướng dẫn cách tạo tệp php chức năng của chủ đề con Genesis.
Đây là mã mà tôi đã thêm vào cuối tệp functions.php của mình, nhưng trước khi đóng thẻ PHP?>
// Biểu trưng tiêu đề BP
add_custom_image_header ('bp-logo');
Điều này yêu cầu Genesis sử dụng hình ảnh có tên “bp-logo” làm biểu trưng tiêu đề cho trang web của tôi. Bạn có thể thay đổi tên này, nhưng đừng quên thay đổi nó trong bước tiếp theo. Bây giờ, hãy tạo một thư mục mới với tên bp-logo.
Nó phải được tạo bên trong thư mục gốc chủ đề của bạn. Để biết thêm thông tin, hãy xem bài đăng của tôi về cách tạo một thư mục trong chủ đề con Genesis của bạn.
BƯỚC 3: Tạo hình ảnh biểu trưng cho chủ đề của bên thứ ba
Vấn đề là, hình ảnh biểu trưng của chúng tôi sẽ không hiển thị trong phần tùy biến của bảng điều khiển WordPress, nhưng nó vẫn sẽ hiển thị trong giao diện người dùng sau khi trang web được xuất bản trực tuyến.
Có nghĩa là chúng ta phải thêm hình ảnh này vào header.php của chủ đề của chúng ta. May mắn thay, chúng tôi có thể làm điều này bằng cách chỉnh sửa chủ đề trực tiếp từ khu vực quản trị WordPress.
Những gì bạn cần là tệp zip chủ đề của bạn và ứng dụng khách FTP hoặc SFTP như FileZilla . Bạn có thể sử dụng phpMyAdmin cũng như nếu bạn biết làm thế nào để sử dụng nó.
Mở kho lưu trữ zip bằng chương trình yêu thích của bạn và truy cập / wp-content / themes / TÊN CHỦ ĐỀ CỦA BẠN / header.php. Sao chép mã bạn thấy trong tệp này, nhưng trước thẻ đóng PHP?>.
BƯỚC 4: Thêm mã tùy chỉnh vào tiêu đề của Chủ đề Genesis Child.
php Bây giờ, mở tệp header.php của chủ đề của bạn (nằm trong / wp-content / themes / TÊN CHỦ ĐỀ CỦA BẠN /) và thêm mã này trước khi đóng thẻ PHP (nằm ở cuối tệp):
BƯỚC 2: Xong Bây giờ nếu bạn truy cập trang web của mình, logo sẽ hiển thị ở giao diện người dùng.
Nhưng có một vấn đề với mã này. Nó đang tạo một tệp hình ảnh trong máy chủ của bạn và nếu bạn tải lên nhiều hình ảnh, nó sẽ chiếm không gian máy chủ một cách không cần thiết.
Vì vậy, để giải quyết vấn đề này, tôi đã sử dụng plugin của mình có tên là "Genesis Simple Hooks". Và đây là mã tùy chỉnh cập nhật mà tôi đã thêm trong tệp functions.php: add_action ('genesis_before_header', 'bp_add_header_logo');
Các bước cơ bản để thêm tiêu đề tùy chỉnh cho blog WordPress
1) Đi tới Trang tổng quan của blog WordPress của bạn và di chuột qua Giao diện. Chọn Menu từ đó.
2) Nhấp vào Header # 1 trong trình đơn thả xuống Genesis Simple Headers. Một trang mới sẽ mở ra với rất nhiều tùy chọn trên đó. Bạn có thể thay đổi bất kỳ tùy chọn nào được cung cấp ở đó.
3) Tùy chọn đầu tiên là Hình ảnh tiêu đề. Nhấp vào nút duyệt và chọn một hình ảnh từ máy tính của bạn hoặc sử dụng một trong những hình ảnh mặc định có sẵn trong phần này.
Đảm bảo rằng bạn có quyền sử dụng hình ảnh đó vì nó sẽ được hiển thị như một phần của nội dung blog và cũng sẽ xuất hiện trên kết quả tìm kiếm. Bạn có thể sử dụng cùng một hình ảnh cho cả ba hình ảnh tiêu đề nếu muốn. Bạn cũng có thể thay đổi văn bản hiển thị trong phần đó.
4) Menu thả xuống thứ hai là Loại tiêu đề. Có 5 loại được cung cấp bởi plugin này và bạn có thể chọn bất kỳ loại nào trong số chúng. Tuy nhiên, việc thay đổi kiểu thành H1 sẽ giúp bạn định dạng nó hơn nữa dưới dạng Tiêu đề H1.
5) Menu thả xuống thứ ba là Định vị và bạn có thể sử dụng nó để thay đổi vị trí của tiêu đề của mình hình ảnh trên blog của bạn (trái, giữa hoặc phải).
6) Với menu thả xuống thứ tư, bạn có thể chọn phần nào của bài viết sẽ được hiển thị trong tiêu đề đó. Bạn có 3 phần - Hình ảnh nổi bật của Genesis, Văn bản giới thiệu và Tiêu đề bài đăng. Nếu bạn muốn hiển thị một cái gì đó khác thì bạn có thể nhập mã HTML đó vào phần được cung cấp và nó sẽ hiển thị ở đó.
7) Nhấp vào Menu Lưu sau khi thực hiện tất cả các thay đổi của bạn.
8) Hình ảnh tiêu đề mới sẽ ngay lập tức được hiển thị trên blog của bạn và bất cứ khi nào khách truy cập mở bất kỳ bài đăng nào trên blog của bạn, hình ảnh tiêu đề này sẽ xuất hiện ở trên cùng. Tuy nhiên, bạn có thể thay đổi vị trí của nó sang phải hoặc trái bằng cách đi tới Giao diện - Tùy chỉnh - Điều hướng bên và sau đó chọn phải hoặc trái.
Chỉnh sửa tệp Style.css của Chủ đề con Genesis-
Tôi đã xem qua một chủ đề con của Genesis có tên là [i] Element [/ i] trong Thư mục chủ đề WordPress chính thức và tôi muốn sử dụng nó trong môi trường phát triển địa phương của mình.
Bài đăng đầu tiên và thứ hai trên trang web này đưa ra hướng dẫn về cách thiết lập chủ đề con genesis mới cho mục đích phát triển. Vì vậy, hãy kiểm tra chúng nếu bạn chưa có.
Sau khi tôi cố gắng chạy tập lệnh cài đặt được tìm thấy trong bài đăng đầu tiên, tôi nhận ra rằng nó đã cài đặt một biểu định kiểu chủ đề con vào một thư mục có tên “_s”, đúng cho tất cả các chủ đề WordPress hiện có ngoại trừ Genesis.
Tôi chỉnh sửa tệp chủ đề con style.css và thay đổi đường dẫn từ “Chủ đề phần tử con / style.css” thành “Chủ đề con phần tử / * / style.css”.
Và nó thực sự hoạt động!
Liên kết nhanh
- Tại sao một logo lại quan trọng đối với doanh nghiệp của bạn
- Các yếu tố cần thiết của blog mà bạn không thể bỏ qua khi mới bắt đầu
- Tìm hiểu ngay bây giờ, làm thế nào để tăng cường tiếp thị truyền thông xã hội của bạn?
- Bộ sưu tập chủ đề WordPress yêu thích mọi thời đại của tôi
Kết luận- Cách thêm biểu trưng hình ảnh tiêu đề cho chủ đề Genesis Child 2024
Genesis Framework là một trong những chủ đề WordPress phổ biến nhất hiện có. Thật dễ dàng để tùy chỉnh và đi kèm với rất nhiều tính năng có thể giúp bạn phát triển doanh nghiệp của mình.
Một cách để cá nhân hóa trang web của bạn là thêm biểu trưng hình ảnh tiêu đề cho Chủ đề con Genesis, biểu trưng này sẽ xuất hiện thay cho văn bản “Genesis Framework” mặc định ở đầu mỗi trang.
Blog là một cách tuyệt vời để chia sẻ kiến thức, quảng bá sản phẩm hoặc dịch vụ của bạn và xây dựng khán giả. Nhưng làm thế nào để bạn thiết kế chúng?
Có rất nhiều chủ đề blog khác nhau được cho là tốt nhất để tạo các trang web đẹp nhưng cái nào phù hợp với bạn? Chúng tôi đã lấy một số mẫu Chủ đề Genesis Child phổ biến nhất hiện có và xếp hạng chất lượng thiết kế của chúng từ 1-5 sao dựa trên sở thích cá nhân của chúng tôi.