8 (495) 988-87-33 ежедневно с 10:00 до 19:00 admin@pagelife.ru
Редактирование содержания и внешнего вида сайта

Редактирование содержания и внешнего вида сайта

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

  1. Основные параметры
  2. Редактирование главного меню
  3. Добавление элементов в структуру сайта и их редактирований
  4. Внешний вид
  5. Текстовый редактор

 

Первый раздел меню административной панели «Мой сайт» позволяет Вам редактировать внешний вид сайта и наполнять его контентом (контент -  любое информационное наполнение сайта).

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

  1. Редактированию главного меню посвящен следующий раздел с соответствующим названием.  По умолчанию в главное меню сайта включены следующие пункты: Главная, О компании, Статьи, Доставка, Продукция, Контакты. Вы можете удалять ненужные, редактировать имеющиеся () или добавлять новые пункты. Для того, чтобы поменять последовательность пунктов просто перетащите их. Если Вы не хотите удалять пункт, но сейчас не испытываете в нем необходимости, уберите галочку напротив него в колонке "Показывать?" 

  1. Добавить пункт меню можно следующим образом: нажать на кнопку «Добавить пункт меню»; ввести название пункта и URL, отражающий содержание пункта, если вы создаете папку-подкаталог, то URL будет вида /content/name.aspx, если страницу – /page/name.aspx . Не забудьте, что пункту меню должны соответствовать реальные папка или страница, поэтому их необходимо добавить в структуру сайта. Для того чтобы это сделать, перейдем к следующему разделу.
  2. Раздел «Структура сайт» отражает содержание сайта в виде каталога с иерархической системой папок. Нажав на «Корень сайта», вы увидите все папки и страницы вашего сайта. Если Вы добавили новый пункт меню, то именной здесь Вам надо создать соответствующую ему страницу или папку. Для этого нажмите кнопку «Добавить элемент», выберите необходимое, введите название и нажмите «Добавить и редактировать». Перед вами откроется окно настроек элемента. Проверьте, чтобы в пункте «Ссылка на раздел (URL), была та же ссылка, что прописана в соответствующем пункте меню.  Нажмите «Сохранить и закрыть». Теперь проверьте, открывается ли страница. Для этого нажмите «Перейти на сайт» (находится в верхней правой части окна). Перед вами откроется сайт так, как его увидят пользователи. Найдите новый пункт и проверьте все ли верно открывается. Если сайт выдает ошибку 404, то проверьте еще раз совпадают ли ссылку в пункте меню и соответствующем элементе в структуре сайта.

 

  1. Добавление элементов в структуру сайта и их редактирований
    1. Вы можете создавать следующие виды объектов: статья/новость, товар/услуга, изображение и подкаталог. Для этого нужно выбрать папку, в котором будет размещаться элемент, и нажать на кнопку «Добавить элемент».  Нажав правой или левой кнопкой на статью/новость, товар/услугу, Вы увидите контекстное меню. В нем перечислены операции, которые вы можете совершить с этими элементами: редактировать, переместить, клонировать, удалить, получить ссылку (URL).

2. 

  1. Вы можете переместить элемент в другой подраздел. Выберите соответствующую команду. Перед Вами откроется каталог с папками. Выберите нужную и нажмите «Переместить».
  2. Команда «Клонировать» позволяет Вам создать копию элемента. После выбора команды перед Вами откроется каталог с папками. Вы можете поместить копию в любой раздел, имеющийся на сайте.
  3. Удалить элемент позволяет соответствующая команда.
  4. Команда «Получить ссылку (URL)» выводит для Вас индивидуальную ссылку элемента. Отметим, что для удобства показана только вторая часть ссылки, первая – это URL Вашего сайта, введенная при регистрации. Для того, чтобы получить работающую ссылку совместите обе части. Команда «Получить ссылку (URL)» будет очень полезной, например, при создании внутренних гиперссылок.

  1. Редактирование статьи/новости. Этот элемент позволяет Вам размещать тексты с изображениями, он может выполнять любые необходимые функции – рекламные, информационные, новостные.

  • Основные параметры. К ним относится название статьи, краткое описание, ссылка. Здесь же находится галочка «Показывать товар».

  • Текст страницы. Текстовый редактор, в целом, имеет привычный вид. Однако нужно понимать, что полностью функции Word’а он не воспроизводит. Более подробно о работе в текстовом редакторе читайте здесь.

  • SEO параметры. Заполнение этих параметров необходимо для того, чтобы помочь поисковым системам идентифицировать ваш сайт. Meta-Title – это заголовок страницы, один из самых важных параметров для поисковых систем; Meta-Keywords – ключевые слова страницы, которые вы продвигаете; Meta-Description – краткое описание страницы, отображается в исходном коде страницы, служит для поисковых систем.

  • Дополнительные параметры отвечают за то, как именно отображается текст на странице. Если Вы хотите, чтобы текст располагался непосредственно на той странице, в рамках которой он создан, снимите галочку рядом с параметром «Выводить данную страницу в виде блога». В этом разделе Вы можете также создать новый пункт главного меню, просто поставив галочку.

  • Титульное изображение – это изображение, которое будет выводиться рядом с названием статьи/новости. Загрузите его с компьютера.

  • Затем можете обрезать изображение. Растягивайте прямоугольник и передвигайте его, чтобы захватить необходимую область. Вы можете отключить пропорции, однако с изображениями одной формы сайт смотрится акккуратнее.

  • Формы. Вы можете прикрепить форму обратной связи.

 

  1. Редактирование товара/услуги. Pagelife позволяет Вам продавать любые товары и услуги, с помощью функционала административной панели Вы можете быстро наполнять сайт, присваивать товарам свойства и связывать их.

  • Основные параметры. К ним относится название товара, краткое описание, ссылка и цена. Также здесь Вы можете решить выгружать ли товара на Яндекс.Маркет, необходимы ли комментарии. Также можно отнести товар к категории горячих предложений (товары с этой отметкой отображаются на главной странице). Здесь же находится галочка «Показывать товар».

  • Описание товара происходит в том же редакторе, что и редактирование статьи.

  • SEO параметры также совпадают с настройками статьи, однако теперь Вам надо ориентироваться на конкретный товар.

  • Изображение. Загрузите изображение товара. Вы можете загрузить сразу несколько файлов, первый в списке будет основным. Не забудьте удалить изображение, стоявшее по умолчанию. 

На сайте товар будет отображаться следующим образом:

  • Параметр «Характеристика» позволяет Вам выбрать тип товара и его свойства. Их необходимо прописать заранее в разделе «Управление типами товаров». О том, как это это сделать, читайте здесь.

4. Подкаталог. Нажав на подкаталог в разделе «Структура сайта» правой или левой кнопкой, вы увидите контекстное меню. Его пункты в целом совпадают с меню для товара или новости, однако, отсутствует возможность клонировать подкаталог, зато есть команда «Добавить дочерний раздел», которая позволит Вам разместить внутри подкаталога еще один или несколько, не открывая его. Редактирование подкаталога включает следующие пункты:

  •  Основные параметры. Здесь Вы можете отредактировать название раздела, изменить его ссылку, также в этой вкладке находится галочка «Показывать раздел».
  • SEO параметры. Заполнение этих параметров необходимо для того, чтобы помочь поисковым системам идентифицировать ваш сайт. Meta-Title – это заголовок раздела, один из самых важных параметров для поисковых систем; Meta-Keywords – ключевые слова раздела, которые вы продвигаете; Meta-Description – краткое описание раздела, отображается в исходном коде страницы, служит для поисковых систем.
  • С помощью «Дополнительных параметров» Вы можете решить, как именно будет отображаться раздел: в виде пункта главного или бокового меню или раскрывающимся списком. Особое внимание обратите на «Тип раздела». Вид материала внутри раздела зависит от того, какой из типов вы выберите.
  •  Титульное изображение будет отображаться как значок папки. Например, следующим образом будут выглядеть подкаталоги с разными типами товаров:

​IV. Внешний вид

  1.  Редактирование шаблона
  • В этом разделе Вы можете поменять настройки внешнего вида, выбранные ранее при регистрации. Вы можете выбрать новый шаблон, цветовые схемы и вариант разметки. Обратите внимание, что тип сайта Вы уже изменить не можете.
  • В этом же разделе можно добавить свой логотип. Придерживайтесь рекомендуемого размера изображения (220х150), чтобы логотип смотрелся аккуратно.

  • Чтобы оценить выбранный внешний вид сайта, используйте кнопку 
  • На этой же страницы Вы можете скрыть копирайтер Pagelife, если это включено в выбранный тариф.
  1. Управление слайдером
    • На слайдере Вы можете размещать картинки товаров или услуг, подписывать их (графа «Комментарии») и привязывать к определенным страницам (графа «Ссылка»), например, чтобы при нажатии на фотографию открывался товар, изображенный на ней.
    • При выборе фотографий для слайдера придерживайтесь рекомендованного размера (690х200). Слайдер будет выглядеть привлекательно, если в нем будут фотографии хорошего качества и одинакового размера.
    • Вы можете самостоятельно определить скорость смены слайдов, внеся в окошко «Задержка между слайдами» нужное значение. Для точности задержка измеряется в миллисекундах, изначально равняется 3000 мс. (3 секунды).

  • Менять последовательность слайдов можно с помощью кнопок .
  1. Информационные блоки позволяет Вам размещать любую информацию как на всем сайте, так и на определенных страницах. Если Вы хотите добавить на страницу изображение, текст, ссылки и закрепить их в определенном месте, поместите их в инфоблок. Этот элемент удобен для акций, скидок, рекламных объявлений и т. п. Например, Вы можете вставить картинку товара со скидкой и привязать к ней страницу с ним. В зависимости от выбранного шаблона Вы можете разместить от 2 до 4 инфоблоков, которые располагаются на определенных позициях. Места размещения инфоблоков на сайте, а также рекомендуемую форму для них, Вы можете посмотртеть, нажав на кнопку . Места для инфоблоков будут выделены красным цветом.

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

 

V. Текстовй редактор

Текстовый редактор в административной панели Pagelife

  1.   «Источник» – показывает текст в html коде. Второй значок — открывает шаблоны.
  2.  Стандартный набор значков Вырезать, Копировать, Вставить, со значком блокнота — Вставить только текст. Последний в ряду значок – Вставить из документа Word. Позволяет вставить текст в том виде, в котором он был в документе Word.
  3.   Найти, Заменить и Выделить все.
  4.  Стандартный набор для форматирования текста (полужирный, подчеркнутый, зачеркнутый и т.п.). Очень полезная функция – «Убрать форматирование» (значок стерки) – она позволяет очистить формат, ее необходимо использовать, если Вы вставляете текст из интернета или другого документа.
  5.  Стандартный блок форматирования текста (нумерованные и маркированные списки, выравнивание текста)
  6.  Блок позволяет вставить и удалять ссылки.
  • Первый значок — вставить ссылку. Чтобы вставить ссылку выделите текст, затем нажмите на значок Вставить ссылку. Откроется следующее окно:

Есть три типа — стандартная ссылка, ссылка на какое-то место на этой же странице (якорь), почта (при нажатии открывается почтовый клиент, необходимо вставить e-mail).

Вкладка "Цель" позволеят выбрать будет ли страница по ссылке открываться в текущей старнице или новой.

"Загрузка", по ссылке может загружаться документ. 

  • Следующий значок позволит быстро удалить ссылку.
  • Якорь. С помощью якоря Вы можете отмечать место на странице, чтобы потом делать переход на него.  Это удобно для страниц большого объема. Выделяете текст, нажимаете значок Флажок, далее введите название якоря, чтобы не запутаться.
  1. Для того, чтобы вставить изображение нажмите на значок со схематичным изображением домика . Откроется окно "Свойства изображения". 

Выберите вкладку "Загрузить". Нажмите на кнопку "Выберите файл" и выберите необходимое изображение. Затем обязательно нажмите на голубую кнопку "Загрузить на сервер". После этого автоматически откроется вкладка "Данные об изображении":

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

Чтобы картинка не прижималась вплотную к тексты, другому изображению и т.п. введите значения для горизонтального и вертикального отступа. Указав выравнивание, Вы определите место изображения на странице. Чтобы вернуться к окну "Свойства изображения" просто щелкните два раза по картинке.