Как вставить логотип в шапку сайта?

Question

Как вставить логотип в шапку сайта?

26 июн. 2013 г., 18:03:04

Просмотры: 114K

Голосов: 10

Я довольно новичок в мире WordPress (пришел из Joomla)

У меня возникли некоторые трудности с добавлением логотипа на тестовый WordPress сайт: http://onofri.org/example/

Я хочу разместить свой логотип в шапке сайта вместо текста "EXAMPLE".

Просматривая панель настроек WordPress, я не могу найти, где можно загрузить логотип и автоматически поместить его вместо текста "EXAMPLE" в шапке (я не знаю, является ли это стандартной функцией WordPress как в Joomla, или это функция, которая может быть доступна в определенных темах, или мне нужно добавить его непосредственно в код)

Однако я не нахожу эту опцию даже в настройках моей темы.

Что мне нужно сделать, чтобы добавить логотип? Нужно ли мне вставлять его непосредственно в HTML код?

AndreaNobili

878

разработка тем темы шаблоны логотип

Все ответы на вопрос

Если в теме предусмотрена функциональность "логотипа", она будет частью темы. Возможно, это опция темы или часть системы настройки темы.

Я обычно использую Пользовательский заголовок для коммерческих сайтов, хотя пользовательский заголовок не предназначен специально для логотипа. Это общая функция "изображения заголовка".

Короче говоря, это зависит от темы. Если вы создаете свою тему, вы можете отредактировать ее, чтобы добавить логотип. Смотрите уже упомянутые статьи в Codex.

s_ha_dum

65.5K

26 июн. 2013 г. 18:11:53

Чтобы изменить изображение заголовка, перейдите в админ-панель WordPress.

В меню "Внешний вид" нажмите на пункт "Заголовок", где вы найдете возможность загрузить изображение заголовка и текст для отображения в заголовке.

Если изображение не отображается, вам необходимо отредактировать файл заголовка и вставить следующий код, если он еще не существует.

   <?php 
    $header_image = get_header_image();
    if (!empty($header_image)): ?>
        <a href="<?php echo esc_url(home_url('/')); ?>">
            <img src="<?php echo esc_url($header_image); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
        </a>
    <?php endif; ?>

Yamu

309

27 июн. 2013 г. 08:24:50

Mayeenul Islam 12.9K · Accepted Answer · 2013-06-27T08:11:24Z

Попробуйте немного изменить раздел заголовка, чтобы он соответствовал стандартам. Вот ваш текущий код:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Вот как можно изменить его:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Логотип" width="ЗДЕСЬ" height="ЗДЕСЬ" />
    </a>
</div>

Теперь всего 3 шага:

Вместо использования стандартных настроек изображения заголовка темы, вы можете отредактировать файл header.php вашей темы, используя код, приведенный выше.
Вместо добавления изображения через "Добавить новое медиа", загрузите изображение через cPanel (панель управления вашего хостинга) в подпапку темы с названием 'images'.
И вместо создания большого изображения с фоном для вашего логотипа, попробуйте создать простой логотип без фона в Photoshop (или любом другом графическом редакторе) — в случае с Photoshop просто сделайте следующее: после размещения изображения логотипа на слое, удалите фоновый слой, затем сохраните изображение для веба (Файл > Сохранить для Web... [Ctrl + Alt + Shift + S]) и выберите формат PNG-24 для хорошего результата. Затем сохраните его как logo.png и поместите в папку '/wp-content/themes/simplemarket/images/'.

Надеюсь, остальное понятно. Если есть вопросы, не стесняйтесь оставлять комментарии здесь.