Как я уникализировал адаптивный шаблон WordPress от Александра Борисова

173  
27
Как уникализировать шаблон

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

Итак, если Вы уже читали статью "Как создать свой блог", то наверняка заметили, что я действую по курсам Александра Борисова, и что начинал я с первого бесплатного "Как создать блог за час". Там автор предложил скачать платный адаптивный шаблон, что собственно я и сделал.

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

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

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

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

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

1. Как я уникализировал адаптивный шаблон

  1. Я сделал шапку блога таким образом, чтобы она была на весь экран и далее плавно сливалась с фоном. Мне понадобилась качественная фотография и большая тематическая картинка. Уже от этого отталкивался с цветовой гаммой всего блога. Также сразу изменил логотип и вместе с ним добавил название и описание.
  2. Изменил стиль верхнего меню, убрал странные серые линии, добавил свой фон, увеличил размер кнопок, изменил фон при наведении курсора мышки.
  3. Изменил внешний вид виджета для подписки в правом сайдбаре. Вместо твитера поставил Google+, добавил текст с количеством подписок, изменил фон, шрифт, цвета. Убрал надпись сверху: "Новые статьи блога". Также, была большая ошибка в том, что при подписке появлялось уведомление на английском языке - это можно исправить лишь в самом шаблоне.
  4. В виджете "Тот комментаторов" сделал так, чтобы фон поля с цифрой был по всей длине автарки.
  5. Заменил фон заголовков гаджетов не просто цветом, а картинкой.
  6. Виджет "Рубрики". Убрал название виджета вообще, добавил иконки каждой рубрике. В этом шаблоне нельзя менять рубрики местами, то есть, если я захочу чтобы "Моя жизнь" была над "Блоггинг", то мне необходимо будет выполнить ряд действий, что я и сделал.
  7. Изменил фон кнопок и фон кнопок при наведении, тоже самое с цветом шрифта на кнопках. Кстати, цвет шрифтов я тоже поменял на всё блоге.
  8. Добавил линию под главным меню, мне нравится :lol:
  9. Изменил стиль всего футера и стиль меню, которое тоже там находится. Фон, размеры, линии - изменены.
  10. Можно заметить, что при добавлении смайликов не загружаются картинки в выпадающем меню - я исправил. И добавил новые, более симпатичные, как в ВК.
  11. Создал свою уникальную рамочку для картинок.
  12. Изменил подписную форму в конце статей - это было очень сложно. Но, теперь, когда я разобрался, всё кажется очень простым. Уверен, будь у меня инструкция, сделал бы за 10 минут, а не за 3-4 дня.
  13. Изменил отступы заголовков, картинок. Изначально они слишком сильно липли к тексту.
  14. Изменил, картинку, которая появлялась при создании списков.
  15. Изменил внешний вид социальных кнопок. Точнее я просто их позаимствовал с другого сайта.
  16. Добавил  ссылки на "Похожие статьи" - "Это интересно".
  17. Изменил виджет управления подписками на комментарии.

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

С вами был Иванисов Сергей.

Вопреки всем законам физики — чем кошелек тяжелее, тем с ним легче.

шаблон WordPress от Александра Борисова
Поделиться

Комментарии

avatar placeholderНапишите комментарий...
  • avatar
    Наталья

    Здравствуйте. А где уроки?

    Ответить
  • avatar
    Тамара

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

    Ответить
  • avatar
    Галина Нагорная

    Благодарю!

    Ответить
  • avatar
    Галина Нагорная

    Там много Иванисовых, город свой скажите?И спасибо за желание помочь!

    Ответить
    • avatar
      Sergey Ivanisov

      /cergey_ivanisov - вот вам мой id

      Ответить
  • avatar
    Галина Нагорная

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

    Ответить
    • avatar
      Sergey Ivanisov

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

      Ответить
  • avatar
    Анна Апрельская

    А нет в курсе информации о том, как вставить форму смартреспондера под статьями и в сайдбаре? Это была бы очень полезная информация,так как FeedBurner очень неудобен.

    Ответить
    • avatar
      Sergey Ivanisov

      пока нет, но я уже сам задумываюсь над этим внедрением))) поэтому скоро будет)

      Ответить
  • avatar
    Денис

    Я так понял, ты просто взял и изменил шаблон из курса Александра Борисова?

    Ответить
    • avatar
      Sergey Ivanisov

      Да, именно так.

      Ответить
  • avatar
    Игорь

    Спасибо Сергей! Сначала я заказал курс, но потом понял, что мне самому сложно будет его осилить и мне сделали блог ))) Точнее Серый же его и сделал

    Ответить
    • avatar
      Sergey Ivanisov

      я бы сказал, что просто немного изменил его)) так как, до совершенства с технической стороны я ещё и сам не дошёл)

      Ответить
  • avatar
    Артем

    У вас они есть?

    Ответить
    • avatar
      Sergey Ivanisov

      У меня есть курс, да. Можешь его приобрести здесь: sergey-ivanisov.ru/ynik/

      Ответить
      • avatar
        Aleksandr

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

        Ответить
        • avatar
          Sergey Ivanisov

          У меня получается многое делать самому) В конце-концов, у кого нет времени, тот может воспользоваться моими услугами) Ну, или твоими) главное, чтобы по карману новичку сильно не било)

          Ответить
          • avatar
            Aleksandr

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

            Ответить
  • avatar
    Артем

    Меня интересуют как вы сделали рубрики и топ комментаторов ?

    Ответить
    • avatar
      Sergey Ivanisov

      В Курсе есть уроки об этом. Причем очень подробные)

      Ответить
  • avatar
    Aleksandr

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

    Ответить
    • avatar
      Sergey Ivanisov

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

      Ответить
  • avatar
    Umit

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

    Кстати, благодарна за твои уроки на интередивиденд созданию блога

    ;-)

    Ответить
    • avatar
      Sergey Ivanisov

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

      Ответить
  • avatar
    Вадим Постоялкин

    Это интересно, определенно стоит прислушаться!

    Ответить
  • avatar
    Михаил

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

    Ответить
    • avatar
      Sergey Ivanisov

      да, нужно всего лишь 20 человек)

      Ответить

Рубрики

Показать все
Рассылка лучших статей блога

Первый манимэйкерский

Блог №1 для начинающих манимэйкеров

  — подписывайтесь!

© 2015 - 2017 Первый манимэйкерский
Почта для связи: me@sergey-ivanisov.ru
Все права защищены.