Как создать логотип для сайта своими руками | BloggerMen

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

Рубрика: Создание сайтов

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

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

Что касается вида логотипа и что вообще на нем должно быть изображено зависит только от вашей фантазии и возможностей. Причем необязательно создавать что-то сложное. Например, логотип Mercedes – куда уж проще? Но он известен всему миру.

Как создать логотип для сайта?

Есть несколько вариантов: обратиться к профессионалам, воспользоваться специальными сервисами или создать логотип самостоятельно.

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

Все, что для этого нужно – это лист бумаги, карандаш и Photoshop. Сделайте несколько набросков будущего логотипа. Повторюсь, не обязательно создавать шедевр. Пусть это будет что-нибудь простое, но запоминающееся.

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

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

/wp-content/themes/название темы/images/

Находим файл logo.jpg и копируем себе на компьютер. Теперь нужно создать логотип сайта такого же размера и с таким же именем. Здесь трудностей возникнуть не должно. Хватит и минимальных знаний. После чего загружаем его на хостинг вместо имеющегося. В принципе это все. Можете перезагрузить страницу и полюбоваться результатом.

Если вы выбрали тему в которой логотип не предусмотрен, нужно не только создать логотип, но и отредактировать файлы темы header.php и style.css.

Сначала определитесь с размером. Для этого посмотрите высоту и ширину шапки и сколько места вы можете выделить под логотип. Ведь должны вместиться не только название и описание блога, но и баннеры (в большинстве случаев). Теперь рисуем подходящую картинку, сохраняем ее как logo.jpg и загружаем в директорию

/wp-content/themes/название темы/images/

Прописываем в шапке следующую строку строку:

<div id="logo"><img src="<?php bloginfo ('template_url')?>/images/logo.jpg" /></div>

В файле style.css зададим нужные отступы:

#header #logo{
float:left;
padding:33px 0 0 0px;

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

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

Popularity: 23% [?]

 

Похожие записи:

Комментарии: (15)

Спасибо. как раз думаю над логотипом...

А что если не лезть в саму тему, а просто поменять картинку шапки и в новую картинку вписать/врисовать лого?

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

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

А не подскажите что за сервисы?

Их много. Для начала попробуйте эти:

www.logoease.com

creatr.cc/creatr/

Да, все таки когда что-то нужно (логотип, шапка сайта или что-то другое) то лучше делать это самому, так как лучше никто не сделает. Зато если получится, то это будет уникальный логотип или шапка. Хотя в наше время можно скачать уже готовый лого в PSD, а потом отредактировать под свои нужды.

Я вот нашел похожий сайт, flamingtext.ru. Видимо недавно появился в русском варианте, но кажется обновляется довольно регулярно, по крайней мере новый стиль появился буквально на днях. И что интересно, у них в меню есть ссылка на imagebot.com (типа фотошопа, но онлайн) где этот текстовый логотип можно украсить картинками, или svg рисунками. Используя эти 2 ресурса можно сделать совсем уникальный и профессионально смотрящийся логотип довольно быстро и бесплатно.

Спасибо огромное!) долго был без логотипа! теперь вопрос решен!) пришлось помучаться, но я доволен!))) вы меня вдохновили! =)

Лого для блога это ключевой фактор известности. Не давно я решил начать его использовать =)

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

(header.php)

<div id="container">

<div id="header">

<?php if ( is_home () || is_front_page () ) : ?>

<h1 class="logo"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png"</h1>

<?php else : ?>

<span class="logo"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png" /></span>

<?php endif; ?>

Скорее всего так

 

<?php if ( is_home () || is_front_page () ) : ?>

<h1 class="logo"><a href="url_вашего_блога"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png"/></a></h1>

<?php else : ?>

<span class="logo"><a href="url_вашего_блога"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png" /></a></span>

<?php endif; ?>

А в какое место шапки header.php прописывать нужную строчку <div id="logo"><img src="<?php bloginfo ('template_url')?>/images/logo.jpg" /></div> ?

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

Разрешите тоже задать вопрос.

Логотип отображается не на всех страницах. Что сделать? *UNKNOWN*

Значит вы вписали код вставки логотипа не в Header.php ... впишите туда и все будет ок

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

Оставить комментарий