Вариант оформления главной странице Блоггер.

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

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

Готовый и рабочий пример вы можете увидеть на новом тестовом блоге. И разберём, как это реализовать.

1. Прежде всего нам нужно создать новую статическую страницу. Для этого идём в админ. панель блога - страницы - создать страницу. Всё так же как и при создании обычного сообщения.

Нужно дать ей название, допустим, "Добро пожаловать" и опубликовать эту новую страницу. К оформлению её можно будет вернуться позже. На данном этапе нам нужен адрес этой страницы. Вернитесь к списку страниц и, на вновь созданной, нажмите опцию "Просмотреть". В окне браузера скопируйте её адрес в блокнот.

В моём случае он выглядит так -

http://n-t-b-b.blogspot.ru/p/blog-page_7.html

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

В админ. панели выбираем функцию настройки - настройки поиска - пользовательская переадресация. Нажмите "Изменить". Откроется новое окно в котором видно две строки.


В поле первой строки, которая "ОТ", прописываем только слеш (символ /). А во второе поле "Кому", где прописан адрес вашего блога (пока тоже можно его скопировать в блокнот, чтобы потом не запутаться), вставим скопированный ранее адрес страницы "Добро пожаловать". Вернее, только часть его.

Адрес был http://n-t-b-b.blogspot.ru/p/blog-page_7.html

Именно часть кода, которую я отметила красным цветом, нужно вставить в это поле. Затем нажмите ссылку "сохранить" и оранжевую кнопку "Сохранить изменения". Не переживайте, если что-то не так сделали. В любом случае можно будет отменить все изменения там же. 

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

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

Оставьте только те статические страницы, которые хотите отобразить. Сохраните изменения. 

Можно на этом и остановиться, а можно сделать ещё одну вкладку. К примеру -  "Мой блог". Воспользоваться опцией "Добавить внешнюю ссылку" и заполнить нужные поля.

 Обратите внимание, что в поле адрес, нужно прописать адрес вашего блога и добавить index.html. В моём случае на тестовом блоге это выглядит так -

http://n-t-b-b.blogspot.ru/index.html

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

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

Как сделать подстраницы в блоге.
О страницах в блоге.

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

Продолжение статьи.

Всем спасибо за внимание и до новых встреч.

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

Введите Ваш email


13 комментариев:

  1. спасибо за подсказку.......

    ОтветитьУдалить
  2. Владимир Зима, пожалуйста, буду рада что пригодилось.

    ОтветитьУдалить
  3. Вика доброго времени суток! Интересная идея с главной страницей, а можно оформить ее вот так club1line.com. и технически как это можно сделать, (я понимаю, что фоном идет gif, убрано все кроме соц.кнопок и идет перенаправление на главную) а как убрать все? В посте о создании страницы-воронки понятно, что создается новый сайт и формируется и наполняется одна страница! А как сделать если уже есть сайт, и надо создать страницу где убрано почти всё кроме фона? С уважением Тата.

    ОтветитьУдалить
  4. Думаю, да. Завтра покумекаю.

    ОтветитьУдалить
  5. Хорошая идея!
    А с картинкой так задумано? А можно сдеелать так, чтобы она сразу была ссылкой на блог, как надпись "перейти"?

    ОтветитьУдалить
  6. Олли, С картинкой сделала для наглядности на тестовом блоге. . Можно и картинку ссылкой сделать . Здесь об этом http://www.shpargalochki.ru/2014/02/ssylka-kartinka-dlja-bloga.html

    ОтветитьУдалить
  7. Анонимный1/22/2017

    Спасибо большое за Вашу статью! Благодаря ей мне удалось сделать перенаправление на содержание блога и прикрепить необходимую информацию о сайте на главной странице! Для новичков эта подсказка находка!

    ОтветитьУдалить
    Ответы
    1. Рада слышать, что Вам пригодилось. кажется, что сложно, а возьмёшься и вроде как ничего.

      Удалить
  8. Наконец-то я нашла то, что нужно! Спасибо.
    Вы не подскажите, еще, как сделать под сообщениями блок Похожие материалы?

    ОтветитьУдалить
  9. Akula, пожалуйста, если информация Вам пригодилась. А с похожими сообщениями у меня несколько статей. Перейдите в меню сверху по вкладке "все статьи". Там есть пункт похожие сообщения. Выбирайте, что понравилось.

    ОтветитьУдалить
    Ответы
    1. Скажите, пожалуйста, а как сделать такой вид похожих материалов, как у вас? Мне он больше всего нравится зрительно. В какой статье это написано, а то у вас их несколько...

      Удалить
  10. Akula, вот статья про такой виджет. http://www.shpargalochki.ru/2015/10/vidzhet-pohozhie-soobshhenija-v-vide-spiska-pod-kazhdym-postom-v-Blogger.html дополнения там же в комментариях

    ОтветитьУдалить

Пользовательский поиск