Добавить логотип или изображение в шаблон

Автор:
Nurlan Kemelbekov

Тема: добавить дополнительный логотип-изображение в шаблон WordPress.
Это является общей для WordPress тем, чтобы настроить графический заголовок, или даже загрузить свой собственный логотип. Тем не менее, бывают случаи, когда нужно просто добавить тег рисунка в шаблон. Это может показаться простым, но новички WordPress могут быть озадачены тем, где загрузить изображение, и как писать путь к нему.

Прежде всего, необходимо загрузить изображение в папку темы (или дочерней темы). Для целей этого примера, позвольте предположить, что вы разместили ‘logo.png’ в подпапке «images» внутри Вашей темы.

Тогда Вам просто необходимо открыть  файл «header.php» (или шаблон, где вы хотите добавить изображение) и добавить следующий код, где вы хотите, чтобы изображение появилось:

<img src="<?php echo get_stylesheet_directory_uri()?>/images/logo.png" alt="My Logo">

get_stylesheet_directory_uri () указывает путь к папке темы, что-то вроде: http://mysite.com/wp-content/themes/my-theme. Теперь все, что нужно сделать, это заполнить остальную часть пути к изображению.

Так, например, темы могут иметь строку кода, подобную этой:

<h1 class="site-title">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<?php bloginfo( 'name' ); ?>
</a>
</h1>

Которые затем можно изменить на:

<h1 class="site-title">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<img src="<?php echo get_stylesheet_directory_uri()?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>">
</a>
</h1>

Надеюсь, что это маленькая подсказка поможет кому-нибудь добавить логотип или изображение в шаблон WordPress. А также, возможно, Вам будет интересно узнать, как показать разные картинки в шапке WordPress сайта.



Рекомендуемый контент

2 комментарий на “Добавить логотип или изображение в шаблон

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!