Марафон v2.0

Урок 42. Мелкие доработки на блоге | Часть 1

fanbar-ru

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

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

Итак, давайте приступим к “мелким доработкам”.

1. Изменение “шапки”

То, что бросается мне в глаза, это шапка на блоге. Она выглядит следующим образом:

Доработка дизайна, которая необходима каждому блогу Чтобы ее редактировать я открыл папку темы программой Total Commander, нашел в ней изображение отвечающее за шапку. Навел на нее мышкой и любезно “высветилось” разрешение изображения:
Доработка дизайна, которая необходима каждому блогу
Далее я открываю данный файл графическим редактором (я использую Adobe Photoshop). Создаю новый документ такого же разрешения, как и у стандартной шапки, которая идет вместе с темой.

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

В этой программе нажимаю “Screen” и “тыкаю” на зеленый цвет шапки. Получился код #68B630. Теперь в Фотошопе я пишу нужный мне текст, и ставлю вышеполученный цвет, выбираю схожий шрифт.

Так как мой блог все-таки не про Photoshop, могу порекомендовать скачать бесплатную книгу, почитать в интернете всякие форумы и сайты, посвященные данному графическому редактору или приобрести диск.

Вот такой результат получился у меня:
Доработка дизайна, которая необходима каждому блогу

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

2. Шрифт

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

3. Цвет

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

Как привести к одинаковому цвету? Пусть будет это самостоятельной работой, так как похожее я уже делал на уроках.

Я могу лишь дать маленькую подсказку: Вам придется использовать FireBug для Firefox и программу HTMLCol.

4. Футер.

Также нам нужно будет сделать некоторые изменения в подвале шаблона. Если у Вас футер закодирован, раскодируйте его обязательно, потому что бывают вредоносные коды – вирусы и другие не нужные “штучки”.

Переведите на русский язык, написанное в подвале.

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

P.s. Предлагаю принять в конкурсе “Лучший комментатор месяца”. Пока претендентов всего человек 3-5. Так что, шансы выиграть в конкурсе у каждого велики. Потом будет сложнее, так как участников и комментариев будет больше 🙂

P.s.s. Наверняка, следующий урок будет в виде скринкаста. То есть будет своеобразный видеоурок. Хотелось бы слышать, нужно ли это блогу? Ведь будет шипеть звук, сопровождение некачественной речью (потому что это будет первая моя запись, может с опытом станет лучше)и другие недостатки.

Решался долго, но, думаю, стоит попробовать. Видео для новичков будет удобнее и проще? В общем хотелось бы услышать Ваши рекомендации и советы…

_____________________________

Следующий урок: Урок 43 Как сделать RSS-подписку на блоге.

Новый марафон 2.0 от WPnew
С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

Понравился урок? Вы не хотите пропускать новые бесплатные уроки по созданию, раскрутке и монетизации блога? Тогда подпишитесь на RSS или на электронный ящик в форме выше и получайте новые уроки мгновенно! Также можете следить за мной в Twitter.

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

45 комментариев

по хронологии
по рейтингу сначала новые по хронологии
Островитянин http://isleman.ru

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

Для определения цвета любого элемента страницы, на мой взгляд удобнее для FireFox использовать плагин ColorZilla. В данном же конкретном случае сразу в Photoshop рисовать новый логотип поверх старого, что позволит и цвет элемента узнать сразу при рисовании и размер сразу будет нужный.

com http://nalbatron.com/

Да чем привлекательнее шаблон сайта и дизайн, тем хорошо для сайта, ведь это значит, что посетители придут еще и еще.

Автор
Пётр Александров

Хм, спасибо большое за ColorZilla. Действительно удобнее пользоваться, чем через отдельную программу.

Я все больше и больше влюбляюсь в Firefox 🙂

Островитянин http://isleman.ru

Я все больше и больше влюбляюсь в Firefox

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

правда из-за плагинов он кушает много памяти, и иногда нестабилен

Voronkoff http://voronkoff.ru

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

А что делать если нету файла лого? Но заменить всё же хочется.... 🙁

Александр http://demeneff.ru/

Если у вас нет файла лого и вообще ничего нет, просто сделайте прописав код, либо через стили

Автор
Пётр Александров http://wpnew.ru

Спасибо, Александр, за помощь. 🙂

Тимофей http://creadox.ru

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

Leka_admin http://localhost/web/

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

Успешная жизнь http://www.divesvita.com/

Спасибо, все укомплектовано и кратко описано.. Иногда забываю это делать.

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

Катерина http://skydive-rostov.ru/

Петр, а не сделаете ли короткий урок, как сделать кнопку НАВЕРХ. Вот такую, как ваша)

Влад http://vlad96.com

Скачай дизайн Mystique и прибудет тебе счастие.

com http://nalbatron.com/

Но лучше нарисовать дизайн в фотошопе, ведь это уникализирует шаблон сайта.

Татьяна

Петр, подскажите а как сделать форму поиска в цветной рамке, нигде не могу найти

Александр http://demeneff.ru/

Стилями пропишите и все, вроде ничего сложного

Моби http://www.mobi-easy.ru

А мне нравиться для определения цвета использовать программку Pipetka. Она ничего не весит вплане оперативной памяти,и болтается маленьким прямоугольничком в удобном для вас месте экрана.

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

Петр, у меня вот в чем проблема:

Помимо основного меню, я сделал себе горизонтальное(там ссылки на статистические страницы, контакты и прочее) но к сожалению в этом меню почему то не поддерживается русский язык, т.е если я пишу элемент меню по русски, то вместо него квадратики. Даже это как бы не меню, а я прям в файле header.php прописываю "Главная"

Если я меню в настройках WP кодировку с UTF-8 на

Windows-1251, то все меняется на оборот, т.е этот элемент отображается нормально, а все остальное символами

Петр, у меня вот в чем проблема:

Помимо основного меню, я сделал себе горизонтальное(там ссылки на статистические страницы, контакты и прочее) но к сожалению в этом меню почему то не поддерживается русский язык, т.е если я пишу элемент меню по русски, то вместо него квадратики. Даже это как бы не меню, а я прям в файле header.php прописываю "[php]<blockquote><a class="button" href="#"><span>Главная</span></blockquote>[/php]"

Если я меню в настройках WP кодировку с UTF-8 на

Windows-1251, то все меняется на оборот, т.е этот элемент отображается нормально, а все остальное символами

Опять не правильно код показал вот так:

Петр, у меня вот в чем проблема:

Помимо основного меню, я сделал себе горизонтальное(там ссылки на статистические страницы, контакты и прочее) но к сожалению в этом меню почему то не поддерживается русский язык, т.е если я пишу элемент меню по русски, то вместо него квадратики. Даже это как бы не меню, а я прям в файле header.php прописываю [php]<a class="button" href="#"><span>Главная</span>[/php]

Если я меню в настройках WP кодировку с UTF-8 на

Windows-1251, то все меняется на оборот, т.е этот элемент отображается нормально, а все остальное символами

Решил проблему вот так:

сохранил файл в UTF-8 без метки BOM. В Notepad++ для этого нужно выбрать в меню «Кодировки» пункт «Преобразовать в UTF-8 без BOM»

Автор
Пётр Александров

Нужно было внимательней читать этот урок 🙂 http://wpnew.ru/udobnaya-rabota/uchimsya-rabotat-s-tekstovym-redaktorom-notepad.html

Петр доброго времени суток.

Я хотел бы на своем блоге (сайте) зделать несколько новостных (главных) страниц.

Подскажите! Как это можно зделать?

Автор
Пётр Александров

Просто вместо страниц выводить рубрики, наверное 🙂

AurorA http://mirhitrostey.ru/

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

Автор
Пётр Александров

Обновите/удалите плагин Simple Tag, проблема в нем...

AurorA http://mirhitrostey.ru/

Спасибо огромное, все заработало 🙂

Никита Рябин http://pro97.ru/

Это ещё мало доработок над блогом которые нужно сделать.

Марат http://102news.ru

У Петра дальше куча доработок в уроках, Никита.

Андрей http://pozitivu-da.ru/

Такой вопрос: Всякие ресурсы по анализу сайтов находят у меня параллельно с главной страницей "/" ещё некую "/page/2 ".

При переходе на неё видно, что это та же самая главная страница, но со старыми постами сверху, примерно так выглядела главная страница полгода назад.

Как мне удалить эту "/page/2 " и нужно ли вообще это делать?

Спасибо!

Автор
Пётр Александров

Не нужно удалять.

Роман

Здравствуйте, Петр. Подскажите, это особенность темы, когда нажимаешь на рубрику (Глава 2 ) и выпадают под рубрики (Разделы) или можно в любой теме такое реализовать? И еще интересует как сделать табы или как правильно это называется (у вас переключаются рубрики, популярное, архив)?

Александр http://demeneff.ru/

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

Автор
Пётр Александров

Все делал программист, я без понятия 🙂

Анастасия

Петр, здравствуйте!

А у меня вопрос по поводу ширины вашего сайта http://fanbar.ru/

Как вы сделали так, что он во всю ширину страницу, а не узкая колонка в центре.

Заранее спасибо.

помогите пожалуйста!! никак до меня не дойдет как сменить "роял блу" на свое название????

Александр http://demeneff.ru/

Могу помочь, скажите подробнее я немного не понял что у вас не получается

Дорогой Пётр, пишу тебе, потому что уже вся измучилась. Долго рылась в консоли WP, бродила по интернету и не нашла ответ на свой вопрос. Вот какая проблема меня мучает: Когда смотришь в консоли рубрики, всё в порядке, видишь, что в рубриках есть записи. А когда на сайте (админика или как пользователь) входишь в любую рубрику там ты видишь все мои посты подряд, хотя они распределены по категориям, и внизу каждого поста стоит инфо, что они находятся в определенной рубрике, а на деле постятся все во все категории разом. Если не понял о чем я, поясню:

У меня две категории: 1 и 2, в каждой есть по одному посту,

в категории 1 пост 1.1, в категории 2 пост 2.2. Так установлено в админке.

Когда идешь на сайт открываешь категорию 1, там посты 1.1 и 2.2,

открываешь категорию 2, там посты 1.1 и 2.2.

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

И еще я заметила, что когда вхожу в любую рубрику - перебрасывает на ГЛАВНУЮ страницу (ну собственно где все посты) может в этом причина??? Спасибо за внимание!

Ольга

Еще я заметила, что в консоли ЗАПИСИ, напротив записей нет колонки РУБРИКИ. Может в этом дело

В файлах темы не файла category.php, в этом может быть проблема?

Очень жаль, что так и никто не ответил, я так ждала. И сама нашла проблему. На будущее, вдруг у кого тоже самое - проблема в плагине Simple Tag. Его нужно обновить либо удалить и всё встанет на свои места.

Автор
Пётр Александров http://wpnew.ru

Я просто-напросто не успел ответить. Спасибо, что разъяснили.

Алексей Туманов

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

Алексей Туманов

Пётр, есть такая проблема, не знал куда написать, напишу сюда.
Так как пишу в основном с телефона, часто приходиться менять полную и мобильную версии сайта.
Так вот, когда я нажимаю на "полная версия сайта", открывается ссылка http://wpnew.ru/?am_force_theme_layout=desktop и меня перекидывает на главную страницу. То есть, я читаю статью (например, эту) нажимаю на "полную версию" и открыаается не полная версия этой статьи, а полная версия главной страницы. Проблема конечно не критична, но вполне возможно, что она вызывает неудобства не только у меня.

Автор
Пётр Александров http://wpnew.ru

О, спасибо за выявление проблемы. Обязательно скорректируем. Не знал.

Наверх Рейтинг@Mail.ru