◊ Создание одностраничника - настройки

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

Покажу все настройки сайта одностраничника пошагово.

Создание сайта одностраничника - практический курс с нуля до результата. 

Настройки одностраничника

Шаг 1. Настройка шаблона

В административной панели вновь созданного блога открываем вкладку «Шаблон» и нажимаем «Настроить».

В «Дизайнере шаблонов Blogger» (верхняя тёмно серая панель) во вкладке «Шаблон» выбираем шаблон > простой, белый – 2-я вкладка.

Затем во вкладке «Дизайн» выбираем одностраничный дизайн для основной части блога, в дизайне нижнего колонтитула выбираем так же одностраничный дизайн.

Нажимаем справа вверху вкладку «Применить к блогу».

Важный элемент настройки шаблона – регулировка ширины.
В «Дизайнере шаблонов Blogger» выберите вкладку «Регулировка ширины» и поставьте ширину всего блога не более 900 пикселей. Сделайте сайт одностраничник узким! Такие страницы читают лучше всего!

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

Шаг 2. Настройка сообщения блога

В административной панели блога во вкладке «Дизайн» находим раздел «Сообщения блога» и нажимаем на кнопку «Изменить».

На странице «Настроить сообщения блога» удаляем галочки из всех чекбоксов и нажимаем кнопку «Сохранить».

В сообщении блога не будут высвечиваться ни какие кнопки настройки сообщения.

Шаг 3. Удалении лишних элементов с сайта одностраничника, созданного на Blogger

Сайт одностраничник выглядит пустым, но на нём есть элементы от Blogger (Главная страница, Подписаться на: Сообщения (Atom), Шаблон «Simple». Технологии Blogger, верхняя вкладка навигации). Их необходимо удалить.

1. Удаление панели навигации

В административной панели блога открываем вкладку «Дизайн» и находим в верхней части «Панель навигации».

Нажимаем кнопку «Изменить». В открывшемся окне «Настройка Navbar» находим настройку «Выключено» и ставим галочку в чекбоксе.
Нажимаем вкладку «Сохранить».
Панель навигации исчезла с блога.

2. Удаление постраничной навигации

Постраничная навигация удаляется в шаблоне блога.

Чтобы удалить элемент шаблона, в административной панели нажимаем на вкладку «Шаблон», затем — «Изменить HTML».

В открывшемся шаблоне нажимаем кнопку «Изменить шаблон» и ставим курсор в любое место шаблона и одновременно нажимаем на клавиатуре Ctrl +F – откроется поисковое окно шаблона.

В поисковое окно шаблона ставим элемент кода <b:include name=’nextprev’/> и нажимаем Enter.

В шаблоне этот элемент отразится с желтой подсветкой. Мы удаляем из шаблона элемент кода: <b:include name=’nextprev’/>.

Нажимаем вверху шаблона кнопку «Сохранить шаблон».
Постраничная навигация удалена с блога.

3. Удаление ссылки «Подписаться на: Сообщения (Atom)»

Элемент шаблона «Подписаться на: Сообщения (Atom)» лишний на блоге.

Чтобы удалить ссылку «Подписаться на: Сообщения (Atom)» заходим в административную панель блога, нажимаем поочерёдно вкладки «Шаблон» — «Изменить HTML».

Вверху шаблона нажимаем вкладку «Изменить шаблон».

Снова одновременно нажимаем на клавиатуре Ctrl +F для открытия поискового окна шаблона.

В поисковое окно шаблона вставляем <!— feed links —> и нажимаем Enter.

В HTML – коде шаблона подсвечивается элемент кода: 

<!— feed links —>

<b:include name=’feedLinks’/>

Удаляем этот элемент кода.

Нажимаем вверху шаблона кнопку «Сохранить шаблон».
Ссылка «Подписаться на: Сообщения (Atom)» удалена.

4. Удаление вкладки «Атрибуция»

Открываем вкладку «Шаблон», затем — «Изменить HTML», вверху шаблона нажимаем кнопку «Изменить шаблон».
В шаблоне в поисковое окно шаблона вставляем строчку HTML-кода: 

<b:widget id=’Attribution1′ locked=’true’ title=» type=’Attribution’> и нажимаем Enter, чтобы найти этот элемент кода.

В шаблоне высветится желтым цветом данная строчка HTML-кода.

Удаляем HTML-код от открывающего тега гаджета

<b:widget id=’Attribution1′ locked=’true’ title=» type=’Attribution’> до закрывающего тега</b:widget> включительно:

<b:widget id=’Attribution1′ locked=’true’ title=» type=’Attribution’> до закрывающего тега </b:widget> включительно:

<b:widget id=’Attribution1′ locked=’true’ title=» type=’Attribution’>

<b:includable id=’main’>

<b:if cond=’data:feedbackSurveyLink’>

<div class=’mobile-survey-link’ style=’text-align: center;’>

<data:feedbackSurveyLink/>

</div>

</b:if>

<div class=’widget-content’ style=’text-align: center;’>

<b:if cond=’data:attribution != &quot;&quot;’>

<data:attribution/>

</b:if>

</div>

<b:include name=’quickedit’/>

</b:includable>

</b:widget>

Выделив и удалив из шаблона блога данный HTML-код, мы удаляем с блога гаджет «Атрибуция».
Нажимаем вверху шаблона кнопку «Сохранить шаблон».

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

Шаг 4. Настройки сайта одностраничника

Самые первые настойки блога важны для поискового продвижения, сайт одностраничник – не исключение.

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

Теперь можно начинать оформление сайта одностраничника.

Подписаться на Школу-студию "Вдохновение" по E-mail