Як вставити логотип у заголовок?


9

Я досить новий у світі WordPress (я прийшов з Joomla)

У мене є певні труднощі, щоб вставити логотип на цей тестовий сайт WordPress: http://onofri.org/example/

Я хочу помістити свій логотип у шапку веб-сайту, а не текст "ПРИКЛАД".

Заглянувши в панель конфігурації WordPress, я не знаходжу, куди можу завантажити логотип, і автоматично розміщую його замість тексту "ПРИКЛАД" у заголовку (не знаю, чи це стандартна функція WordPress, як у Joomla, чи це функція, яка може бути доступною для деяких конкретних тем або якщо мені доведеться вводити її безпосередньо в код)

Однак я не знаходжу це навіть у своїх налаштуваннях теми.

Що мені робити, щоб поставити свій логотип? Чи повинен я вставити його безпосередньо у свій HTML-код?

Відповіді:


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

Сподіваюся, ви отримаєте решту. Якщо будь-яке запитання, будь ласка, коментуйте тут, під.


2

Якщо є функція "логотипу", це буде частиною теми. Можливо варіант теми або частина системи налаштування теми .

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

Словом, це залежить від теми. Якщо ви створюєте тему, ви можете відредагувати її, щоб додати її. Дивіться статті на Codex, на які вже йдеться.


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>
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.