Wordpress

Логотип wordpress: Как создать логотип для сайта WordPress и добавить его | Блог о создании лого и дизайне

20.04.2021

Содержание

Как создать логотип для сайта WordPress и добавить его | Блог о создании лого и дизайне

Vasyl Holiney Обновлено Loading…

Содержание:
1.В чем суть логотипа?
2.Какие задачи возлагают на логотип?
3.Какими бывают виды логотипов?
4.Общие характеристики качественного логотипа
5.Как выбрать цвета и форму логотипа?
6.Подбор шрифта
7.Как сделать логотип?
8.Как вставить логотип на сайт WordPress?

Логотип – основа корпоративной символики любого предприятия, он олицетворяет его идеи, ценности и специализацию. С его помощью вы сделаете свой бренд более узнаваемым, повысите лояльность среди клиентов – существующих и потенциальных. Бурное развитие онлайн бизнеса популяризовало лого для сайта , теперь они занимают видное место на любом корпоративном портале. Как грамотно разработать и разместить данные объекты? Читайте в нашем новом обзоре.

В чем суть логотипа и какую пользу он несет?

Логотип – это графический символ, который представляет какую-либо фирму, структуру, услугу, продукт или конкретного человека (специалиста, знаменитость). Уместный, запоминающийся и оригинальный знак помогает бренду выделиться на фоне одинаковых конкурентов, стать более заметным в своей индустрии.

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

Также он обладает многофункциональностью, далее мы рассмотрим, с какими функциями ему приходится справляться.

Какие задачи возлагают на логотип сайта?

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

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

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

Какими бывают виды логотипов?

Графические знаки сейчас делятся на три основных типа –

иконочные, шрифтовые и комбинированные. Итак, чем они отличаются:

Комбинированные. Наиболее распространенный вид, к которому относятся более 70% современных лого. Содержит в себе как иконку, так и разборчивую надпись, а иногда и слоган фирмы. Он сочетает в себе ряд преимуществ, рекламируя не только графическую символику, но и название вашего бренда. По мнению экспертов, комбинированные логотипы являются наиболее подходящими для сайтов на WordPress и других целей. Однако вам также придется приложить больше усилий, чтобы гармонично расположить на объекте картинку и текст;

Иконочные. Данный вид представлен только изображением без надписи, что может быть как преимуществом, так и недостатком лого. Существует немало успешных мировых брендов, которые используют иконочные логотипы (Apple, Shell и т.д.) сделавшие их узнаваемыми во всем мире. Впрочем, разрабатывать такие знаки непросто, ведь дизайнеру нужно ярко и точно отобразить суть бренда в одной картинке без подсказок в виде названия или слогана. Поэтому лишь около 5% от всей массы современных лого являются иконочными;

Текстовые. В роли логотипа у них выступает шрифтовое обозначение бренда без каких-либо дополнительных иконок. Основной упор здесь делается на разработку оригинального шрифта, а также подбор расцветки букв. Текстовые знаки могут быть представлены как полным названием компании, так и аббревиатурой. Стоит отметить целый ряд крупных и знаменитых предприятий, которые используют подобные логотипы: Coca-Cola, IBM, eBay, Disney и т.д. В среднем, шрифтовая символика сейчас составляет около 30% от общего количества.

Итак, вы получили базовые сведения о современных лого, а сейчас пора перейти к рекомендациям по их оформлению.

Общие характеристики качественного логотипа

Начиная подготовку знака, стоит детально продумать стилистику, расположение и взаимосвязь его деталей. Это поможет вам без проблем разместить логотип на WordPress и гармонично встроить его в концепцию дизайна. Сейчас мы обсудим ключевые свойства хороших лого, а именно:

Читабельность. Все шрифты должны быть предельно разборчивыми на любой поверхности – от сайта или визитки до биллборда. Не стоит делать их надписи слишком изощренными и запутанными, ваши клиенты вряд ли оценят излишнюю вычурность;

Оригинальность. Самый главный принцип успешного логотипа – он должен быть нестандартным, привлекать внимание и выделяться в густом потоке рекламных объектов. Придумав оригинальную символику, вы сделаете большую часть дела и принесете ощутимую пользу своему бизнесу. Посмотрите нашу подборку крутых логотипов, чтобы набраться вдохновения;

Долговечность. При оформлении лого не стоит ориентироваться на модные тренды, ведь большая часть из них в ближайшее время потеряет актуальность. Подумайте, как сделать так, чтобы ваш фирменный знак выглядел свежим и современным даже спустя многие десятилетия;

Простота. Грамотно продуманная символика всегда проста и понятна, в ней воплощена основная суть бизнеса, без лишних элементов. Благодаря этому, в любом месте она будет выглядеть привлекательной и узнаваемой;

Масштабируемость. Еще одним значимым преимуществом логотипов для Вордпресс или прочих целей считается их адаптивность. Они должны без каких-либо искажений растягиваться или сжиматься, одинаково хорошо отображаться на любых экранах – от миниатюрного плеера до огромного телевизора или проектора. Для этого вам нужен вариант логотипа в векторе.

Далее, перейдем к деталям, важнейшими среди которых по праву можно назвать геометрическую форму, шрифты и цвета лого.

Как выбрать цвета и форму логотипа?

От расцветки логотипа напрямую зависит то, как его будет воспринимать аудитория. Например, красный цвет ассоциируется у большинства людей с опасностью и агрессией, а белый, синий, черный и серый цвета – со спокойствием, защищенностью и стабильностью. Поэтому многие фирмы используют для своей символики именно эти тона.

Рекомендуется не делать свой знак слишком пестрым, а вместо этого выбрать один или два ключевых цвета, которые станут основой всего вашего корпоративного стиля. При необходимости их можно разбавить дополнительными оттенками (максимум, 2-мя). Желательно разместить свой лого на белом фоне – он успокаивает и не раздражает зрение человека.

Что касается геометрической формы, то она также имеет определенное значение. Около двух третей современных логотипов (65%) выполнены в виде многоугольника, а треть представлена окружностью.

Следующим важным этапом оформления вашей символики станет подбор шрифтов, о нем вы узнаете далее по тексту.

Подбор шрифта

Шрифт является весьма значимой составляющей любого текстового или смешанного лого. Позаботьтесь, чтобы он гармонично сочетался со специализацией вашего бизнеса, а также с иконкой логотипа (их размеры должны быть соизмеримы). Очень важно, чтобы шрифт выглядел понятно и разборчиво при разных разрешениях экрана – сжатии, масштабировании и т.д.

Для этого рекомендуем протестировать его на всех доступных устройствах, это поможет вам избежать потенциальных проблем в будущем. Желательно выбрать один (максимум, два) шрифта и затем использовать их не только в лого, но и в других элементах корпоративной символики. Слишком широкое шрифтовое разнообразие может заметно ухудшить читабельность вашего графического знака.

Рассмотрев основные характеристики высококлассных логотипов, пора перейти к практическим нюансам их создания.

Как сделать логотип для веб-сайта WordPress?

Сейчас существует несколько способов оформления таких знаков – сделать своими силами или же воспользоваться услугами специальных сервисов.

Для самостоятельного оформления вам понадобится один из популярных графических редакторов (Adobe Illustrator или Adobe Photoshop), а также соответствующие знания и умения, хотя бы на уровне начинающего дизайнера.

Более легкий и оперативный способ получить логотип для WordPress предполагает применение онлайн-генераторов, в частности, Логастер, с такой последовательностью действий:

1) Введите название своей фирмы или бренда (еще можно добавить слоган) и укажите специализацию;

2) Выберите подходящий вариант из неограниченного количества возможных – с разными комбинациями шрифтов и иконок;

3) Отредактируйте лого до полного идеала – изменяйте его иконку или шрифты, цветовую гамму или текст, размеры или местоположение объектов;

4) Скачайте итоговый вариант в полноразмерной или демо-версии в любом из актуальных форматов.

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

Итак, теперь перейдем к финальному этапу – публикации лого.

Как вставить логотип на сайт WordPress?

Здесь мы кратко, но точно поведаем вам, как изменить логотип в WordPress. Это очень простая процедура, состоящая из нескольких шагов:

1) Заходите в панель управления системой;

2) Выбираете раздел «Внешний вид», а затем опцию «Настроить»;

3) Переходите по ссылке «Добавить логотип» и размещаете его на своем сайте (желательно, чтобы он имел прозрачный фон и PNG-формат).

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

Как видите, каждый желающий сможет без каких-либо сложностей создать лого для Вордпресс, применяя для этого передовые онлайн-технологии. Особенно просто и доступно осуществить это при помощи сервиса Логастер, важными преимуществами которого считаются оперативность, широчайший выбор вариантов и минимальная цена готовой работы.

Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.

Как добавить логотип на сайт WordPress?

Каждый день на платформе WordPress появляются больше 500 новых сайтов. Хотите выделиться на их фоне? Позаботьтесь о брендинге своего бизнеса, начав с логотипа. Как это сделать, расскажем в статье.  

  1. Три причины выбрать WordPress
  2. Роль логотипа на сайте
  3. Варианты создания эмблемы
  4. Как добавить логотип на сайт

Три причины выбрать WordPress

WordPress — одна из самых популярных систем с открытым кодом с миллионами пользователей по всему миру. Разработать сайт с ее помощью могут даже новички. Вот три факта, которые стоит знать:

  1. WordPress поддерживает больше 30% всех сайтов в интернете
  2. На этой платформе работает множество популярных ресурсов, например Forbes, The New York Times, Samsung, PlayStation, TED, CNN, Coca-Cola.
  3. В каталоге можно выбрать из более чем 5800 бесплатных тем для своей онлайн-платформы.

Читайте также пошаговое руководство как создать и оформить сайт-визитку.

Роль логотипа на сайте

  • Символ бренда. С помощью эмблемы вы можете рассказать о своем бизнесе, философии, ценностях и уникальном торговом предложении.
  • Отличительный знак. Лого — это уникальное изображение, которое поможет вам отстроиться от конкурентов и запомниться пользователям.
  • Ориентир. Кроме брендирования, у логотипа есть еще одна важная функция — навигации на сайте. Клик на лого должен возвращать пользователей на главную страницу.

Варианты создания эмблемы

  • Воспользоваться специальными программами. Именно так в 1998 году был создан первый логотип Google: один из основателей, Сергей Брин, нарисовал его в бесплатной программе GIMP. Хотите пойти по стопам Google? Воспользуйтесь редакторами Illustrator, Photoshop, Inkscape или Sketch и запаситесь временем.
  • Привлечь дизайнера. Если вы не уверены в своих силах, делегируйте задачу профессионалу. Но продумать идею лого и контролировать процесс создания все равно придется вам.
  • Использовать онлайн-сервис. Такие онлайн-конструкторы, как Logaster, позволяют быстро создать логотип и быть уверенным в качестве. Укажите название и сферу деятельности компании — и выбирайте из предложенных вариантов. Любое изображение вы можете редактировать неограниченное количество раз.

Как брендировать сайт на WordPress?

Разработайте индивидуальный фирменный стиль с Логастер! Чтобы начать, просто введите название компании в поле ниже.

Как добавить логотип на сайт WordPress?

WordPress — одна из самых простых в управлении систем. Чтобы добавить эмблему, вам нужно:

  • Выберите «Дизайн» и нажмите кнопку «Настройки».
  • Затем в «Идентификацию сайта».
  • Нажать «Добавить логотип» и загрузить его.
  • Система предложит вам обрезать логотип, вы можете пропустить этот шаг нажав на «Пропустить», или все же обрезать так, как это сделали мы. После, кликните на кнопку «Опубликовать», чтобы логотип появился на сайте.

Заключение

В завершение поделимся еще двумя полезными советами:

  • Кроме шапки сайта, разместите логотип в местах, на которые хотите обратить внимание пользователей, к примеру, возле контактов или отзывов. Но не увлекайтесь: больше одной эмблемы на одном экране быть не должно.
  • Проверьте, корректно ли отображается ваш сайт на мобильных устройствах: логотип не должен перекрывать заголовок или другие элементы, меню — быть таким же удобным, как на версии для компьютера, а фотографии — не обрезаться.

Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.

Как создать логотип для WordPress сайта | Дизайн, лого и бизнес

В настоящее время логотип играет очень важную роль в продвижении товаров и услуг компании. Везде нас окружат знаки многочисленных компании. Некоторые из них теряются в общей массе, а некоторые наоборот выделяются. Но у всех логотипов одна цель — отличить один бренд от других на рынке, для увеличение узнаваемости компании и соответственно прибили. В этой статье мы разберемся как разработать логотип для сайта на wordpress.

Создайте логотип за 5 минут

Нажмите кнопку «Создать» и мы бесплатно создадим варианты логотипа, на основе которых можно разработать фирменный стиль.

Что такое логотип и его разновидности

Логотип и фирменный стиль — это отличительные знаки и шрифты компании, отражающие ее идеи и деятельность. Также это способ отражения себя. Клиенты и партнеры компании подсознательно оценивают компанию по её визуальному виду. Иконки (значки) и сам логотип размещают на бланках, сайтах, конвертах, визитках, вывесках и используют в рекламе.

Виды логотипов могут быть разные по составу:

  • Буквенные
  • Аббревиатуры
  • Символы
  • Талисманы
  • Абстрактные логотипы
  • Эмблемы
  • Комбинации

Немного поясним по каждому из них. Буквенные логотипы состоят только из букв и их дизайн заключается в сочетание цвета и шрифта. Также допускается оригинальный дизайн в оформлении шрифта. Есть несколько ярких примеров данной категории логотипа — это Coca-Cola, Skype и Yahoo и т.д., но это далеко не все.

Аббревиатурные логотипы — это те же самые буквенные логотипы, в сочетании дизайна шрифта и цвета. Их отличие от первой категории в том, что они состоят из заглавных букв компании. Чтобы логотип не был громоздким и не занимал слишком много места, а был лаконичен, то используют данный вид. Особенно часто данные логотипы используют компании с длинными названиям или объединенные группы компаний. Данные логотипы хорошо воспринимаются как зрительно так и на слух.

Логотипы-символы. Данные лого, как правило, имеют свою длинную история и символ создавался и преобразовывался с течением времени. Яркими примерами данной категории являются автомобильные бренды, Apple и прочие.

Логотипы-талисманы. Некоторые источники не разделяют лого-символы и лого-талисманы. Но у них есть отличие: чтобы не путать последние два вида, разберём в чем разница. В отличии от логотипов-символов, которые несут в себе историю и идею компании, они созданы как графическое отображение. Талисманы создают лицо самой компании, используя изображение, как персонажа. Они более полно и ярко отражают задумку бренда, тем самым позволяя более полно разработать фирменный стиль. Яркие примеры: Логотипы олимпиад, KFC, Pringles.

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

Логотипы-комбинации включают в себя несколько элементов: название, слоган, символ, талисман или абстракцию. Такие знаки имеют большую популярность и используются достаточно часто. Их плюс заключается в том, что символ, талисман или абстракцию можно использовать в отдельности от названия для фавикона, сайтов и фирменного стиля в целом.

Последний вид логотипов, эмблемы — это надпись, символ или значок внутри фигуры. Они имеют свой лаконичный оригинальный дизайн, который хорошо запоминается людям. Но есть один минус: данные лого нужно использовать только в оригинальном виде. И нередко на маленьком формате эмблемы сливаются и плохо считываются.

Какой вариант логотипа подойдет именно вашей компании, вы должны определиться сами или попросить помощи профессионалов. Начать разработку своего лого можно самостоятельно в online конструкторе Turbologo.

Как создать свой логотип за пару кликов?

Создать логотип самому, который будет отражать характер вашей компании не так уж и сложно. Заходите на стартовую страницу сайта turbologo.ru и нажимайте на кнопку «Создать логотип». Далее вам нужно будет ввести название своей компании, слоган, а также выбрать сферу деятельности. На следующих шага вам нужно будет выбрать еще несколько параметров, чтобы алгоритмы машинного обучения подобрали подходящие вам варианты.  Чтобы увидеть логотипы, нужно зарегистрироваться на сайте, иначе выбранные вами логотипы не сохранятся в базе.

Генератор логотипов «Турболого»

Давайте попробуем пройти все шаги на примере логотипа для кальянной.

Шаг №1. Основа логотипа: название и слоган

Итак, вводим название. Слоган мы решили не использовать, а направление деятельности выбрали «развлечения».

Шаг №2. Выбор цветов и иконок

Выбираем цвет логотипа (подробнее о значении цвета читайте здесь) и переходим к выборку иконок, но если Вы не хотите их использовать, а хотели бы сделать лого в виде эмблемы или просто буквенный, то пропустите этот шаг.

Нажимаем на кнопку «Просмотреть логотипы» и видим предложенные нам варианты, созданные исходя из наших данных. Все эти лого можно будет отредактировать позже в разделе «Мои лого».

Шаг №3. Редактирование

Заходите в раздел «Мои лого» нажимаете на нужный логотип. Можно поменять практически все: название, слоган, цвета, иконки, шрифты и многое другое.

Выбираем отредактированный вариант, скачиваем и продолжаем работу.

Как вставить логотип в wordpress

Мы разобрались какие логотипы бывают и создали свой. Теперь необходимо создать сайт на WordPress и загрузим свой лого. В интернете есть платные и бесплатные сервисы, которые позволяют сделать свою страничку.

Добавление логотипа в wordpress:

  1. Для начала создайте сайт на wordpress. Для этого вам нужно зайти на https://wordpress.com
  2. Зайдите в админскую панель. Как правило она находится здесь: www.domain.ru/wp-admin/
  3. Перейдите в раздел редактирования сайта
  4. Загрузите свой новый логотип на сайт в формате PNG

Следуете простым инструкциям и загружайте логотип:

Нажимате «Publish» и готово! Мы разобрали и показали вам на личном примере как легко и просто можно создать для сайта на WordPress. Только от Вас зависит каким будет сайт. Следуя этим простым шагам, вы сможете сделать логотип и сайт полностью отражающий именно Вас и ваше дело.

В заключение

Создать логотип для сайта на wordpress — это не сложно! Главное чтобы было желание и идея. Во всём остальном вам поможет онлайн конструктор логотипов, который на основе искусственного интеллекта создаст для Вас лучшие варианты. Вам стоит только определится каким он будет с символом, буквенный, абстрактный или эмблемой.

Другие статьи

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

Как вставить логотип на сайт WordPress

Читатели блога «Мир Вебмастера» уже знают как создавать логотипы для веб-ресурсов – мы об этом говорили ранее в статье «Как создать логотип для сайта», и наверняка опробовали сервисы, представленные в материале  «5 Лучших генераторов логотипов для сайта». Пришло время украсить свой блог красивым и запоминающимся логотипом!

В сегодняшнем уроке я подробно расскажу как вставить/поменять логотип на сайт WordPress – подопытным «кроликом» выступит один из моих ресурсов. Но сначала узнаем: а есть ли там логотип в виде изображения? Для этого кликнем на названии сайта правой кнопкой мышки:

Как видите, система предлагает сохранить мне ссылку, предложений сохранить картинку нет. Значит логотип у меня текстовый. Он легко меняется по пути Консоль – Настройки – Общие, и нам в данном случае не интересен.

Если же у вас логотипом стоит картинка, следует его удалить. Проходим в раздел «Внешний вид» или «Дизайн». Есть пункт с названием шаблона – хорошо, удаляем там логотип. Нет – идем в Редактор и в header.php ищем код изображения, который следует удалить.

Итак, логотипа на вашем сайте нет. Создадим же его! Для этого запускаем клиент FTP (у меня, к примеру, FileZilla) и сохраняем изображение в папке /public_html/wp-admin/images. Путь может быть и другимwpcontent/themes/название_темы/images, например. Надеюсь, картинка у вас небольшая, поскольку стоит понимать, что все должно быть в меру и подходить по дизайну.

Итак, логотип загрузили. Кстати, можно картинку отправить в любое другое хранилище, но это будет лишней ссылкой на чужой сайт, оно вам надо? Если нет доступа к FTP, то сохраняйте картинку в любом сообщении блога – и забирайте адрес логотипа. В итоге код должен выглядеть примерно так:

<img src=’http://адрес сайта/wp-admin/images/картинка’>.

Теперь нужно определиться, куда его вставить. Для этого идем по пути Консоль – Дизайн – Редактор. И выбираем шаблон «Заголовок» (header.php).

Куда вставить код логотипа на сайте WordPress, зависит от шаблона. Ищите такие теги, как на картинке (напомню, быстрый поиск по тексту можно осуществить с помощью сочетания клавиш Ctri+F):

Я ничего подобного не нашел и пошел еще одним путем — вставил код после тега <div id=’header’>:

Теперь посмотрим что у меня получилось, идем на главную страницу моего сайта:

Уже что-то похожее на логотип, но выглядит все это неаккуратно и некрасиво. Можно убрать название в настройках, я так и сделаю и сдвину логотип на край. Для этого добавлю небольшие изменения в код:

<img src=’http://geroikryma.net/wp-admin/images/geroikryma.png’ style=’position:absolute; top: 40 px; left: 20px;’>

Здесь отсчет идет от верхнего и левого края страницы. Путем манипуляций и подбора отступов у меня получилось следующее:

Если вам необходимо вставить логотип как ссылку, нужно еще немного изменить код, прописав адрес к нужной странице:

<a href=’нужная_страница’><img src=’путь_к_картинке’ style=’position:absolute; top: Хpx; left: Ypx;’></a>

У меня получилось так:

Как видите, картинка стала ссылкой: есть адрес на ссылающуюся страницу и на урл картинки. Все, на примере одного из своих сайтов я рассказал как вставить логотип на сайт Вордпресс. Платформа эта очень разнообразная, где-то может у вас что-то не получится – но я рекомендую не отчаиваться, а раз за разом внимательно читать эту статью и установить все-таки логотип на свой блог.

Возможные ошибки:

  1. Большой размер картинки
  2. Непонимание где находится нужный шаблон
  3. Невнимательность с кодом
  4. Невозможность заливки картинки на сайт.

Что делать:

  1. Исправить размер картинки – редакторов много, найти их совсем не трудно. Тот же Paint есть на любом компьютере с ОС Windows.
  2. Тут нужно внимательно смотреть на представленный скриншот. Если не получается – пошевелите мозгами и найдите подобный файл. Хотя он вроде как одинаков во всех шаблонах.
  3. Лечится внимательностью и созданием кода в Блокноте, например, а уже потом переносом его в редактор WP.
  4. Картинку можно залить на любую страницу вашего сайта – если никогда не работал с FTP. Просто добавьте изображение в новый пост. И все.

Успехов!

Как установить логотип на WordPress-сайт

Последнее обновление:25/10/14

Сегодня мы узнаем, как установить логотип на WordPress — сайт

На днях потратила несколько часов на решение такой задачи. И самое смешное то, что задача-то элементарная, и я это уже делала раньше.

Логотип вставляла на сайт заказчика, и что-то заклинило! Пришлось даже обратиться за помощью к друзьям. Однако, у кого-то не было времени разобраться досконально в том, что у меня не получается, кто-то и сам этого не знает. От последних получила задание: как разберусь, написать об этом пост. Что и делаю, попутно вставляя логотип на этот блог.

Итак, задача состоит из трех элементарных действий:

  1. Загрузить картинку с логотипом на хостинг.
  2. Поставить эту картинку в шапку сайта и сделать ее кликабельной.
  3. Расположить логотип так, как нужно.

И – самый главный пункт: сделать все это так, чтобы не нарушить работоспособности сайта!

Выполняем задачу, устанавливаем логотип:

  1. Загрузить картинку логотипа на хостинг.Если не знаете, как это сделать, почитайте мою статью: «Как загрузить файл на хостинг». Сейчас Вы будете загружать файл не в корень сайта, а в папку  images Вашей темы. Для этого на хостинге Вам нужно последовательно открыть папки:
    public_html  → wp-content → themes → папка с Вашей темой→ imagesОбъясню, как это сделать в файловом менеджере Filezilla.

    Открываете папки двойным щелчком в окне «Удаленный сайт». При этом в адресной строке Вы сразу видите, в какой папке в данный момент находитесь.

    В левой части окна Filezilla под заголовком «Локальный сайт» показывается содержимое Вашего компьютера. Найдите папку, в которой находится файл логотипа.

    Теперь у Вас друг напротив друга находятся содержимое папок: слева – откуда Вы будете загружать логотип, справа – куда загружать.

    Двойным щелчком щелкаете на названии файла слева, через несколько секунд файл появится в папке справа (если не появился, вернитесь на один уровень вверх и снова откройте эту же папку).

  2. Поставить логотип в шапку сайта и сделать его кликабельным.Чтобы это сделать, нам нужно написать код, отвечающий за вставку картинки на сайт и вставить его в файл, отвечающий за изображение шапки сайта.Код этот я привожу ниже:

    <a href=»Url Вашего сайта»><img title=»logo» alt=»logo» src=»/адрес папки, в которой находится картинка/logo.png» /></a>

    <a href=»Url Вашего сайта»><img title=»logo» alt=»logo» src=»/адрес папки, в которой находится картинка/logo.png» /></a>

    Здесь:
    Url Вашего сайта  — адрес Вашего сайта,
    адрес папки, в которой находится картинка – его Вы можете скопировать в адресной строке под заголовком «Удаленный сайт» (см. скриншот) ,
    logo.png – название файла с логотипом (расширение .png и прозрачный фон картинки – обязательны для логотипа).

    За шапку сайта отвечает файл header.php, туда и будем вставлять этот код.


    Помните!!! 
    Всегда, прежде чем что-то менять в файлах сайта, делайте их копию к себе на компьютер, иначе можете так изменить, что сайт вообще не будет работать.
    Создайте на компьютере временную эталонную папку и туда скачайте header.php.
    Создайте еще одну папку — рабочую, в которую будете сохранять измененные файлы.
    Редактировать файлы можно по-разному. Правильнее всего: скачать файл на компьютер (в рабочую папку), отредактировать его в каком-нибудь текстовом редакторе (например, Notepad++), сохранить в ту же рабочую папку и оттуда снова закачать на хостинг.

  3. Скачать файл с хостинга
    В Filezilla теперь надо сделать обратную операцию: скачать файл с хостинга. Файл header.php находится в папке с Вашей темой, эту папку Вам и надо открыть в правой части.
    Поскольку после предыдущего шага Вы находитесь в папке images, Вам надо вернуться на один шаг вверх. Для этого двойным щелчком кликните на изображении папки с двумя точками рядом (она стоит в списке первой) в нижней правой части.
    Слева открываете эталонную папку.
    Находите справа файл header.php и двойным щелчком копируете его в эталонную папку, а затем то же самое проделывайте, раскрыв слева рабочую папку.
    Теперь работаете в рабочей папке на компьютере. Выделяете файл, нажимаете правую кнопку мыши и в контекстном меню выбираете «Edit with Notepad++» (или открываете файл в другом текстовом редакторе).Вставлять наш код нужно после тега <body. А вот куда вставить – в этом и заключалась моя проблема. Файл header.php на сайте заказчика имел весьма сложную структуру с множеством разветвлений. А, признаюсь, в знании php я — если не полный ноль, то ушла от него очень недалеко. Я вставила код логотипа в самое логичное место, с моей точки зрения: рядом с названием сайта. Сохранила, закачала на сервер, обновила сайт – ничего! Смотрю исходный код страницы – вставленного кода нет!Возвращаюсь, проверяю код, ошибки не вижу. Что-то меняю, повторяю весь процесс – безрезультатно! Переношу код в другое место – никакого эффекта! Провозившись достаточно долго, обращаюсь в чат группы Дмитрия Маторы, у которого я год назад начала обучение фрилансерству, а с согруппниками мы до сих пор помогаем друг другу. В процессе переписки продолжала переставлять код, потому что в правильности его я не сомневалась. И вот, после очередной перестановки, логотип на сайте появился. Но… он был некликабелен. Мало того, некликабельным было и название сайта. Причем, поскольку сайт не мой, я не обратила внимания, было ли оно кликабельным изначально.Напоминаю, что я сейчас, описывая эту задачу, вставляю логотип на свой блог. Так вот, на моем блоге логотип появился сразу. И, главное, он —  кликабелен, название блога – тоже.

    А вставила я код почти сразу после после тега <body>, а точнее чуть ниже, в блоке header (сразу следом за тегом <div id=»header»>, который открывает этот блок).

    На сайте заказчика, в конце концов, вставила код так же — ближе к тегу <body>, еще до всех операторов php и их разветвлений. И все получилось! И логотип, и название сайта – все кликабельное, как и полагается.

    Но без позиционирования логотип может встать не так, как Вам бы хотелось.

  4. Спозиционировать логотип
    Я добавила такие стили в код после title=»logo» перед ></a>:

    style=»width:70px; height:70px; margin:10px; float:left;»

    style=»width:70px; height:70px; margin:10px; float:left;»

    Здесь:
    width – ширина картинки
    height – высота картинки (не обязательно должны совпадать)
    margin – отступы картинки сверху и слева от краев шапки
    float – для того, чтобы название «не убегало» ниже картинки.

 

Вот мы и выполнили задачу. Как встал логотип на моем блоге, Вы можете посмотреть и сразу же проверить кликабельность и логотипа, и названия сайта. Надеюсь, Вы знаете, как это проверить, не нажимая на картинку или текст. Обычно при наведении на кликабельный объект указатель мыши превращается в руку, а внизу слева показывается адрес, куда ведет ссылка. В данном случае должен показываться адрес сайта.

P.S. Если установленный логотип Вам не понравился или разонравится потом, поменять его можно так:

  • Создать файл логотипа с тем же именем, что и на хостинге.
  • Загрузить его на хостинг в ту же папку images. Подтвердить, что Вы хотите заменить файл.
  • Обновить сайт. Иногда новый логотип появится на сайте не сразу. Возможно, придется чистить кэш браузера.

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

А в завершение статьи и наших трудов развлекательный видеоролик:


Это тоже интересно:

Logos Showcase v1.9.2.1 — красивый вывод логотипов для WordPress

Logos Showcase – Multi-Use Responsive WP Plugin – Плагин, для идеального отображения своих изображений в виде сетки или эффектного слайдера с поддержкой нового, легкого в использовании визуального редактора.

Этот плагин идеально подходит для: 

  • Отображение своих клиентов, партнеров, команды, спонсоров и логотипы компаний на вашем сайте;
  • Создание сетки изображений используя внешние или внутренние ссылки;
  • Любое другое творческое использование плагина, которое придет вам в голову.

Вам предоставляется возможность отображать картинки 3-мя различными способами. Нормальная сетка – изображения будут иметь фиксированный размер, и занимать всю площадь отведенного под изображения пространства. Тем самым адаптируясь под размеры блоков, размеры экранов устройства и так далее. 

Отзывчивая сетка – подразумевает собой заранее установленное количество столбцов и строк в отображении картинок, размеры которых будут автоматически корректироваться в зависимости от разрешения экранов устройств.

Стандартный горизонтальный слайдер – позволит вам вывести изображения в эффектно анимируемом слайдере, полностью отзывчивом и с поддержкой сенсорных экранов. Слайдер поддерживает огромное количество настроек, таких как скорость движения слайдов, автоматическое листание слайдов, количество слайдов для отображения и многое другое…

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

Плагин оснащен несколькими предустановленными стилями, которые вы сможете предопределить еще до загрузки изображения. 

Фильтр по категориям:

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

Живой фильтр категорий: 

Вы сможете использовать новую функцию плагина – Живой фильтр. Благодаря нему, пользователи сами смогут голосовать какого типа изображения и какие категории они хотят видеть на вашем сайте. 

Установка URL-адреса: 

Конечно же плагин поддерживает привязки к изображениям уникальной ссылки для перехода на новую страниц или другой сайт. 

Поддержка виджета и визуального конструктора: 

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

Автоматическая генерация шорт-кодов и PHP кода: 

Если вы хотите отобразить элементы плагина за пределами работы виджетов, для вас это не будет проблемой. Просто на просто, генерируете шорт-код, если хотите добавить изображения в статью или на страницу, либо короткий PHP-код для быстрого добавления непосредственно в файлы темы, размещаете в нужном месте и наслаждаетесь работой.

Возможность выгрузки и загрузки изображений: 

Если вы хотите добавить сразу больше количество изображений на сайт, не проблема, плагин умеет работать с импортом и экспортом контента. 

Изначально плагин был создан для отображения списка логотипов, клиентов, спонсоров и так далее. Но вы можете использовать его в любых других целях, если вам требуется аккуратно выводить список изображений с ссылками. Будьте креативными и развивайте свой проект!

Как создать логотип в WordPress

Визитная карточка любого ресурса — это логотип. Его отсутствие, конечно, вряд ли сделает ваш сайт привлекательным. Однако, если вам не очень хочется разбираться со всем этим, то логотип в WordPress можно заменить простой стандартной записью, которую легко поменять в настройках сайта. Конечно, для сайта коммерческой направленности отсутствие логотипа и вообще внятного дизайна будет играть очень важную роль, ведь никто не будет доверять сайту сделанному «на коленке».

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

Плагин для создания логотипов

Чтобы создать логотип в WordPress отлично подходит плагин Logaster. Это отличное решение для тех людей, кто по каким-либо причинам не хочет обращаться к профессиональным дизайнером. С этим плагином можно создать вполне красивый и запоминающийся логотип, при этом без использования графических редакторов.

Чтобы начать использовать это дополнение достаточно просто установить его через панель управления WordPress. Этот плагин сделали люди, которым принадлежит сервис Logaster, который оказывает различные графические услуги, вроде создания визиток и фавиконок. После его установки, необходимо зайти в меню «Logos» и нажать на «Create Logo». Там нужно ввести данные о вашем ресурсе: название, девиз и выбрать категорию вашей деятельности. После этого плагин автоматически выдаст вам различные виды логотипов, из которых вам нужно выбрать понравившийся.

В Logaster содержится огромное количество различных иконок и стилей для лого. Каждый сможет найти что-то подходящее. Логотип в WordPress созданный этим плагином вы можете менять как угодно — шрифт, фон, расположение графики и прочие настройки.

Сохраните ваше лого, и готово — теперь ваш ресурс имеет свой отличительный знак. Все это доступно бесплатно, однако, если вы собираетесь печатать логотип на визитках или использовать где-то, кроме своего ресурса, то тогда необходимо платить. Конечно, самым лучшим вариантом будет обратиться к профессионалу, который занимается этим не один год и имеет огромный опыт в этой сфере.

Как добавить собственный логотип на свой сайт WordPress (Пошаговое руководство)

Это кажется простым, но есть много способов сделать это: Как добавить собственный логотип на свой сайт WordPress?

Это действительно зависит от выбранной вами темы, когда дело доходит до загрузки изображения на ваш сайт WordPress. Для начала вы активируете свою тему и отправляетесь на охоту за местом, где можно загрузить свое изображение.

В большинстве случаев вы можете найти вкладку в левой части панели инструментов WordPress.В зависимости от того, выберете ли вы бесплатную, платную или дочернюю тему, вы обычно можете рассчитывать найти область загрузки логотипа на вкладке « Внешний вид » вкладок «Настройки».

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

Я знаю, что есть множество разработчиков, которые продают свои услуги нескольким клиентам. Вероятно, вы захотите обозначить каждую область входа в WordPress, чтобы предлагать преимущества white label каждому из ваших клиентов.

Итак, мы также поговорим о том, как удалить брендинг WordPress, когда люди входят в систему, чтобы они также могли видеть свой логотип.

Давайте посмотрим.

Добавление собственного логотипа во внешний интерфейс вашего сайта WordPress

Начнем с загрузки логотипа в бесплатную тему WordPress. Вы можете найти эти темы, перейдя в Внешний вид> Темы .

Большинство из них бесплатны, и вы можете найти несколько хороших тем, но обычно вы не получаете стабильности или поддержки, как в случае с премиальной темой.Тем не менее, наиболее распространенный метод добавления логотипа в эти бесплатные темы (и некоторые премиальные темы) довольно прост.

Шаг 1

Войдите в свою панель управления WordPress и щелкните вкладку «Внешний вид» слева. Перейдите в раскрывающийся список «Заголовок» и нажмите эту кнопку.

Шаг 2

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

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

Шаг 3

Многие темы помещают текст-заполнитель в область логотипа, пока вы не загрузите свое изображение. Чтобы удалить этот текст, снимите флажок «Показать текст заголовка с изображением». Нажмите кнопку «Сохранить изменения», чтобы продолжить.

Шаг 4

Перейдите во внешний интерфейс вашего веб-сайта, чтобы просмотреть логотип.Я заметил, что некоторые темы размещают изображение в нужном месте, в то время как другие, как правило, размещают логотип под меню (как показано ниже). Для некоторых это может не представлять проблемы, но на типичных сайтах логотип над меню в верхнем левом углу. Вот и все для этого метода.

Альтернативный метод 1 — поиск вкладки загрузки

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

Шаг 1

Перейдите на вкладку «Параметры темы» в левой части панели инструментов. Еще раз, это имя может отличаться в зависимости от вашей темы.

Шаг 2

В этой теме есть раздел General, в котором находится область загрузки логотипа. Разработчики часто включают вкладки в стиле аккордеона, чтобы вы могли переходить от предпочтений к предпочтениям.Найдите место, где вы можете загрузить логотип, и все будет в порядке.

Шаг 3

Найдите логотип на своем компьютере и загрузите его на сайт. Вы можете отбросить и изменить изображение после загрузки, как показано ниже, но я бы рекомендовал использовать для этого редактор изображений перед загрузкой. Не стесняйтесь добавлять альтернативный текст и заголовок. Это оно!

Альтернативный метод 2 — Изменение кода

Я оставил это моим последним методом, потому что я знаю, что люди обычно предпочитают нажимать кнопку и загружать изображение, но изменение кода — лучший способ получить логотип именно там, где вы хотите, и как вы хотите, чтобы он выглядел.

Шаг 1

Перейдите на вкладку «Медиа» и загрузите изображение на сервер.

Шаг 2

Найдите файл Header.php . Не рекомендуется изменять это на панели инструментов, поэтому попробуйте изменить код в локально сохраненных файлах WordPress.

Шаг 3

Найдите строку, в которой есть квадратные скобки

. Обычно вы можете выполнить функцию Ctrl + F и ввести «h2», чтобы найти это.

Шаг 4

Удалите все, что находится после тега

и перед тегом

.В моем случае вы заметите, что он включает

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

”Мой

Шаг 5

Измените место, где написано image_name.jpg, на URL-адрес загруженного вами логотипа. Измените текст My Site на любой, какой вы хотите использовать в качестве альтернативного текста, например, название вашего сайта. Это оно!

Добавление фирменного стиля White Label для клиентов веб-сайтов

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

Шаг 1

Установите и активируйте плагин Login Logo на своем сайте WordPress.

Шаг 2

Убедитесь, что имя файла вашего логотипа — login-logo.png.

Шаг 3

Загрузите файл в папку WP-Content /. После загрузки ваша страница входа должна выглядеть примерно так:

Шаг 4

Единственным улучшением для этого плагина будет простая кнопка для загрузки изображения на вашу панель инструментов, но, поскольку разработчики, очевидно, имеют доступ к папкам WP-Content, это не должно быть проблемой.Вы также можете попробовать некоторые другие доступные плагины с настраиваемым логотипом для входа, если они вам не подходят.

Инструменты для создания логотипов

Мы узнали, как разместить логотип на вашем сайте WordPress, в интерфейсе пользователя и на странице входа, но как насчет инструментов для создания собственных логотипов? Если у вас есть опыт в дизайне, мне, вероятно, не придется говорить вам использовать такие опции, как Adobe Illustrator, Photoshop или GIMP. Для тех из вас, кто не слишком разбирается в дизайне логотипов, вот несколько советов:

1.Бренды Портных

Tailor Brands — еще один популярный генератор логотипов со стильным дизайном. Вы начнете с ввода некоторых сведений о своей компании, таких как название, отрасль и т. Д.

Вы также можете выбрать один из различных стилей логотипа, например, на основе имени или на основе значка. Затем инструмент покажет вам несколько предложений. Выбрав дизайн, вы сможете настроить его стиль, шрифт, текст и т. Д.

Tailor Brands также предоставит вам много предварительных обзоров того, как это может выглядеть в различных ситуациях.Вы можете бесплатно скачать версии своего логотипа в низком разрешении, но за версии в высоком разрешении придется платить по цене от 3,99 доллара в месяц.

Используйте наш код купона Tailor Brands — WPKUBE , чтобы получить скидку 25%.

Плюсы
  • Он автоматически генерирует логотипы для вас.
  • Предлагаемые логотипы выглядят довольно стильно, так как создаются автоматически.
  • Вы можете настроить внешний вид логотипа.
Минусы
  • У вас нет полноценного редактора перетаскивания для полных настроек.
  • Чтобы скачивать изображения с высоким разрешением, нужно заплатить.

2. Выдвижной

Hatchful — это бесплатный инструмент для создания логотипов от Shopify, хотя вам не нужно быть владельцем магазина Shopify, чтобы его использовать.

Это простой процесс настройки: вы добавляете свою отрасль, выбираете визуальный стиль и вводите название своей компании. Затем он даст вам несколько предложений.

Если вы найдете логотип, который вам понравится, вы сможете выбрать из различных цветовых палитр и значков в соответствии с вашими потребностями.

Плюсы
  • Это 100% бесплатно.
  • Хотя логотипы не броские, некоторые из них довольно стильные.
  • Вы можете настроить значки и текст.
Минусы
  • У вас нет 100% контроля. Например, хотя вы можете выбирать разные цветовые палитры, вы не можете вводить конкретные шестнадцатеричные коды цветов.

3. Логомакр

Logomakr — это действительно хороший инструмент для создания логотипов, который дает вам довольно простой интерфейс, но при этом обеспечивает большой контроль.

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

Плюсы
  • Вы можете просмотреть более миллиона изображений для включения в свой логотип.
  • В логотипы можно включать фигуры.
  • Если вы готовы заплатить 19 долларов, вы можете загрузить векторные файлы SVG и PDF с высоким разрешением.
Минусы
  • Логотип предоставляется бесплатно только для некоммерческого использования (в таких случаях необходимо указать авторство).

4. MarkMaker

MakerMaker — действительно крутой бесплатный генератор логотипов, который использует искусственный интеллект, чтобы помочь вам получить логотип, который вам нравится. Вы начинаете с ввода названия вашей компании / веб-сайта. Затем MarkMaker сгенерирует несколько логотипов на основе вашего имени.

А теперь — крутая часть. Вы можете нажать «сердечки» на стили логотипов, которые вам нравятся.Затем, когда вы прокручиваете страницу с бесконечной загрузкой, MarkMaker продолжит генерировать новые идеи на основе идей, которые вам уже нравятся.

Идея состоит в том, что по мере того, как вы даете ему больше информации, он дает вам все больше и больше индивидуальных предложений по логотипу. Как только вы найдете тот, который вам нравится, вы можете настроить текст и цвета, а затем загрузить его бесплатно.

Плюсы
  • Инструмент создает логотипы для вас, что отлично, если вы не разбираетесь в дизайне.
  • По мере того, как вы добавляете отметки «Нравится», логотипы становятся более персонализированными.
  • Логотипы можно скачать бесплатно.
Минусы
  • Логотипы довольно простые — просто текст и, возможно, какие-то формы. Не ждите чего-то супер уникального.

5. Designapp

Designapp — это бесплатный инструмент для создания логотипов, который позволяет создавать собственный логотип, используя подробный графический интерфейс и полезные элементы, такие как формы и значки. Если вы хотите создать свой логотип с нуля, этот инструмент предоставляется бесплатно.

Однако вы также можете заплатить за использование (и настройку) готовых шаблонов, что позволяет вам начать с уже готового продукта.

Плюсы
  • Вы можете создать свой собственный логотип бесплатно.
  • Включает в себя множество фигур и значков.
  • Вы получаете идеальный контроль над своим дизайном.
Минусы
  • Вы начинаете с чистого листа, если не хотите платить за шаблоны — это не поможет вам создать отправную точку, как некоторые другие разработчики логотипов.

6. Canva

Canva — это популярный онлайн-инструмент графического дизайна, который, вероятно, более известен как инструмент для создания изображений в социальных сетях и блогах.Тем не менее, он также является отличным вариантом для создания логотипа и включает в себя множество шаблонов логотипов, которые вы можете использовать для начала работы.

Вам понадобится платная версия Canva, если вы хотите загрузить свой логотип с прозрачным фоном.

Однако Canva предлагает 30-дневную бесплатную пробную версию, которая даст вам достаточно времени для бесплатного создания логотипа.

Плюсы
  • Canva дает вам большую гибкость, когда дело касается шрифтов, цветов, макетов и т. Д.
  • Есть множество готовых шаблонов на выбор.
  • Вы можете загрузить свой логотип во множестве различных форматов.
Минусы
  • Чтобы загрузить логотип с прозрачным фоном, вам понадобится платная версия (но есть бесплатная пробная версия).
  • Canva не специализируется на логотипах, в отличие от некоторых других инструментов, но с ними прекрасно работает.

Дайте нам знать в разделе комментариев, если у вас есть какие-либо вопросы о том, как добавить собственный логотип на ваш сайт WordPress.Или, может быть, вы нашли альтернативный метод? В любом случае, я хотел бы услышать об этом все!

Настройка логотипа — Total WordPress Theme

Total включает в себя некоторые встроенные параметры не только для изменения внешнего вида текстового логотипа по умолчанию, но и для загрузки вашего собственного логотипа изображения и логотипа изображения сетчатки глаза, если это необходимо.

Чтобы изменить логотип по умолчанию, перейдите в Внешний вид> Настроить> Заголовок> Логотип (но обратите внимание, что вы также можете изменять логотип для каждой страницы, используя настройки страницы, которые, возможно, стоит проверить, импортировали ли вы демонстрацию в качестве демо может использовать стиль Overlay Header с собственным логотипом).

Настройка текстового логотипа

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

Добавление значка к вашему логотипу

Вы можете легко добавить значок к текстовому логотипу, который может выглядеть действительно круто в зависимости от вашего веб-сайта. На вкладке «Стиль» раздела заголовка вы также найдете параметры для изменения правого поля для значка и цвета.

Изменение цвета логотипа

На той же панели «Заголовок» под тегом «Логотип» можно выбрать разные цвета для текстового логотипа.

Изменение типографики логотипа

Чтобы изменить семейство шрифтов вашего логотипа, размер, межбуквенный интервал и т. Д. Вы сделаете это на Внешний вид> Настроить> Типографика> Логотип . См. Ниже:

Добавление собственного логотипа изображения

Просто используйте поле «Image Logo», чтобы загрузить или перетащить ваше изображение логотипа. Этот логотип может быть в любом формате (лучше всего png или jpg) и любого размера.

Высота логотипа

В отличие от других тем в Total, ваш логотип не имеет ограничений по размеру, позволяющих загружать любое изображение логотипа, которое вы хотите, и отображать его полностью.Однако иногда вам может потребоваться загрузить большой логотип и отобразить его в меньшем размере, вы можете легко сделать это с помощью встроенных настроек высоты.

Примечание : Хотя это не обязательно, лучше всего ввести высоту в пикселях (указать пиксели в поле), а затем установить флажок «Применить высоту», чтобы он применялся к логотипу (высота по умолчанию используется только для сетчатка и атрибут высоты изображения).

Максимальная ширина логотипа

Если ваш логотип действительно большой, как и ваше меню, они могут перекрывать друг друга, если вы используете стиль заголовка 1.Используйте параметр «Макс. Ширина логотипа», чтобы ограничить ширину вашего собственного изображения логотипа и предотвратить наложение. Использование параметра «Высота» вместе с флажком «Применить высоту» также может работать для этого, нет необходимости делать и то, и другое.

Логотип Retina Image

Total включает опцию, с помощью которой вы также можете загрузить собственный логотип изображения для устройств Retina.

Важно : Обязательно введите значение в поле «Стандартная высота логотипа Retina», иначе ваш логотип Retina будет отображаться в полном размере, а не в правильном размере для дисплея Retina.Это значение должно быть равно высоте стандартного изображения логотипа.

Как добавить собственный логотип в WordPress

В этой статье описывается, как добавить собственный логотип на сайт WordPress. Добавление логотипа на ваш сайт WordPress — отличный способ персонализировать сайт или добавить информацию о бренде.

Эти инструкции применимы к темам Twenty Fifteen, Twenty Sixteen и Twenty Seventeen, включенным в стандартные установки WordPress. Другие темы могут потребовать других шагов для добавления собственного логотипа.

Добавление собственного логотипа

Чтобы улучшить свой сайт с помощью собственного логотипа, выполните следующие действия:

  1. Войдите на страницу администрирования WordPress.
  2. На левой боковой панели щелкните, чтобы развернуть меню.
  3. В разделе нажмите. Откроется страница настройки.

  4. На левой боковой панели щелкните. Появится панель «Идентификация сайта».
  5. На панели «Идентификация сайта» щелкните Выбрать логотип. Откроется вкладка «Медиа-библиотека» диалогового окна «Выбор логотипа»:

  6. Чтобы загрузить файл логотипа, щелкните вкладку «Загрузить файлы» в верхнем левом углу диалогового окна «Выбор логотипа».
  7. Чтобы загрузить файлы, вы можете перетащить их из файлового менеджера вашего компьютера или нажать «Выбрать файлы». Если вы нажмете «Выбрать файлы», откроется диалоговое окно «Выгрузка файлов». В диалоговом окне «Загрузка файла» перейдите к месту с изображением, которое вы хотите использовать, а затем дважды щелкните изображение, чтобы загрузить его.

  8. После загрузки файла откроется вкладка «Медиа-библиотека» с выбранным загруженным файлом.
  9. В правой части медиальной библиотеки заполните текстовые поля «Заголовок», «Заголовок», «Замещающий текст» и «Описание», а затем нажмите «Выбрать».Откроется диалоговое окно «Обрезать изображение».

  10. С помощью маркеров изменения размера выберите часть загруженного изображения, которая будет отображаться в качестве логотипа, а затем нажмите «Обрезать изображение». Появится экран настройки с выбранным обрезанным изображением, отображаемым в поле изображения логотипа:

  11. Поскольку пользовательские изображения логотипов часто содержат название сайта или компании, а также слоган или строку тега, вы можете удалить заголовок сайта и слоган, которые являются частью темы.На панели идентификации сайта удалите заголовок и слоган сайта, сняв флажок Отображать заголовок и слоган сайта:

  12. В верхней части панели «Идентификация сайта» нажмите «Сохранить и опубликовать»:

  13. После того, как WordPress сохранит настройки, щелкните X в верхнем левом углу панели Site Identity, чтобы вернуться на страницу администрирования WordPress.

Как изменить логотип в WordPress 2021 [Простое руководство]

Если вы хотите добавить или изменить логотип на своем веб-сайте WordPress, это руководство поможет вам с деталями.Мы расскажем, как добавить индивидуальный логотип в заголовок вашего веб-сайта, изменить размер логотипа и т. Д.

Наличие профессионального логотипа в вашем блоге не только помогает в брендинге веб-сайта, но и улучшает его внешний вид. Но часто ему не уделяется должного внимания. По умолчанию WordPress не применяет логотип к вашему сайту. Он показывает только заголовок вашего веб-сайта в области заголовка вашего блога.

Но вы можете легко добавить или изменить логотип, выполнив несколько простых шагов.

Как изменить логотип сайта в WordPress? В большинстве тем вы можете изменить логотип, перейдя в раздел Внешний вид на панели инструментов WordPress и выбрав Настроить. Здесь вы получаете вкладку под названием «Идентификация сайта» , в которой есть возможность изменить логотип, загрузив изображение с вашего компьютера или выбрав существующее изображение из вашей медиа-библиотеки.

Давайте подробно рассмотрим эти шаги:

Как изменить логотип на WordPress

Возможность смены логотипа WordPress меняется с темы на тему.Однако большинство тем дают вам возможность изменить логотип в разделе «Внешний вид» на панели инструментов WordPress.

Вот стандартные шаги по изменению логотипа WordPress:

  • Шаг 1- Войдите в WordPress Admin . На панели инструментов — Левая панель — щелкните Внешний вид (значок кисти) из списка параметров — и выберите Настроить
  • Шаг 2 — Щелкните вкладку — Идентификация сайта , которая дает вам возможность изменить логотип, а также измените название сайта
  • Шаг 3- Нажмите Изменить логотип и загрузите изображение, которое вы хотите использовать в качестве логотипа сайта
  • Шаг 4- Нажмите Сохранить и опубликовать

Примечание : Если эти шаги не работают для вас или вы не можете найти эти параметры, возможно, это из-за вашей темы.У некоторых тем может быть другой путь для изменения логотипа. Для этого просто погуглите, как изменить логотип для темы xxx (название вашей темы), или проверьте раздел поддержки вашей темы WordPress.

Вкладка «Идентификация сайта» также дает вам возможность изменить заголовок сайта и значок сайта

Давайте посмотрим, что означают эти термины и как получить к ним доступ:

Значение различных терминов — логотип, название сайта и значок сайта

  • Логотип — это изображение, которое появляется в разделе «Заголовок» веб-сайта и отображается на всех его страницах.Это может быть просто название вашего блога, то есть текст, символ или их комбинация в формате изображения.
  • Заголовок сайта — это название вашего блога, которое отображается рядом с логотипом в разделе заголовка. Вы можете скрыть заголовок сайта и оставить только логотип
  • Значок сайта , также называемый favicon — это изображение, которое появляется рядом с URL-адресом вашего веб-сайта в браузере

Какой размер логотипа использовать

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

Тема, которую вы используете, также играет здесь важную роль.

Обычно размер изображения 250 пикселей (ширина) х 100 пикселей (высота) подходит для большинства блогов.

Это также зависит от выбора стиля логотипа — горизонтального или вертикального.

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

Для горизонтального макета:
— 250 пикселей x 150 пикселей
— 350 пикселей x 75 пикселей
— 400 пикселей x 100 пикселей
Для вертикального (квадратного) макета:
— 160 пикселей x 160 пикселей

Как создать логотип вашего сайта

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

Вы можете черпать вдохновение в логотипах ведущих брендов, которые вы используете. Выбор цветов, символов и т. Д. Должен исходить из темы вашего веб-сайта.

Здесь вам может понадобиться небольшая помощь.

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

Вы можете бесплатно создать профессиональный логотип с помощью замечательного онлайн-инструмента Canva.com. На веб-сайте есть множество готовых шаблонов логотипов, которые вы можете настроить в соответствии с требованиями вашего сайта

Canva — отличный ресурс для создания логотипа вашего веб-сайта

О чем следует помнить при создании логотипа для блога:

  • Сделайте его уникальным — выделитесь из толпы
  • Удачно используйте цвета и шрифты.Вы можете использовать сочетание цветов и шрифтов.
  • Будьте проще, не переусердствуйте
  • Сделайте это запоминающимся

Некоторые другие ресурсы, которые можно использовать для создания логотипа веб-сайта, включают Adobe Spark и Logaster.

Как создать фавикон для вашего веб-сайта

Фавиконы — это крошечные значки, которые отображаются перед URL-адресом вашего сайта в адресной строке браузера.

Значок также появляется, когда ваш веб-сайт ранжируется в результатах поиска в Google.Таким образом, наличие привлекательного значка также помогает повысить рейтинг кликов. Таким образом, это помогает с SEO вашего сайта.

Убедитесь, что у вас есть хотя бы значок для вашего веб-сайта и не оставляйте его пустым. Люди склонны более положительно реагировать на изображения, чем на текст. Отсутствие значка значка на вашем веб-сайте при его отображении в результатах поиска Google может привести к тому, что некоторые посетители будут игнорировать вашу страницу.

Значок также отображается рядом с названием публикации или страницы на вкладке браузера, что упрощает идентификацию и навигацию по вашему веб-сайту.

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

Вот несколько распространенных примеров значков для amazon.com, youtube.com:

Ресурсы для создания Favicon

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

Вы можете оставить изображение значка таким же, как и ваш логотип.

Как изменить заголовок сайта в WordPress

Вы можете изменить название сайта своего блога, перейдя на

Настройки -> Общие -> Название сайта

Политика в отношении товарных знаков

— WordPress Foundation

WordPress Foundation владеет и контролирует товарные знаки для названий и логотипов WordPress и WordCamp.Мы разработали эту политику использования товарного знака, имея в виду следующие цели:

  1. Мы хотели бы упростить для всех использование названия или логотипа WordPress или WordCamp для ориентированных на сообщество усилий, которые помогают распространять и улучшать WordPress.
  2. Мы хотели бы прояснить, как компании и проекты, связанные с WordPress, могут (и не могут) использовать название и логотип WordPress или WordCamp.
  3. Мы хотим, чтобы кому-либо было сложно использовать название и логотип WordPress или WordCamp для получения несправедливой выгоды, обмана или сбивания с толку людей, которые ищут официальные ресурсы WordPress или WordCamp.

Политика использования товарных знаков WordPress Foundation

Требуется разрешение от WordPress Foundation для использования названия или логотипа WordPress или WordCamp как части любого проекта, продукта, услуги, доменного имени или названия компании.

Мы дадим разрешение на использование названия и логотипа WordPress для проектов, которые соответствуют следующим критериям:

  • Основная цель вашего проекта — способствовать распространению и совершенствованию программного обеспечения WordPress.
  • Ваш проект некоммерческий по своему характеру (он может приносить деньги для покрытия своих затрат или помогать некоммерческим организациям, но он не может быть запущен как коммерческий проект или бизнес).
  • Ваш проект не продвигает и не связан с организациями, которые в настоящее время не соблюдают лицензию GPL, по которой распространяется WordPress.

Если ваш проект соответствует этим критериям, вам будет разрешено использовать имя и логотип WordPress для продвижения вашего проекта любым способом, который вы сочтете нужным, за одним исключением: пожалуйста, не используйте WordPress или WordCamp как часть доменного имени. Примерами проектов в этой категории являются официально признанные WordCamp или международные сообщества WordPress, которые занимаются переводом и распространением WordPress в своих странах.

Использование названия и логотипа WordCamp дополнительно разрешается в следующих случаях:

  • Вы используете логотип на официальном сайте WordCamp, который был одобрен WordCamp Central.
  • Вы используете графику, предоставленную WordCamp, для рекламы мероприятия или того факта, что вы посещаете, выступаете, выступаете волонтером или спонсируете мероприятие.

Все другие компании или проекты, связанные с WordPress, могут использовать название и логотип WordPress для обозначения и объяснения своих услуг, но они не могут использовать их как часть продукта, проекта, услуги, доменного имени или названия компании, и они не могут использовать их любым способом, который предполагает принадлежность или поддержку WordPress Foundation или проекта с открытым исходным кодом WordPress.

Например, консалтинговая компания может описать свой бизнес как «123 веб-службы, предлагающие консультации по WordPress для малого бизнеса», но не может называть свой бизнес «Консалтинговая компания WordPress». Точно так же бизнес, связанный с темами WordPress, может описывать себя как «Темы XYZ, лучшие в мире темы WordPress», но не может называть себя «Тематический портал WordPress».

Точно так же можно использовать логотип WordPress или WordCamp как часть страницы, описывающей ваши продукты или услуги, но нельзя использовать его как часть логотипа вашей компании, продукта или самого бренда.Ни при каких обстоятельствах нельзя использовать WordPress или WordCamp как часть доменного имени или имени домена верхнего уровня.

Мы не разрешаем использование товарного знака в рекламе, включая AdSense / AdWords.

Обратите внимание, что целью данной политики не является ограничение коммерческой деятельности вокруг WordPress. Мы поощряем предприятия, основанные на WordPress, и сотни из них процветают, соблюдая эту политику (несколько примеров — Automattic, CrowdFavorite и StudioPress).

Аббревиатура «WP» не охраняется товарными знаками WordPress, и вы можете использовать ее так, как считаете нужным.

Если вы сомневаетесь в использовании названия или логотипа WordPress или WordCamp, обратитесь в Фонд за разъяснениями.

Как правильно использовать логотип и товарный знак WordPress

WordPress — одна из самых популярных систем управления контентом в Интернете. Это бесплатная система, которая помогает разработчикам за считанные минуты создать полноценный и мощный веб-сайт.Вполне естественно, что некоторые захотят использовать логотип WordPress в своих разработках. Изучение того, что такое WordPress и что вы можете делать, может помочь вам улучшить ваши собственные бизнес-решения в Интернете.

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

Из этого руководства вы узнаете, как использовать товарный знак и логотип, а также узнаете, почему вам следует проявлять осторожность.

Почему важно знать, как использовать логотип и товарный знак WordPress?

Природа WordPress позволяет многим владельцам бизнеса и разработчикам использовать логотип и товарный знак, не беспокоясь о последствиях для авторских прав как часть Стандартной общественной лицензии GNU.

Например, многие компании пытаются извлечь выгоду из популярности WordPress, предлагая для него различные услуги. Из-за природы GNU вы можете свободно использовать WordPress в бизнесе, от платформы веб-сайта до самого логотипа.Однако есть пределы тому, что можно сделать.

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

Что делать, если вы планируете создавать собственные плагины или разрабатывать приложение для смартфонов, которое имеет преимущества для WordPress? Знание того, как правильно отображать брендинг, способствует повышению репутации вашего проекта.Если вы продаете продукт сообществу, которое использует систему, они заметят любые недостатки в тексте и изображениях.

Политика использования товарных знаков WordPress

Целью Политики использования товарных знаков WordPress Foundation является предотвращение использования системы людьми. Цель фонда — защитить систему от тех, кто пытается продать ее как свою собственную, при этом защищая пользователей. Таким образом, вы можете использовать товарный знак и логотип только в том случае, если:

  • Целью вашего проекта является продвижение WordPress
  • Ваш проект специально не предназначен для получения коммерческой прибыли

ПРИМЕЧАНИЕ : Однако вы можете использовать это для покрытия расходов или пожертвований на благотворительность.

  • Ваш проект не продвигает и не приносит выгоды организациям, которые в настоящее время не соблюдают правила использования.

Эта политика не предназначена для торможения коммерческого роста. Это необходимо для того, чтобы WordPress поддерживал бесплатную систему, которая нравится его пользователям, без того, чтобы кто-то получил несправедливую выгоду от тяжелого труда других.

Как писать WordPress

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

Вот пример того, что мы имеем в виду:

  • Да : WordPress
  • Нет : Worpress
  • Нет : WordPress
  • Определенно не : WoRdPrEsS

Разница, которая вам нужна

Обратите внимание на то, как правильно вводить заглавные буквы в словах «Word» и «Press». Возможно, вы не думаете, что написание бренда важно.Однако это затронет целевую аудиторию, знающую разницу в написании. В результате эти люди будут плохо смотреть на ваш контент и формировать отрицательное мнение.

В Интернете можно найти множество проектов, в которых используется правильное написание товарного знака. Обратите внимание, что никто из них не использует WordPress как часть бизнеса, а как способ описания бизнеса. От лучших разработчиков веб-сайтов WordPress до хостинговых компаний — все сводится к описанию того, что предлагается.

Использование товарного знака в доменном имени

Несмотря на то, что WordPress является программным обеспечением с открытым исходным кодом и любой может изменить его в соответствии со своими потребностями, настоящее имя является зарегистрированным товарным знаком.Этот товарный знак принадлежит некоммерческой организации WordPress Foundation. Это означает, что само название нельзя использовать в названиях компаний.

Например, открытие бизнеса под названием «WordPress Cafe» будет нарушением прав на товарный знак. Однако можно использовать сам логотип, чтобы подчеркнуть бизнес. Вот почему вы увидите это у многих провайдеров веб-хостинга, которые предоставляют хостинговые платформы для WordPress.

Вы также можете использовать WordPress в описании бизнеса.Например: «Мы предлагаем отличный кофе, одновременно обучая других пользоваться WordPress».

Использование этого товарного знака распространяется также на доменные имена. Вот почему вы никогда не увидите такой домен, как «FunWordPressFacts.com». Однако вы можете использовать его в субдомене, например wordpress.funfacts.com. Из-за того, как домены отображаются в Интернете, WordPress Foundation не слишком заботится об использовании внутри субдомена.

Если вы действительно хотите добавить элемент популярной системы управления контентом в доменное имя или бизнес-план, многие просто используют «WP.Это можно увидеть на многих веб-сайтах в Интернете, и те, кто знает о системе, идентифицируют себя с помощью заглавных букв «W» и «P» в URL-адресе.

А как насчет WordPress.com и WordPress.org? Оба этих сайта имеют лицензию WordPress Foundation. По сути, один предоставляет бесплатный хостинг для системы, а другой предлагает фактическое программное обеспечение для установки на веб-сайтах.

Создание логотипа

Как и любой другой бренд в мире, WordPress имеет особый логотип, который имеет уникальный внешний вид.Правильное его использование может иметь тот же эффект, что и изменение написания платформы. Недостатки — это фанаты системы, и это может плохо сказаться на развитии вашего проекта.

Также важно отметить, что товарный знак или логотип не могут быть непосредственно связаны с брендингом компании. Например, вы не можете добавить логотип WordPress в свой собственный. Однако его можно отображать на страницах и в любом другом месте, где вы сочтете нужным.

Дизайн

Сначала логотип обведен двумя кольцами: тонкой серой или синей линией и более толстой белой линией.Фон в изображении должен быть того же цвета, что и внешнее кольцо, чтобы придать ему симметрию. Буква «W» в середине становится белой, а ее края соединяются с внутренним кругом.

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

Вы можете увидеть реальные образцы логотипа и загружаемые PDF-файлы для печати на WordPress.org.

Использование общих цветов для логотипа WordPress

Сохранение цветовой палитры WordPress рекомендуется, но не является фактическим требованием. На самом деле цвета логотипа претерпели множество вариаций. Существует множество фан-артов, которые изображают популярный логотип множеством способов — от зеленого фона до бразильской цветовой схемы.

Однако есть что сказать о последовательности. Цвета и визуализация — вот то, как большинство людей ассоциирует продукты.Использование традиционных цветов помогает людям идентифицировать систему в вашем проекте. Хотя нет ничего плохого в том, чтобы добавить к изображению немного пикантности, исходная палитра может оказаться полезной при привлечении этой конкретной аудитории.

Традиционные цвета:

Серый
Pantone: 7
CMYK: 65, 60, 60, 45
Шестнадцатеричный: # 464646
RGB: 70, 70, 70

Оранжевый
Pantone: 1665
CMYK: 6, 86, 100, 1
Шестнадцатеричный: # d54e21
RGB: 213, 78, 33

Синий
Pantone: 7468
CMYK: 97, 44, 26, 3
Шестнадцатеричный: # 21759b
RGB: 33, 117, 155

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

Какие изменения вы внесли в логотип? Какие логотипы вы разработали для своего сайта?

Автор: Крис Расикот

Крис является менеджером по поддержке GreenGeeks и работает в компании с 2010 года.У него страсть к играм, скриптам и WordPress. Когда он не спит, он тренирует свои навыки игры на гитаре и возится с 3D-печатью.

Логотип и символ WordPress, значение, история, PNG

Логотип WordPress PNG

WordPress был разработан Мэттом Мулленвегом, и сегодня это одна из наиболее широко используемых систем управления контентом. Будучи системой с открытым исходным кодом, она содержит более 60 миллионов блогов и веб-сайтов.

Значение и история

Нет большой разницы между двумя существующими версиями WordPress, созданными на протяжении всей его истории, хотя даже небольшие изменения, внесенные в 2008 году, показали способность бренда меняться, чтобы удовлетворить потребности своих пользователей и движущийся и развивающийся мир. вокруг него.

2003-2008

Логотип WordPress, представленный в 2003 году, представлял собой стильный логотип с засечками, подчеркнутый тонкой черной линией, размещенной справа от круглой монохромной эмблемы. Словесный знак был визуально разделен на две части — «Слово» темно-синего цвета и «Пресса» черного цвета, которые располагались вплотную друг к другу. Что касается эмблемы, то это был сплошной черный круг с двойным черно-белым контуром со стилизованной белой буквой «W» на нем. Буква «W» была выполнена шикарным шрифтом с засечками, но правая полоса в верхней части напоминала гладкую слезу.Как капля чернил, падающая с чернильного пера писателя.

2008 — Сегодня

Редизайн 2008 года не сильно изменил визуальную идентичность WordPress, просто удалили подчеркивание и сменили темно-синий цвет слова «Word» на более светлый оттенок, ближе к морскому синему, который выглядит успокаивающим и расслабляющим. Сегодня цветовой контраст между двумя частями паспортной таблички стал ярче, что делает весь образ более современным и прогрессивным, хотя традиционные формы и стильный шрифт в старинном стиле делают всю визуальную идентичность вневременной и чрезвычайно элегантной, вызывая ощущение высокого качества.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *