Как изменить ссылку URL-адреса логотипа для любых тем WordPress? (включая темы Бытия)
Опубликовано: 2020-12-07
В Crunchify мы публикуем только высококачественные учебные пособия и фрагменты кода, которые просто работают без каких-либо изменений.
Недавно мы также запустили услуги премиум-класса, а также начали продавать плагины премиум-класса и услуги для разработчиков.
Недавно мы изменили наш Премиум-сайт ( https://pro.crunchify.com ) и согласовали тему с домашним сайтом ( https://crunchify.com ).
При этом мы заметили, что лучше, чтобы URL-адрес логотипа заголовка pro.crunchify.com указывал на crunchify.com.
Это решение работает, если у вас есть какие-либо из следующих вопросов?
- Как изменить URL-адрес изображения заголовка?
- Изменения в URL-адресе логотипа для образца темы Genesis
- Как изменить URL основного изображения заголовка?
- Как изменить ссылку на изображение заголовка на любой URL?
- Как изменить ссылку на изображение заголовка на пользовательский URL?
- Как изменить URL кликабельного баннера?
- В WordPress, как связать изображение заголовка с пользовательским URL-адресом?
Я некоторое время искал решение, а также связался со службой поддержки Genesis WP. Но не получил решения, кроме некоторых указателей и советов.
Как видите, нет четкого решения, которое я получил от Genesis support .
Итак, после этого я все еще искал решение, как изменить кликабельную ссылку заголовка в WordPress?
Наконец, после некоторых проб и ошибок я смог изменить URL-адрес логотипа заголовка.
Вот код:
Просто поместите его в файл functions.php вашей темы, и все будет хорошо. В моем случае я поместил этот код в файл pro.crunchify.com theme's function.php .
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function crunchify_custom_logo_url ( $ crunchify_logo_html ) { $ crunchify_custom_logo_id = get_theme_mod ( 'custom_logo' ) ; // Make sure to replace your updated site URL $ crunchify_new_url = 'https://crunchify.com' ; $ crunchify_logo_html = sprintf ( '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>' , esc_url ( $ crunchify_new_url ) , wp_get_attachment_image ( $ crunchify_custom_logo_id , 'full' , false , array ( 'class' = > 'custom-logo' , ) ) ) ; return $ crunchify_logo_html ; } // get_custom_logo: Returns a custom logo, linked to home unless the theme supports removing the link on the home page. add_filter ( 'get_custom_logo' , 'crunchify_custom_logo_url' ) ; |
- Пожалуйста, убедитесь, что вы изменили
crunchify_new_urlна желаемый URL.
Как проверить?
Давайте проверим, работает ли приведенный выше код и не нарушает ли он какие-либо требования к метаданным структуры Google?
Взгляните и сравните ниже две HTML-разметки.
Перед изменением URL-адреса логотипа заголовка WordPress
|
1 2 3 4 5 |
< div class = "title-area" > < a href = "https://pro.crunchify.com/" class = "custom-logo-link" rel = "home" > < img width = "946" height = "198" src = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" class = "custom-logo" alt = "crunchify-pro-logo-white" srcset = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png 946w, https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white-768x161.png 768w" sizes = "(max-width: 946px) 100vw, 946px" data - attachment - id = "2386" data - permalink = "https://pro.crunchify.com/crunchify-pro-logo-white/" data - orig - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - orig - size = "946,198" data - comments - opened = "1" data - image - meta = "{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data - image - title = "crunchify-pro-logo-white" data - image - description = "" data - medium - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - large - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" > < / a > < p class = "site-title" > Crunchify Pro < / p > < p class = "site-description" > Premium Services , Plugins & Digital Downloads < / p > < / div > |
После изменения URL-адреса логотипа заголовка WordPress
|
1 2 3 4 5 |
< div class = "title-area" > < a href = "https://crunchify.com" class = "custom-logo-link" rel = "home" > < img width = "946" height = "198" src = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" class = "custom-logo" alt = "crunchify-pro-logo-white" loading = "lazy" srcset = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png 946w, https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white-768x161.png 768w" sizes = "(max-width: 946px) 100vw, 946px" data - attachment - id = "2386" data - permalink = "https://pro.crunchify.com/crunchify-pro-logo-white/" data - orig - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - orig - size = "946,198" data - comments - opened = "1" data - image - meta = "{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data - image - title = "crunchify-pro-logo-white" data - image - description = "" data - medium - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - large - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" > < / a > < p class = "site-title" > Crunchify Pro < / p > < p class = "site-description" > Premium Services , Plugins & Digital Downloads < / p > < / div > |
Обе разметки структуры выглядят хорошо, и единственное отличие, которое я вижу, это URL-адрес логотипа. Вот и все .
Я надеюсь, что это поможет вам изменить URL-адрес логотипа заголовка вашей темы.
Пожалуйста, не стесняйтесь, дайте нам знать, комментируя ваши отзывы и комментарии.