Начните понимать английский с Puzzle English!
Блог Дмитрия Ивлева
Автор:      Рубрика: История блога 2015-12-23

Как я изменил шаблон вордпресс своего блога

two-shablon-vordpress

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

С чего все началось

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

Что поменялось, и как это было

На картинке выше можно видеть два лица одного и того же блога. Слева — то, каким был мой блог ДО, справа — то, какой он стал ТЕПЕРЬ. Как говорится, найдите отличия.  Мне кажется, тут и невооруженным глазом много чего видно =)) Коричневая линия — это линия разреза, решил показать какой страшный раньше был у меня подвал.

Раньше у меня стоял шаблон для вордпресс, который называется Blogwave. Наверное, многие из вас его видели. Мне, по крайней мере, за это время раз пять попадались блоги, сделанные на нем (оранжевые, красные, синие, зеленые). Правда, я его все равно редактировал, в частности анонсы статей на главной странице и добавил кнопки перелистывания страниц. Шапки, как видите, не было, только стандартная черная полоска.

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

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

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

Хочу также отметить, что мне очень помог бесплатный курс А. Борисова по созданию и настройке блога с нуля. Адаптивный шаблон для вордпресс, который там рекомендовался и стал прототипом теперешнего вида. Шаблон называется XmarkUp, вот как он выглядит изначально.

standart-shablon-vordpress

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

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

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

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

Из приятных моментов: адаптивность шаблона сохранилась.

mobile-shablon-vordpress

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

Что конкретно изменилось в блоге

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

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

Теперь у меня появилась RSS-подписка, так что можете себе добавить =)) Если честно, мне самому нравится, как получилось.

rss-shablon-vordpress

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

top-comments-shablon-vordpress

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

two-comments-shablon-vordpress

Слева — это пережиток прошлого; полей не видно, так это вид из админки, предпросмотр темы. Контраст, думаю, все равно заметен.

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

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

Хочется узнать Ваше мнение, как считаете, блог стал лучше смотреться?

Что еще может быть интересно

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

Переход от работы в офисе к свободному плаванию

Оказывается все к лучшему, история одного случая

Как научиться хорошо и классно фотографировать зеркалкой за 7 часов?

Как научиться быстро печатать на компьютере, 2 тренажера

Как научиться английскому языку самостоятельно с нуля

7 лучших способов заработка в интернете

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

С уважением, Дмитрий Ивлев.

Начните понимать английский с Puzzle English!


Сундук с сокровищами
Получите ключ от сундука с сокровищами.

Узнайте много интересного и сделайте свою жизнь ярче!
Международный Финансовый ЦентрMBA - City Business SchoolПоказать все обучающие курсы
Оставьте Ваш комментарий или вопрос
  • Ирина

    Дмитрий, поздравляю ! Смотрится здорово ! Спасибо за статью.

    в 11:42 | Ответить
    • Дмитрий Ивлев

      Благодарю, Ирина!

      в 12:50 | Ответить
  • Ярослав Андриянов

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

    в 6:19 | Ответить
    • Дмитрий Ивлев

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

      в 7:34 | Ответить
  • Рамазан

    Без сомнений после обновлений стало намного лучше.

    в 5:48 | Ответить
    • Дмитрий Ивлев

      Большое спасибо! Я старался =)

      в 7:22 | Ответить
  • Инна

    Добрый день всем! Спецов по дизайну и верстке мне посоветовали в Школе Блогеров под руководствои А.Борисова, еще и кучу технических ошибок нашли в базе данных. Это целая наука и лушедоверить эту работу профессионалам. Удачи в продвижении! =)

    в 9:28 | Ответить
    • Дмитрий Ивлев

      Да, дизайн у Вас шикарный получился! Ребята постарались, видно, что профессионалы. И статьи у Вас увлекательные =)
      Мне интересна эта техническая наука, поэтому пока сам разбираюсь потихоньку с большим удовольствием. Благодарю!

      в 10:30 | Ответить
  • Галина

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

    в 9:19 | Ответить
    • Дмитрий Ивлев

      Благодарю, Галина! Приятно видеть вас среди моих читателей.

      в 10:28 | Ответить
  • Александр

    Дмитрий, отлично ты переделал свой сайт. Этот шаблон намного лучше предыдущего. Кстати, топ комментаторов, я так понимаю, у тебя кодом сделано. А для комментариев ты используешь плагин Subscribe to Comments? Я себе поставил Subscribe to Comments Reloaded, он немного функциональней. Есть возможность подписывать на ответы только своих комментариев.

    в 8:06 | Ответить
    • Галина

      У меня тоже стоит на блоге Top Commentators Widget.
      Особенной разницы не заметила.

      в 10:03 | Ответить
      • Александр

        Галина, я спрашивал не за плагин, который выводит топ комментаторов, а за тот плагин, который отвечает за подписку на новые комментарии к статье. Это два разных плагина. *OK*

        в 1:18 | Ответить
  • Дмитрий Ивлев

    Благодарю! За комментаторов у меня Top Commentators Widget отвечает. Это классно, посмотрю как-нибудь)

    в 7:45 | Ответить
    • Александр

      Дмитрий, а как ты в этом плагине смог скрыл ссылки от индексации поисковыми системами? В нём эта функция есть, но я реально ещё не видел ни один блог на котором бы эта функция работала. Вот по этому и решил, что топ у тебя кодом сделан. *UNKNOWN*

      в 3:15 | Ответить
      • Дмитрий Ивлев

        У меня Subscribe To Comments версии 2.3. Как я писал выше, сейчас у меня переделанный шаблон XmarkUp, если не ошибаюсь, то там это уже исправлено. А может быть я сам что-то ковырял, что тоже было))

        в 8:44 | Ответить
  • Александр

    Дмитрий, привет! Я просто не мог не заметил, что ты добавил кнопки социальных статей в левой стороне сайта. А ты анализируешь карту кликов, на них кто то нажимает? Есть от них толк? Просто хочу сказать, что на маленьких мониторах и на некоторых мобильных устройствах, они очень плохо смотрятся и мешают читать текст, и очень мешают писать комментарии. Вот если бы была у пользователя возможность их скрыть, то было бы очень хорошо. %)

    в 6:38 | Ответить
    • Дмитрий Ивлев

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

      в 7:21 | Ответить
  • Александр

    Дмитрий, согласен, с вами! Сам переделывал свой блог=)) Насмотревшись на интересные и крутые блоги. Но как правильно заметил, со временем, все равное меняется само отношение к увиденному и становится интересно как меняются и свои вкусы и интересы к дизайну блогов!

    в 5:45 | Ответить
    • Александр

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

      в 12:22 | Ответить
      • Галина

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

        в 4:37 | Ответить
  • womanblog

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

    в 5:29 | Ответить
  • Дмитрий Морозов

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

    в 3:49 | Ответить