Genesis hiện đang là một trong những giao diện được các webmaster yêu thích nhất. Không chỉ chuẩn chỉnh về code mà nó còn rất đẹp và nhẹ nhàng, tốc độ tải trang cực nhanh. Tuy nhiên một nhược điểm của Genesis đó chính là không hỗ trợ các bạn thêm logo. Như các bạn biết đấy, logo là một phần không thể thiếu của bất kì trang web nào. Một logo đẹp sẽ làm trang của bạn chuyên nghiệp hơn, và điều này sẽ ghi rất nhiều điểm trong mắt người đọc đó. Hôm nay mình sẽ hướng dẫn bạn giải quyết vấn đề này.
Để thêm logo cho Genesis Child Theme, các bạn mở file functions.php của theme đang sử dụng nên, thêm đoạn code sau vào cuối file:
//* Add Logo Responsive Genesis Child Themeadd_filter( 'genesis_seo_title', 'add_logo_genesis', 10, 3 );function add_logo_genesis( $title, $inside, $wrap ) {$logo = '<img src="' . get_stylesheet_directory_uri() . '/images/logo.png" width="360" height="80" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '">';$inside = sprintf( '<a href="%s" title="%s">%s</a>', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), $logo );//* Determine which wrapping tags to use - changed is_home to is_front_page to fix Genesis bug$wrap = is_front_page() && 'title' === genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : 'p';//* A little fallback, in case an SEO plugin is active - changed is_home to is_front_page to fix Genesis bug$wrap = is_front_page() && ! genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : $wrap;//* And finally, $wrap in h1 if HTML5 & semantic headings enabled$wrap = genesis_html5() && genesis_get_seo_option( 'semantic_headings' ) ? 'h1' : $wrap;return sprintf( '<%1$s %2$s>%3$s</%1$s>', $wrap, genesis_attr( 'site-title' ), $inside );}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//* Add Logo Responsive Genesis Child Theme
add_filter( 'genesis_seo_title', 'add_logo_genesis', 10, 3 );
function add_logo_genesis( $title, $inside, $wrap ) {
$logo = '<img src="' . get_stylesheet_directory_uri() . '/images/logo.png" width="360" height="80" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '">';
$inside = sprintf( '<a href="%s" title="%s">%s</a>', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), $logo );
//* Determine which wrapping tags to use - changed is_home to is_front_page to fix Genesis bug
$wrap = is_front_page() && 'title' === genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : 'p';
//* A little fallback, in case an SEO plugin is active - changed is_home to is_front_page to fix Genesis bug
$wrap = is_front_page() && ! genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : $wrap;
//* And finally, $wrap in h1 if HTML5 & semantic headings enabled
$wrap = genesis_html5() && genesis_get_seo_option( 'semantic_headings' ) ? 'h1' : $wrap;
return sprintf( '<%1$s %2$s>%3$s</%1$s>', $wrap, genesis_attr( 'site-title' ), $inside );
}
Sau đó, bạn dùng một phần mềm FTP bất kì, login vào trang của mình, tạo thêm một thư mục images để lưu logo.png của bạn trong thư mục theme đang sử dụng.
Okay, thế xong rồi đó. Đơn giản quá phải không nào. Nếu bạn có bất kì thắc mắc nào thì đừng ngần ngại hãy cho mình biết ở phần comment nhé. Chúc các bạn may mắn! 🙂
Nguồn: Việt Hùng admin https://chiasewp.com/ 
Bình Luận