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

9

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

Я нахожу некоторые трудности при вставке логотипа на этот тестовый сайт WordPress: http://onofri.org/example/

Я хочу поместить свой логотип в заголовок сайта, вместо текста «ПРИМЕР».

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

Однако я не нахожу его даже в настройках моей темы.

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

AndreaNobili
источник

Ответы:

14

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

<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="Logo" width="HERE" height="HERE" />
    </a>
</div>

Сейчас есть только 3 шага:

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

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

Mayeenul Ислам
источник
2

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

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

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

s_ha_dum
источник
2

Чтобы изменить изображение заголовка перейдите в админ-панель вашего 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>
Яма
источник