it-swarm.com.ru

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

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

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

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

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

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

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

9
AndreaNobili

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

<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 /'.

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

13
Mayeenul Islam

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

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

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

2
s_ha_dum

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