11.2.16

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

Создание одностраничника - настройки
Сайт одностраничник, созданный на бесплатной платформе 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. Настройки сайта одностраничника

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

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


Комментариев нет :

Отправить комментарий