Как изменить url логотипа при выводе в WordPress?
Я хочу в футере вывести кастомный логотип
Вывожу таким образом:
Но так как футер имеет темные тона, а хедер светлые, то в футере логотип с темными буквами уже не виден. Хочу в медиафайлы загрузить еще один такой же, но в светлых тонах, но для этого нужно изменить url изображения добавив «-white» перед .png
Как это сделать?
- Вопрос задан более трёх лет назад
- 312 просмотров
Как узнать URL-адрес сайта
У каждого сайта есть свой уникальный адрес, используя который вы можете как посещать страницы, так и делиться ими с друзьями. В этой статье мы рассмотрим, что такое URL-адрес.
URL-адрес — что это
URL (Uniform Resource Locator — унифицированный указатель ресурса) — это то, что отображается в строке браузера, когда вы заходите на тот или иной сайт.
URL-адрес есть не только у сайтов, но и у различных файлов (документов, изображений, видео и так далее), загруженных в Интернет.
URL-адрес сайта выглядит следующим образом: https://www.reg.ru
- здесь http:// — протокол передачи данных. В большинстве случаев иcпользуется именно http://, но в последнее время всё большую популярность приобретает протокол передачи данных https://. Это защищённый протокол передачи данных. Как понять, какой протокол у вашего сайта? Если вы устанавливали на сайт SSL-сертификат, то вы можете использовать протокол https://, если вы не ставили SSL, то используйте http://
- www.reg.ru — имя домена. В данном случае используется домен с «www», так как он выбран в качестве главного зеркала для нашего сайта.
Если вам необходимо получить URL-адрес страницы, то к URL-адресу сайта просто прибавьте путь к странице сайта, например:
- https://www.reg.ru/ssl-certificate/
- https://www.reg.ru/web-sites/website-builder/
URL-адрес сайта вы также можете увидеть в браузере:
Оставляйте вопросы в комментариях и подписывайтесь на рассылку нашего блога — впереди много полезных статей!
get_custom_logo() │ WP 4.5.0
Получает HTML код логотипа сайта установленного в кастомайзере (в настройках темы). Код будет такой: .
Чтобы можно было установить логотип в кастомайзере, нужно включить поддержку custom-logo у темы: add_theme_support( ‘custom-logo’ ).
Используйте $custom_logo_id = get_theme_mod( ‘custom_logo’ ); чтобы получить ID вложения логотипа, и затем обработать его как-то по-другому.
Работает на основе: wp_get_attachment_image() , get_theme_mod()
Основа для: the_custom_logo()
Хуки из функции
Возвращает
Строку . HTML код логотипа. Код будет содержать ссылку на главную страницу и в ней IMG тег самого логотипа. Если логотип в настройках темы не установлен то вернет пустую строку.
Использование
get_custom_logo( $blog_id );
$blog_id(число) ID сайта/блога, лого которого нужно получить.
По умолчанию: 0 (текущий блог)
Примеры
#1 Получение только ссылки (URL) логотипа
// получаем ссылку на логотип $custom_logo__url = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), 'full' ); // выводим echo $custom_logo__url[0];
#2 Получим логотип сайта
Допустим, у нас включена поддержка логотипа и мы его установили, тогда:
#3 Проверка установлен ли логотип для сайта
$logo = get_custom_logo(); if( $logo ) echo 'Лого есть';
Добавить свой пример
Список изменений
| С версии 4.5.0 | Введена. |
| С версии 5.5.0 | Added option to remove the link on the home page with unlink-homepage-logo theme support for the custom-logo theme feature. |
| С версии 5.5.1 | Disabled lazy-loading by default. |
Код get_custom_logo() get custom logo WP 6.4.2
function get_custom_logo( $blog_id = 0 ) < $html = ''; $switched_blog = false; if ( is_multisite() && ! empty( $blog_id ) && get_current_blog_id() !== (int) $blog_id ) < switch_to_blog( $blog_id ); $switched_blog = true; >$custom_logo_id = get_theme_mod( 'custom_logo' ); // We have a logo. Logo is go. if ( $custom_logo_id ) < $custom_logo_attr = array( 'class' =>'custom-logo', 'loading' => false, ); $unlink_homepage_logo = (bool) get_theme_support( 'custom-logo', 'unlink-homepage-logo' ); if ( $unlink_homepage_logo && is_front_page() && ! is_paged() ) < /* * If on the home page, set the logo alt attribute to an empty string, * as the image is decorative and doesn't need its purpose to be described. */ $custom_logo_attr['alt'] = ''; >else < /* * If the logo alt attribute is empty, get the site title and explicitly pass it * to the attributes used by wp_get_attachment_image(). */ $image_alt = get_post_meta( $custom_logo_id, '_wp_attachment_image_alt', true ); if ( empty( $image_alt ) ) < $custom_logo_attr['alt'] = get_bloginfo( 'name', 'display' ); >> /** * Filters the list of custom logo image attributes. * * @since 5.5.0 * * @param array $custom_logo_attr Custom logo image attributes. * @param int $custom_logo_id Custom logo attachment ID. * @param int $blog_id ID of the blog to get the custom logo for. */ $custom_logo_attr = apply_filters( 'get_custom_logo_image_attributes', $custom_logo_attr, $custom_logo_id, $blog_id ); /* * If the alt attribute is not empty, there's no need to explicitly pass it * because wp_get_attachment_image() already adds the alt attribute. */ $image = wp_get_attachment_image( $custom_logo_id, 'full', false, $custom_logo_attr ); if ( $unlink_homepage_logo && is_front_page() && ! is_paged() ) < // If on the home page, don't link the logo to home. $html = sprintf( 'else < $aria_current = is_front_page() && ! is_paged() ? ' aria-current="page"' : ''; $html = sprintf( '%3$s', esc_url( home_url( '/' ) ), $aria_current, $image ); > > elseif ( is_customize_preview() ) < // If no logo is set but we're in the Customizer, leave a placeholder (needed for the live preview). $html = sprintf( '', esc_url( home_url( '/' ) ) ); > if ( $switched_blog ) < restore_current_blog(); >/** * Filters the custom logo output. * * @since 4.5.0 * @since 4.6.0 Added the `$blog_id` parameter. * * @param string $html Custom logo HTML output. * @param int $blog_id ID of the blog to get the custom logo for. */ return apply_filters( 'get_custom_logo', $html, $blog_id ); >
Cвязанные функции
custom_logo (custom logo логотип)
- has_custom_logo()
- the_custom_logo()
Другие функции темы
- add_theme_support()
- bloginfo()
- body_class()
- current_theme_supports()
- get_custom_header_markup()
- get_header_image()
- get_header_image_tag()
- get_header_textcolor()
- get_header_video_url()
- get_page_template()
- get_page_templates()
- get_post_class()
- get_query_template()
- get_stylesheet()
- get_template()
- get_theme_mod()
- get_theme_mods()
- get_theme_root()
- has_header_image()
- has_header_video()
- header_image()
- is_child_theme()
- is_header_video_active()
- post_class()
- register_nav_menu()
- register_nav_menus()
- register_theme_directory()
- remove_theme_mod()
- remove_theme_mods()
- remove_theme_support()
- search_theme_directories()
- set_theme_mod()
- single_month_title()
- the_custom_header_markup()
- the_header_video_url()
- the_search_query()
- unregister_nav_menu()
- wp_body_open()
- wp_custom_css_cb()
- wp_footer()
- wp_get_archives()
- wp_get_document_title()
- wp_get_theme()
- wp_get_themes()
- wp_head()
- wp_is_mobile()
- wp_nav_menu()
- wp_robots()
- wp_site_icon()
- wp_title()
Работа для девушек в Китае работа для девушек в Китае sopranoagency.com
9 комментариев
Вопрос по строке
return apply_filters( 'get_custom_logo', $html, $blog_id );
Как фильтруется строка «$html»? Где в вордпрессе «add_filter( ‘get_custom_logo . )»?
А если такого фильтра нет, что же вернёт функция «get_custom_logo()»? Не отфильтрованную переменную «$html»?
campusboy 4602 www.youtube.com/c/wpplus
Фильтр этот для того, чтобы можно было менять отдаваемые значения этой функции на свои при определенных условиях. То есть мы используем сами add_filter, чтобы подключиться в момент срабатывания этой функции и внося собственные правки в эту переменную.
Ну, хорошо, а пока фильтра нет, строка «return apply_filters( ‘get_custom_logo’, $html ); вернёт просто неотформатированную $html? Т.е., можно написать проще: «return $html;» ?
КАК добавить файл логотипа на главной странице? Есть решение
Добрый день!
1. Подскажите , плиз,какой строкой в коде добавить логотип на главную страницу дизайна «custom»?как я понимаю , в файле дизайна index.html в .
2. В какую папку файл логотипа разместить?
5 ответов
0
Сергей Варенов 11 ноября 2013 06:20 #
1
Владимир Тупоршин-мл. 11 ноября 2013 11:24 # Решение
1. Верно: добавить в index.html
2. Загрузить файл удобнее всего в приложении «Сайт» в разделе «Файлы». Загрузив файл логотипа в какую-либо из папок, по клику на него легко получить адрес изображения, который нужно подставить в src=»».
0
Лысенко Игорь 5 января 2014 10:26 #
а какого размера ентот логотип должен быть и где он вылезет , а то криво всё получилось
0
Лысенко Игорь 5 января 2014 10:26 #
а какого размера ентот логотип должен быть и где он вылезет , а то криво всё получилось
0
Я.CRM 5 марта 2014 09:33 #
Процентами настраиваешь высоту и ширину картинки
Добавить ответ
Webasyst
Помощь
Партнерам
Приложения
- Создать интернет-магазин
- Трекер задач для команды
- CRM для интернет-магазина
- Интернет-магазин под ключ
© 2003—2024 Webasyst. Мы получаем и обрабатываем персональные данные посетителей сайта в соответствии с Политикой обработки персональных данных. Отправка персональных данных с помощью любой страницы сайта подразумевает согласие со всеми пунктами Политики.