Как оформить страницу комментариев в стиле сайта

Продолжим тему вставки комментариев на свой сайт и поговорим о том, как оформить страницу комментариев, чтобы она вписалась в общий дизайн сайта.

После первой статьи  "Как вставить комментарии на свой сайт" мне пришло немало писем от моих подписчиков с просьбой рассказать, как я вставила на страницу комментариев шапку сайта.

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

Что потребуется для этого? Первое, это скриншот шапки вашего сайта. Его можно сделать в программе FastStoneCapture, о которой я уже писала и которую можно скачать бесплатно на моем сайте. Второе, это небольшой фрагмент кода, который нужно вставить на страницу комментариев в панели администрирования скрипта.

А теперь обо всем подробнее и с картинками... Скриншот шапки сайта называем "head2.jpg" и заливаем любым Ftp-клиентом на хостинг в папку images. Те, кто внимательно читал прошлый материал, уже знают, что залить на хостинг любой файл можно с помощью стандартного TotalCommander либо с помощью удобной и быстрой программы FileZilla. Здесь инструкция по загрузке файлов на сервер через FileZilla.


Теперь идем в панель администрирования комментариев, как туда попасть я писала здесь. В выпадающем меню в правом верхнем углу выбираем пункт "Вставка кода".

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

Итак, в верхнее поле вставляем следующий фрагмент кода:

<div align="center"><img src="http://sayt-s-nulya.ru/images/head2.jpg" alt="Страница комментариев" title="Комментарии" width="1037" height="204"></div>

Красным цветом выделено то, что вы должны заменить своими данными. Вместо адреса моего сайта sayt-s-nulya.ru вписываете свой сайт. Альтернативное название рисунка (alt) шапки можете заменить своим, а можете оставить нетронутым. Размеры скриншота шапки прописываете свои. Посмотреть размеры можно щелкнув по рисунку ПКМ и выбрав Свойства страницы. Там вы увидите ширину и высоту, которые вам нужно указать в коде вместо моих.

Если скрин шапки у вас называется иначе, чем head2.jpg, то соответственно вам придется указать это в коде, заменив название своим. Вписав данный код, внизу страницы нажимаете кнопку "Сохранить".

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

Всем успехов и до новых встреч! С ув. Светлана (SvetLana_TSV)
Не ленитесь делиться материалом с друзьями в соцсетях:))
Откроется страница, где вы увидите два поля для вставки кода, называются "верх" и "низ". Верхнее поле служит для вставки кода шапки сайта, а нижнее для вставки кода футера сайта. Я футер на страницу комментариев не вставляла, а кто захочет - можете вставить, повторив все действия по вставке шапки.
Оставьте свой комментарий
                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
??????.???????
Отличная
менюшка
ПОДРОБНЕЕ

Не забудь заглянуть в свою почту и подтвердить подписку!