Genesis Framework — популярная тема WordPress, которая использовалась для создания одних из самых красивых и креативных веб-сайтов в Интернете. Это один из наших фаворитов здесь, в блоге для предпринимателей, потому что он такой универсальный, простой в использовании и настраиваемый.
Одна вещь, которую многие люди считают сложной в темах Genesis, — это добавление логотипа в заголовке. К счастью, всего за несколько кликов вы можете создать свой собственный логотип.
Это полезно, если вы хотите, чтобы ваш сайт имел определенный брендинг, соответствующий вашему бизнесу. Процесс его добавления занимает менее 10 минут и требует использования только одного плагина, который называется Custom Logo Uploader от WPSquare.
Его можно установить за считанные секунды одним щелчком мыши в панели администратора WordPress.
Вот шаги:
1) Установите плагин
2) Добавьте нужные изображения
3) Настройте параметры
4) Сохраните изменения через 5-10 минут, вернитесь в Настройки дочерней темы Genesis > Изображение заголовка.
6) Выберите собственный логотип
7) Введите нужный URL
8) Сохранить изменения.
Как добавить логотип изображения заголовка для темы Genesis Child-
ШАГ 1: Настройте логотип на панели инструментов
Поскольку я использую «Детская тема TwentyTen«Все, что мне нужно сделать, это перейти в «Панель инструментов» >> «Внешний вид» >> «Настроить» >> «Заголовок» и добавить логотип, который я хочу использовать. Вы можете добавить свои собственные изображения или выбрать из доступных в WordPress, которые вы можете найти в разделе «Добавить новое».
В моем случае я собираюсь добавить изображение из папки Media Dashboard, щелкнув файл с именем «header-logo.png»..
ШАГ 2: Добавьте пользовательский код в функцию дочерней темы Genesis.
php Откройте php-файл функции темы Genesis Child, который обычно находится в корневой папке темы с именем functions.php . Вы можете открыть этот файл с помощью любого клиента FTP или SFTP, например Filezilla.
И если вы не можете найти этот файл, вы можете создать его. Я написал пост, чтобы показать, как создать php-файл функции дочерней темы Genesis.
Вот код, который я добавил в конец моего файла functions.php, но перед закрытием тега PHP?>
// Логотип заголовка БП
add_custom_image_header('bp-logo');
Это говорит Genesis использовать изображение с именем «bp-logo» в качестве логотипа заголовка для моего веб-сайта. Вы можете изменить это имя, но не забудьте изменить его и на следующем шаге. Теперь создайте новую папку с именем bp-logo.
Он должен быть создан внутри корневого каталога вашей темы. Для получения дополнительной информации проверьте мой пост о том, как создать папку в вашей дочерней теме Genesis.
ШАГ 3: Создайте изображение логотипа для сторонней темы
Проблема в том, что наше изображение логотипа не будет отображаться в разделе настройки панели инструментов WordPress., но все же он будет отображаться во внешнем интерфейсе после публикации веб-сайта в Интернете.
Это означает, что мы должны добавить это изображение в header.php нашей темы. К счастью, мы можем сделать это, отредактировав наш тема прямо из административной области WordPress.
Что вам нужно, так это zip-файл вашей темы и FTP или SFTP-клиент, например FileZilla . Вы можете использовать PHPMYADMIN также, если вы знаете, как его использовать.
Откройте zip-архив с помощью вашей любимой программы и перейдите в /wp-content/themes/ИМЯ ВАШЕЙ ТЕМЫ/header.php. Скопируйте код, который вы видите в этом файле, но перед закрывающим тегом PHP ?> .
Вот пример моего файла header.php с добавленным пользовательским кодом:
"название =" ” отн=”дом”> «Альт=» "название =" ”/>
ШАГ 4. Добавьте пользовательский код в заголовок дочерней темы Genesis..
php Теперь откройте файл header.php вашей темы (который находится в /wp-content/themes/ИМЯ ВАШЕЙ ТЕМЫ/) и добавьте этот код перед закрывающим тегом PHP (который находится в конце файла):
ШАГ 2: Готово Теперь, если вы зайдете на свой веб-сайт, логотип появится в интерфейсе.
Но есть проблема с этим кодом. Он создает файл изображения на вашем сервере, и если вы загружаете много изображений, он будет излишне занимать место на сервере.
Поэтому, чтобы решить эту проблему, я использовал свой плагин под названием «Genesis Simple Hooks». А вот обновленный пользовательский код, который я добавил в файл functions.php: add_action('genesis_before_header', 'bp_add_header_logo');
function bp_add_header_logo() { if ( !is_page() || isnull(get_post_meta(get_the_ID(), 'bp-logo', true )) ): ?> "название =" ” отн=”дом”> «Альт=» "название =" ”/>
Использование плагина WordPress (простые заголовки Genesis)
WordPress — отличная CMS (система управления контентом), которую можно использовать для создания различных типов веб-сайтов. Он имеет обширную коллекцию доступных плагинов, что делает его еще более мощным.
Плагин Genesis Simple Headers позволяет добавлять собственные заголовки на ваш сайт WordPress. Вы можете загрузить собственное изображение заголовка или выбрать один из вариантов по умолчанию, доступных в плагине, таких как изображения, предоставленные темой WordPress.
Если заголовок вашего блога неправильно отображается в вашем блоге, сначала устраните эту проблему, выполнив следующие действия:
Проверьте, загрузили ли вы изображение в нужную папку (выберите из /wp-content/uploads/yourimage.jpg). Если вы не можете найти его там, проверьте еще раз, имеет ли ваше изображение правильные размеры. Затем вы можете загрузить его в нужную папку с помощью программного обеспечения FTP.
Проверьте, не повреждено ли ваше изображение (попробуйте открыть его в программе редактирования изображений). Если да, удалите этот файл и загрузите новый, чтобы проверить, сохраняется ли эта проблема.
Вы можете попробовать создать другое изображение заголовка, просто перейдя в «Внешний вид» — «Простые заголовки Genesis» — «Добавить новое изображение».
Вы также можете попробовать использовать изображение по умолчанию, которое поставляется с вашей темой WordPress, перейдя в «Внешний вид» — «Редактировать простые изображения заголовка Genesis», а затем выберите одно из них или просто загрузите изображение из Интернета.
Если это по-прежнему не работает, свяжитесь с [электронная почта защищена] для получения дополнительной помощи.
Если вы хотите узнать, как использовать этот плагин, читайте дальше…
Эта статья предназначена только для начинающих и поможет им понять основы использования этого плагина WordPress. Предполагается, что пользователь уже установил плагин Genesis Simple Headers на свой веб-сайт и знает основы использования панели управления WordPress.
Основные шаги по добавлению пользовательских заголовков для блога WordPress
1) Перейдите на панель инструментов вашего блога WordPress и наведите курсор на Внешний вид. Выберите Меню оттуда.
2) Нажмите «Заголовок № 1» в раскрывающемся меню «Простые заголовки Genesis». Откроется новая страница с большим количеством опций. Вы можете изменить любой из предложенных там вариантов.
3) Первый вариант — изображение заголовка. Нажмите кнопку обзора и выберите изображение со своего компьютера или используйте одно из изображений по умолчанию, доступных в этом разделе.
Убедитесь, что у вас есть разрешение на использование этого изображения, потому что оно будет отображаться как часть вашего содержание блога а также появится в результатах поиска. Вы можете использовать одно и то же изображение для всех трех изображений заголовка, если хотите. Вы также можете изменить текст, отображаемый в этом разделе.
4) Второе раскрывающееся меню — «Тип заголовка». Этот плагин предоставляет 5 типов, и вы можете выбрать любой из них. Тем не менее, изменение типа на H1 поможет вам стилизовать его как заголовок H1.
5) Третье раскрывающееся меню — «Позиционирование», и вы можете использовать его для изменения положения вашего заголовка. изображение в вашем блоге (слева, в центре или справа).
6) В четвертом раскрывающемся меню вы можете выбрать, какой раздел сообщений должен отображаться в этом заголовке. У вас есть 3 раздела — избранное изображение Genesis, вступительный текст и заголовок сообщения. Если вы хотите отобразить что-то еще, вы можете ввести этот HTML-код в предоставленный раздел, и он появится там.
7) Нажмите «Сохранить меню» после внесения всех изменений.
8) Новое изображение заголовка будет немедленно отображаться в вашем блоге, и всякий раз, когда посетитель открывает любую из ваших записей в блоге, это изображение заголовка будет отображаться вверху. Однако вы можете изменить его положение вправо или влево, выбрав «Внешний вид» — «Настроить» — «Боковая навигация», а затем выбрав «право» или «лево».
Редактирование файла Style.css дочерней темы Genesis-
Я наткнулся на дочернюю тему Genesis под названием [i]Element[/i] в официальном каталоге тем WordPress и захотел использовать ее в своей локальной среде разработки.
Первый и второй посты на этом сайте дают инструкции по настройке новой дочерней темы Genesis для целей разработки. Итак, загляните к ним, если вы еще этого не сделали.
После того, как я попытался запустить скрипт установки, найденный в первом посте, я понял, что он устанавливает таблицу стилей дочерней темы в каталог с именем «_s», который подходит для всех тем WordPress, кроме Genesis.
Затем я отредактировал файл моей дочерней темы style.css и изменил пути с «Element Child Theme/style.css» на «Element Child Theme/*/style.css».
И это действительно работает!
Полезное
- Почему логотип важен для вашего бизнеса
- Основные элементы блога, которые вы не должны пропустить, будучи новичками
- Узнайте сейчас, как повысить эффективность маркетинга в социальных сетях?
- Коллекция моих любимых тем WordPress за все время
Заключение. Как добавить логотип изображения заголовка для детской темы Genesis 2024
Genesis Framework — одна из самых популярных доступных тем WordPress. Его легко настроить, и он имеет множество функций, которые помогут вам начать свой бизнес.
Один из способов персонализировать ваш веб-сайт — добавить логотип изображения заголовка для дочерней темы Genesis, который будет отображаться вместо текста «Genesis Framework» по умолчанию вверху каждой страницы.
Блоги — отличный способ поделиться своими знаниями, продвигать свой продукт или услугу и создать аудиторию. Но как вы собираетесь их проектировать?
Существует множество различных тем для блогов, которые претендуют на звание лучших для создания красивых веб-сайтов, но какая из них подходит именно вам? Мы взяли некоторые из самых популярных шаблонов Genesis Child Theme, доступных на сегодняшний день, и оценили качество их дизайна от 1 до 5 звезд на основе наших личных предпочтений.
