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

Площадь

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

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

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

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

Подача информации

По каким критериям я раскидал элементы на странице — не помню. Видимо по никаким, и из-за этого такая чушь получилась.

Метки

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

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

Навигация

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

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

RSS и подписка по E-mail

Слишком уж большая иконка RSS, к тому же позаимствованная, а виджет с подпиской по E-mail ничем не выделен. Теперь справа красуются две аккуратные кнопочки, на которые по-моему даже чаще нажимать стали.

Новые элементы

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

Добавлен блок «Интересности» — решил продолжить вести эту рубрику, потому что почему бы и нет. В таком формате планируется ещё пара рубрик. Предлагаю не пропустить и подписаться на обновления по RSS или по E-mail, если ещё не подписаны.

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

Удобство пользования блогом

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

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

Лишние плагины

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

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

Общее впечатление

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

Кстати, подключил поиск от Google, попробуйте что-нибудь поискать — удобно.

Благодарю за внимание и желаю вам всего самого наилучшего.
Артём Савельев

P.S. Если вдруг понадобится заказать смеситель, вы знаете как нажать на ссылку. Кстати, зависит ли от смесителя или от чего ещё распределение воды на кухне и в ванной? Ужасно, когда наслаждаешься душем, а на кухне кто-то включает воду, и тебя либо холодной, либо горячей водой внезапно отрезвляет.

Хотел заняться этим вопросом несколько позже, но пришлось замедлить создание шаблонов и подробнее остановиться на изображениях. Чтобы придать сайтам яркости, я решил создать для них симпатичные шапки, собранные из клипартов. Но чтобы совместить приятное с полезным, я решил накачать заодно побольше тематических картинок, чтобы потом использовать их для разбавки текста.

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

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

Теперь я по-порядку расскажу о своих действиях.

Клипарт

Здесь всё достаточно просто, но долго. Говорим Яндексу то, что ищем, и он честно отвечает нам, где это можно найти. Я вышел на замечательную коллекцию всякой всячины Allday.ru, откуда выкачал многое из того, что было доступно в следующих подрубриках раздела «Растровые клипарты»:

• Архитектура (изображения подойдут под следующие тематики: строительство, недвижимость, путешествия);
• Бизнес и деньги (прибережём для финансовых сайтов, кстати некоторые симпатичные изображения золота и денег я присмотрел для этого блога, также здесь найдутся и картинки для сайтов по поиску работы);
• Бэкграунды и фоны (так случайно получилось, что захотелось мне скачать побольше фонов и текстур, которые вполне пригодились бы в будущем, отсюда я забрал лишь малую часть того, что доступно на сайте — очень уж много там этого добра);
• Искусство, музыка, кино (здесь взял только то, что о музыке и кино);
• Красота и здоровье (отличные изображения для медицинских сайтов);
• Наука и технологии (для сайтов на интернетные темы);
• Образование;
• Природа и животные (здесь насрывал цветочки);

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

Кстати, для быстрого скачивания файлов мне пришлось приобрести два или три суточных аккаунта к сервису Depositfiles, каждый из которых стоит 3 WMZ. Одним обойтись не удалось, так как были исчерпаны квоты (слишком много успел скачать). Если у вас тоже исчерпается квота, то при покупке нового аккаунта используйте другой email, иначе потратите деньги впустую.

Также я установил предложенную мне программу Depositfiles Filemanager, которая значительно облегчила мне работу.

Иногда возможность скачивания через Depositfiles не предоставлена, поэтому на случай попадания в эту категорию очень симпатичных клипартов я приобрёл ещё и дневной аккаунт в сервисе Letitbit за 68 рублей.

Шапки

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

Для сайта о туризме можно сделать, например, вот такую шапку:

Или такую:

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

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

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

Желаю вам всего самого красивого.
Артём Савельев.

P.S. Блогосфера и блогер Olega — не смотря на всю платность этой информации, очень рекомендую данный блог. Было приятно получить заявку на размещение постового от этого блогера.

P.P.S. Блог переехал в Германию на арендованный сервер. Как вам скорость?

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

Шаблоны, конечно, вполне симпатичные попадаются в открытом доступе, но все они какие-то неподходящие и совсем меня не радуют. А надо, чтобы радовали, иначе нехорошо и удовольствия меньше.

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

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

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

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

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

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

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

А ещё мне предстоит глубоко погрузиться в Google, чтобы найти ответы на некоторые вопросы, в частности: как отобразить страницу добавления содержимого вне админки Wordpress. Если вы знаете ответ, буду признателен, если поделитесь информацией.

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

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

Желаю вам всего самого честного.
Артём Савельев.

P.S. Кстати, Зелёный Кактус затеял акцию: за ссылку на его блог он готов написать обзор сославшегося блога.

P.P.S. На одном форуме через одного вполне авторитетного блогера заказал увеличение количества подписчиков за символическую сумму (после открытия общего доступа к услуге цена повысится и станет адекватной). Заметили прирост более 200 подписчиков? Все они подписались через Google, интересно только каким образом, и будет ли от этого толк.

О предназначении сайта много писать не хочу, узнаете всё в будущих постах (если доживём!). Что касается идеи его создания, то тут подсказчица мне жизнь, которая во время напомнила о том, что неплохо было бы (пора уже!) зарабатывать в интернете известными и неизвестными способами. Как это делать? Узнаете в том числе и в этом блоге.

Итак, я решил что звать меня отныне Сеогад и в соответствии с этим именем необходимо зарегестрировать доменное имя, как минимум в зоне .ru. Регистрировать домен за 500 рублей — не честно по отношению к своему кошельку, поэтому минуем бессмысленное переплачивание и купим его за 99 рублей у Айдомена. Да, всего 99 рублей. Это не левая регистрация. Домен будет полностью ваш и на ваше имя. Если вы удивлены ценой, то следите за моими следующими постами, там будет рассказано как и почему такие глупости в мире творятся. Кстати, ссылка партнёрская, то есть если вы купите домен, перейдя по моей ссылке, я получу от этого процент. И вы тоже так сможете, когда зарегистрируетесь!

По поводу хостинга ничего интересного не расскажу. У меня их куплено несколько и разных. Данный блог работает на VPS-хостинге от РБК. Поищите Яндексом или Гуглом, если для вас актуален поиск надёжного хостинга.

Итак, имея домен и хостинг, подумаем о том, как же наш сайт будет функционировать… А что тут думать, если это блог? Конечно же, старый добрый и любимый Wordpress. Идём к Лё Кактусу и забираем у него последний понравившийся (power или normal) русский дистрибутив Вордпресса. Заливаем на хостинг в корень сайта. Выставляем права 777 на папки wp-content, wp-content/plugins, wp-content/themes. Создаём в каталоге wp-content папку uploads и ей выставляем те же счастливые семёрки.

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

• HeadSpace2 SEO
• Menubar — для удобного управления верхним и нижним меню.
• Remove Parents — для удаления «category» из ссылок на категории.
• Wordpress Thread Comment — для комментариев.
• Dagon Design Sitemap Generator — для создания карты сайта
• Rus-to-Lat — для транслитерации кирилицы в ссылках
• Russian Date — чтобы было 21 сентября вместо 21 сентябрь

Активировав и настроив эти плагины, я приступил к созданию шаблона для Wordpress. Долго не думая, я пошёл на Кулер (сервис, любезно предоставленный компанией Adobe) и выбрал себе цветовую схему.

Далее, в графическом редакторе я построил дизайн (такой, каким вы его наблюдаете на сайте), используя выбранные цвета и следующую формулу:

Canvas — ((Total Units -1) x Gutter) ÷ Total Units = Unit

• Canvas — размер всего пространства
• Total Units — количество блоков
• Gutter — размер отступа между блоками
• Unit — размер блока

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

У меня получилось следующее: 900px — ((13 — 1) x 10px) ÷ 13 = 60px

То есть ширина моего блока — 60 пикселей, всего блоков 13, отступ между ними равен 10 пикселям и ширина сайта должна была быть 900 пикселей, но так как фон содержимого отличен от фона страницы, я добавил по 10 пикселей слева и справа, чтобы элементы не прижимались к краю и получил ширину сайта в 920 пикселей.

Нарисовав картинку, порезав её на составляющие, я отправился в мой любимый Dreamweaver, дабы сверстать всё это дело в симпатичный и удобный шаблон для Wordpress, результат чего вы сейчас наблюдаете на этом сайте.

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

Итак, расскажу я вам о том,

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

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

P.S. Для бизнеса или для чего-нибудь ещё вам могут пригодится социальные слоганы, которые можно заказать на сайте «Контент-Строй». Грамотный слоган поможет продвинуть ваш товар на рынке, некачественно разработанный слоган может нанести необратимый ущерб вашей деятельности. Будьте осторожны и заказывайте разраоботку слоганов только у профессионалов.