Редактирование сайта: Редактирование страницы

Шаг 2. Наполнение и редактирование сайта. — Google Sites

Редактирование контента Стартового сайта (старая версия) – Центр поддержки

Вы можете изменить содержание Стартового сайта, чтобы он отражал ваш бренд и показывал все преимущества магазина. В этом помогут настраиваемые блоки и обложка сайта — их можно использовать все или выбрать те, которые вам подходят. Разделы, которые вам не нужны, можно скрыть. Чтобы изменить контент Стартового сайта, перейдите на Панель управления Эквида → Сайт и нажмите кнопку Редактировать сайт.

Адрес сайта

Кликните на самый первый блок в боковом меню, чтобы изменить адрес сайта и задать название магазина. Если у вас нет собственного домена, вы можете подключить свой Стартовый сайт к бесплатному поддомену на company.site. Впишите выбранный адрес сайта в поле

Если у вас есть свое доменное имя, можно использовать его. Для этого нажмите кнопку Подключить домен, в открывшемся окне введите доменное имя и нажмите Сохранить.

В этом разделе также можно вписать название магазина. Покупатели увидят его на странице магазина, в счетах и уведомлениях.

Вступление и обложка

Вступление — это первое, что видит посетитель, когда заходит на сайт. Он отображает имидж вашей компании. В качестве заголовка можно использовать название магазина, слоган или приветствие.

В поле

Дизайн магазина

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

Подробно о том, как изменить дизайн читайте в статье Дизайн Стартового сайта.

История

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

Напишите текст в поле Описание секции. Если вы хотите назвать этот блок по-своему, кликните Изменить название секции и впишите свой вариант.

Чтобы скрыть блок, в поле Показывать секцию поставьте переключатель на ВЫКЛ.

Отзывы клиентов

Отзывы покупателей — важная часть сайта. Многие посетители магазина настолько доверяют отзывам незнакомых людей в сети, что могут положиться на них, принимая решение о покупке. Кроме того, отзывы помогают вам лучше понимать потребности клиентов и реагировать на них. Когда клиенты видят, что вы прислушиваетесь к их мнению, каким бы оно ни было, они с большей охотой покупают у вас.

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

Чтобы добавить следующий отзыв, нажмите 

Изображение, которое вы выберете, будет адаптировано под размер 96х96 пикселей. Минимальный размер фото для Стартового сайта — 96×96 пикселей (для Ретины — 192×192). Поддерживаемые форматы — JPEG, PNG, GIF.

При необходимости скройте блок, отключив опцию Показывать секцию.

О магазине

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

В поле Описание секции впишите текст, добавьте свое

Изображение, которое вы выберете, будет адаптировано под размер 144×144 пикселей. Минимальный размер фото для Стартового сайта — 144×144 пикселей (для Ретины — 288×288 пикселей). Форматы: JPEG, PNG, GIF.

Если вы не хотите показывать этот блок, отключите опцию Показывать секцию.

Физический адрес и часы работы

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

Название блока легко поменять, нажав кнопку

Введите Заголовок раздела с адресом и укажите свой адрес в поле Физический адрес — Гугл автоматически отметит ваше местоположение на Карте. Ваши клиенты смогут самостоятельно проложить маршрут к вашему магазину или пункту выдачи товара при нажатии на кнопку Проложить маршрут.

Заполните раздел с графиком работы, чтобы покупатели знали, как вы работаете в будние и выходные дни.

Если точки продаж нет, скройте этот блок, отключив опцию Показывать секцию.

Контактная информация

В этом блоке разместите свои контактные данные: телефон, почту, аккаунты в социальных сетях и мессенджерах. Так покупатели смогут связаться с вами, если у них возникнут вопросы о товаре или об оформлении заказа. Укажите ссылки на страницы вашего магазина в соцсетях — так подписчики смогут делиться информацией о вас со своими друзьями, а это хорошая реклама вашего бизнеса.

Напишите Номер телефона магазина, Адрес электронной почты и Адрес сайта в соответствующие поля.

В разделе Аккаунты в соцсетях разместите ссылки на страницы в соцсетях. Чтобы добавить больше соцсетей и мессенджеров, например, WhatsApp, Пинтерест, Телеграм и другие, кликните Добавить ещё. Затем выберите нужные мессенджеры или соцсети и вставьте ссылку в поле ввода.

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

Читайте также

Дизайн Стартового сайта
Продвижение Стартового сайта

Как редактировать сайт на wordpress

Площадки на WordPress очень просто редактировать – это одна из главных причин, почему лучше разместить сайт именно на этом движке. В нем сможет разобраться каждый. Даже тот, кто раньше и не сталкивался с сайтостроением. Это не uCoz со всеми его премудростями ручного написания кода. В Wordress система управления сайтом полностью автоматизирована. Вам не придется беспокоиться, что вы не знаете, какой прописать код. Редактировать страницы вручную не понадобится!

Данная статья станет вводным мануалом для тех, кто только собирается установить WordPress на сайт, или для тех, кто вообще только планирует завести свой веб-ресурс.

Вы узнаете о всех “премудростях” редактирования страниц сайта на этом движке и быстро поймете, что этому даже можно и не учить – все очень просто. Итак, поехали!

Редактор страниц WordPress – как пользоваться

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

Ядро WordPress – это нечто уникальное, простое и неповторимое. Если вы разместите свой сайт именно на этом движке, то к коду вам практически не придется притрагиваться. А все потому, что у этой CMS-системы есть свой редактор страниц. Система управления сайтом сводится к управлению всеми процессами через обыкновенное меню, с каким справиться и юноша 12 лет, и даже 70-летний старик (если постараться).

У WordPress есть своя панель управления. Среди вебмастеров ее именуют “админкой”. Чтобы начать редактировать сайт и изменить структуру страниц, вам необходимо пройти в эту панель управления. Находится она чуть выше шапки сайта. Для входа стоит ввести логин и пароль, причем администраторские, не то не сможете вносить изменения на сайт.

Если вам необходим редактор страниц, тогда зайдите в соответственный раздел “Страницы”. Там вы увидите полный список всех доступных, уже опубликованных и личных страниц. Чтобы начать редактировать содержимое, вам необходимо нажать на один из доступных заголовков – вы перейдете во вкладку управления содержимым страницы. Внутри редактор очень похож на программу Word. Только у него еще есть всяческие дополнительные функции и кнопки. И все эти кнопки объясняются, потому вам будет просто изменять сайт и содержимое страниц.

Чтобы добавить новый текст на странице, просто начните его печатать в приведенном текстовом редакторе WordPress. Там же вы сможете изменить заголовки страниц, подправить многие функции, шрифт, выделения и прочее. В этом вы уже разберетесь самостоятельно. Теперь рассмотрим другие способы, как редактировать сайт.

Запуск редактора WordPress с определенной страницы

Это очень продуманный движок. Он рассчитан на новичков и малоопытных в сайтостроении людей, так что вы точно с ним справитесь. Необязательно, чтобы система управления сайтом открывалась именно так, как было описано в предыдущих абзацах. Вы можете сначала зайти на необходимую страницу, либо просто просматривать содержимое ресурса, и если возникнет желание что-нибудь изменить, нажмете в верхнем правом углу кнопку “Редактировать страницу”.

Учтите, что такая кнопка появится только в том случае, если вы уже авторизованы на движке. В ином случае сайт будет видеть вас как простого пользователя и не предоставит права доступа для редактирования. После нажатия на кнопку “Редактировать страницу” вы попадете в аналогичный раздел, как если бы сделали это через “админку”.

Быстрое изменение свойств страницы

Для активации этого метода управления содержимым площадки вам снова придется запустить административную панель. Только в этот раз после того, как увидите список всех страниц, не нажимайте на их заголовки для перехода к редактору. Теперь попробуйте нажать на кнопку “Свойства”, которая появляется после наведения на каждый из заголовков.

После нажатия вы перейдете в режим быстрой редактуры страницы. Вы не сможете изменить ее содержимое, то есть текст, картинки и записи на ней, но сумеете откорректировать некоторые свойства. Например:

• можно изменить текст заголовка, его формат, а также дату публикации и ярлыки страницы;
• если понадобится, то сможете установить пароль на определенные страницы;
• сумеете поменять расположение страницы в меню;
• откроются некоторые возможности редактирования шаблона;
• доступно отключение/включение комментариев;
• можно менять статус страницы.

После проведенных изменений не забудьте их сохранить. Система управления не сохраняет изменения автоматически, из-за чего у многих вебмастеров случается депрессия, особенно после написания статьи в редакторе Вордпресс. Так что как только добавите новые свойства, нажмите на кнопку “Обновить”.

Как удалить страницу

В начале, еще перед публикацией своего проекта на Вордпресс, многое приходится менять. И это хорошо, что вы пытаетесь сделать содержимое своего ресурса лучше. Порой для этого приходится удалять лишние страницы. Ведь чем меньше указано разделов в меню навигации для пользователя, тем удобнее пользоваться сайтом. Так что лучше не размещайте у себя в меню больше 5-10 страниц – это навредит статистике отказов проекта. А если уже разместили, то сделайте подразделы, либо удалите ненужные страницы. Как раз процесс их удаления мы и разберем.

Чтобы удалить страницу, необходимо точно так же зайти в административную панель, введя свой логин и пароль. Далее зайдите в меню “Страницы” и нажмите на необходимый заголовок. Потом возле пункта “Опубликовать” или “Обновить” вы увидите кнопку “Удалить”. Либо не заходите в редактор содержимого, а лишь наведите курсор на заголовок страницы в списке и откроются дополнительные кнопки, в том числе и пункт “Удалить”. Нажмите на него и страница переместиться в “Корзину”. Если она снова понадобится, вы сможете ее восстановить.

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

Как установить пароль на страницу

Пароль и страницы с частным доступом – это один из популярных способов монетизации сайтов на Вордпресс. Вы сможете размещать в “запароленных” разделах площадки какую-то уникальную, полезную и редкую информацию. А за доступ к этим частям ресурса посетители будут вам платить определенную ежемесячную или даже ежедневную плату.

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

Редактирование страниц сайта: самостоятельная работа с контентом

Проверка уникальности контента

Все тексты на сайте должны иметь 100% уникальность. Это сильно влияет на выход в ТОП поисковых систем Яндекс и Google. Есть много бесплатных сервисов для проверки уникальности текста, например, text.ru, content-watch.ru, etxt.ru.

Также обращайте внимание на стилистику текста и орфографию, проверяйте опечатки и пунктуацию.

Использование типографа

Смысл типографики заключается в том, чтобы отбросить все стили из MS Word, а также выставить правильные кавычки и тире, что значительно улучшает читабельность контента. Пример написание текста с типографом и без него:

Без типографа: «МИРАНДА BEAUTY» — это магазин материалов для ногтей и волос.
С типографом: «МИРАНДА BEAUTY» — это магазин материалов для ногтей и волос.

Используйте сайт typograf.ru. Для работы с ним необходимо поместить текст в поле для ввода и нажать «Типографировать». Ниже под кнопкой будет находиться готовый текст. Его можно либо выделить и скопировать в HTML-формате и вставить в код (без редактора). Либо скопировать текст под кнопкой и вставить в визуальный редактор на сайте через Блокнот. Он необходим для сбрасывания выделения символов.

Оформление контента

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

• <h3>, <h4>, <h5>, … — оформление заголовков и подзаголовков. Просто поставьте знак перед и после фразы: <h2>Заголовок</h2>;
• <hr> — разделительные полосы. Красиво и ненавязчиво смотрятся под заголовками или цитатами;
• <li>, <ol> — маркированные и нумерованные списки. Используйте при перечислении;
• Оформите цитаты курсивом или фоном.

Не забывайте выравнивать изображения с текстом или ставить их на 100% ширины. Но не стоит перенасыщать контент изображениями и подзаголовками. Всегда смотрите на материал со стороны:как бы вы сами восприняли контент на странице?

Названия изображений

Перед загрузкой изображения на сайт переименуйте его. Назовите изображение ключевыми словами страницы или самой картинки. Обратите внимание, что использовать нужно латинский язык, т.к. не все CMS корректно работают с кириллицей (русским языком).

Не оставляйте названия типа «IMG_6078.jpg». Вы сможете легко ориентироваться в своих изображениях, а поисковые системы используют эту информацию для выдачи в поиске. Чтобы Google и Яндекс легко смогли определить картинку, используйте ALT и TITLE:

• Alt — это текст, который появляется на месте изображения, которое не отобразилось.
• Title — описание файла, которое появляется при наведении курсора.

Задайте их в теге <img>.
Пишите лаконичные названия к файлам, достаточно 1-3 слов.

Сжатие изображений

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

Оптимальный размер изображения для сайта считается до 1000px, как по ширине, так и по высоте. Уменьшить картинку можно с помощью Adobe Photoshop.

Для сжатия изображений существует масса онлайн-сервисов. Мы используем программу tinypng.com. Изображения добавляются методом перетаскивания и можно отправлять сразу несколько картинок.

Последний, но очень важный совет: Перед просмотром всех изменений на сайте всегда чистите кэш браузера. Для этого пользуйтесь горячими клавишами «Ctrl + Shift + Del» и наслаждайтесь обновленным, красивым контентом.

Основы редактирования сайта—ArcGIS Hub | Документация

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

В этом разделе вы узнаете, как сделать следующее:

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

Открытие сайта в режиме редактирования

Чтобы начать, откройте сайт в режиме редактирования. Подробнее об открытии страницы в режиме редактирования см. в Открыть страницу в режиме редактирования.

Из окна браузера

Чтобы открыть сайт в режиме редактирования из браузера, выполните следующие шаги:

1. Откройте URL сайта в новом окне браузера и щелкните Войти на глобальной навигационной панели.
2. Щелкните кнопку редактирования , чтобы открыть редактор сайтов.

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

Из ArcGIS Hub

Если глобальная навигация отключена для сайта, вы можете открыть сайт из ArcGIS Hub:

1. Войдите в ArcGIS Hub на hub.arcgis.com.
2. На странице Обзор щелкните Управлять в Cайты или Инициативы.
3. Щелкните на названии сайта или инициативы, чтобы открыть редактор сайта.

Из ArcGIS Online

Чтобы открыть сайт в режиме редактирования из ArcGIS Online, выполните следующие действия:

1. Войдите в ArcGIS Online.
2. Найдите сайт или сайт инициативы элемента Hub Site Application в разделе Ресурсы.
3. Щелкните элемент, чтобы открыть Информацию об элементе и щелкните Настроить приложение.

Сохранение изменений

Так как вы редактируете сайт, регулярно сохраняйте изменения. Кнопка Сохранить находится в верхнем правом углу панели навигации редактирования. У вас есть возможность опубликовать сайт как черновик для просмотра для других пользователей. Более подробно см. раздел Публикация сайтов или страниц.

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

Операции на боковой панели и панель навигации редактирования

Чтобы получить больше возможностей редактирования сайта, вы будете использовать боковую панель сайта. Эта панель включает меню Настройки, Заголовок, Тема, Компоновка и Колонтитул.

Чтобы открыть боковую панель, щелкните на кнопку переключения боковой панели . Щелкните на кнопку Назад рядом с Настроить наверху панели, чтобы вернуться к главному меню.

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

Создание компоновки сайта

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

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

Чтобы познакомиться с редактированием компоновки сайта, выполните эти три шага и добавьте новую карточку строки:

1. Щёлкните Компоновка на боковой панели.
2. Перетащите карточку Строка с боковой панели на компоновку и расположите строку там, где вы хотите.

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

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

   Подсказка:

   Чтобы переместить карточку в строку, удерживайте курсор над верхним правым углом карточки и используйте кнопку размещения , чтобы переместить карточку. Также вы можете использовать стрелки вправо и влево у карточки, чтобы изменить ее размер.
4. Дополнительно, чтобы переместить строку, удерживайте курсор над верхним правым углом строки и используйте кнопку размещения , чтобы переместить строку.

   Вы можете переместить строку, включая все карточки, которые она содержит, в новое место на компоновке.

5. Щелкните Сохранить.
6. Чтобы удалить карточку или строку, щелкните ее кнопку удаления .

Настройки сайта

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

Подсказка:

URL адрес — это важная настройка вашего сайта и ее надо настроить заранее. Чтобы настроить URL-адрес с пользовательским доменом или чтобы переименовать сайт, см. настройка URL-адреса сайта.

Более подробно см. Настройка параметров сайта

Заголовки, нижние колонтитулы и глобальная навигация

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

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

На небольших устройствах, таких как мобильный телефон, заголовок сворачивается в ниспадающее меню, и элементы глобальной навигации (включая опцию ArcGIS Hub Premium добавления инициативы в избранное) доступны на боковой панели, так что посетители могут перемещаться по сайту независимо от размера экрана.

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

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

• Логотип
• Цвет фона заголовка и текста
• Иконки социальных сетей, чтобы связать посетителей с платформами социальных сетей
• Ссылки меню на страницы и дополнительные ресурсы для создания навигации сайта

Для получения дополнительной информации см. Бренд сайта с заголовком и опциями темы и Настройка глобальной навигации и ссылок меню.

Цвета и шрифты

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

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

Сначала поместите курсор над правым верхним углом строки и щелкните кнопку настроек для изменения следующих возможностей.

• Выберите широкую или квадратную компоновку — Широкая раскрывает строки через всю компоновку. Квадратная отображает ресурсы с зафиксированной шириной в строке.

  Подсказка:

  Квадратная — это рекомендуемая настройка для публикации сайтов, предназначенных для просмотра преимущественно на мобильных устройствах.

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

  Подсказка:

  Убедитесь, что цветовой контраст между цветом текста строки и цветом фона удовлетворяет критерию доступности 4.5:1 для обычного текста и 3:1 для крупного текста или символа. Существует много вебсайтов, где вы можете проверить цветовойконтраст, например WebAIM.

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

  Подсказка:

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

Более подробно о форматировании строк см. в Добавление текста и изображений и Создание темы.

Страницы

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

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

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

Для подробной информации о страницах см. Добавление страниц на ваш сайт.

Отзыв по этому разделу?

Редактировать сайт MODX Revolution

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

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

Если же необходимо редактировать ранее опубликованный документ, следует кликнуть по названию этого документа в левом поле.

Переходим на следующую страничку:

Прежде всего, заполняем название страницы (обязательно к заполнению!), затем, вкладку «Расширенный заголовок», которая формирует заголовок всего текста на данной странице.

Поисковые системы, в частности Google, лояльно относятся к страницам сайтов, содержащих метатег «description», что означает описание страницы. Посему, если планируется продвижение сайта, то рекомендуется заполнить и это поле, которое должно содержать около 160 символов с пробелами.

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

Система MODX Revolution помогает формировать адрес страницы, и после заполнения названия страницы будет сформирован, так называемый, человекопонятный url. Однако при необходимости url можно редактировать.

Система сама формирует систему навигации на сайте. Для того чтобы MODX выводил пункт меню, следует заполнить поле «Пункт меню».

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

Доступны и другие иконки для редактирования, в частности: отменить редактирование, повторить редактирование, отступы, маркированный список, нумерованный список, подчеркивание и другие. При наведении на иконку появляется всплывающая подсказка.

Следует иметь в виду, что напрямую скопировать и вставить в этом поле система не всегда позволяет (зависит от браузера), для вставки скопированного текста следует воспользоваться сочетаниями клавиш: ctrl + с или ctrl + insert – копировать, ctrl + v или shift + insert – вставить.

Для «превращения» какой-либо фразы или слова в заголовок, следует воспользоваться кнопкой «Абзац».

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

Редактирование статей сайта

Ввод и форматирование текста

Для форматирования текста статьи или документа используются кнопки в панеле редактора. При наведении мышкой на отдельную кнопку всплывает подсказка о предназначении кнопки:

Форматирование можно применять до набора текста: например, нажать на кнопку «Курсив» и начать печатать текст — отобразится наклонный текст. Для отмены печати курсивом, кнопку «Курсив» нужно нажать ещё раз.
Также форматировать можно уже введённый или вставленный из других источников текст. Для этого нужно выделить текст мышкой (или удерживая клавишу Shift+стрелочки), и затем нажать на кнопку желаемого форматирования.

Для ввода верхнего и нижнего индексов используются кнопки «Индекс», и «Степень». Для ввода индекса нажмите на кнопку и напечатайте текст (или букву/цифру) на клавиатуре. Для возвращения к обычному тексту нажмите кнопку индекса повторно. Также можно преобразовать в индекс уже введённый символ или текст, выделив его мышкой (или удерживая клавишу Shift), и щёлкнув по кнопке индекса

 Для ввода специальных символов используется кнопка «Вставить спец.символ»

В документ можно добавить ссылку на веб-страницу, или на файл, загруженный на сайт, а также на статью, размещённую на сайте. Для этого используют кнопку «Вставить/изменить ссылку». Если нужно удалить уже существующую ссылку, — то соседнюю кнопку «Удалить ссылку»:

При нажатии на «Вставить/изменить ссылку» открывается окно добавления ссылки

В поле «Ссылка» (№1 на рисунке) вставляется ссылка на внешнюю веб страницу в формате http://<адрес страницы>. В поле «Текст» вводится текст, который будет отображаться в документе, и по нажатию на который будет осуществляться переход по указанной ссылке. Для окончания оформления ссылки нажмите «Вставить» и ссылка отобразиться в тексте документа.

Чтобы добавить ссылку на статью или новость, размещённую на сайте, нужно раскрыть раздел «Контент» (№2). В открывшемся списке выбрать мышкой нужную статью, ссылка на неё пропишется в поле «Ссылка», в поле «Текст» нужно указать текст для ссылки, и нажать «Вставить» — ссылка попадёт в документ:

Чтобы добавить ссылку на файл, загруженный на сайт, нужно нажать на кнопку «Обзор» в окне добавления ссылки (№3). В открышемся окне выбрать файл и нажать «Вставить». Если файл нужно предварительно загрузить с компьютера, то см.инструкцию по загрузке файлов и картинок в разделе «Загрузка и вставка картинок» (ниже по тексту инструкции).

Вставка готового текста

Когда в документ нужно вставить готовый текст, созданный в другом текстовом редакторе или скопированный с веб-страницы, то для вставки текста в документ используйте кнопку «Вставить» (или сочетание клавиш на клавиатуре Ctrl-v)

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

В случае когда очистка форматирования не помогает и текст остаётся сильно искажённым, лучший путь — это вставить один только текст и оформить его заново в редакторе документа. Используйте иконку «Вставить как обычный текст». Откроектся окно, в которое нужно будет вставить скопированный текст, при этом всё форматирование текста будет утрачено:

(Если вдруг кнопка не срабатывает, то рекомендуется сохранить документ и открыть редактор заново)

Текст можно очистить от лишнего форматирования или нежелательных html-тэгов вручную. Для этого применяют «Редактор исходного кода». Также, если есть исходный код html-документа, то этот код вставляется в документ в режиме «редактора исходного кода». В этом случае вся разметка и стили, прописанные в коде, будут применены к документу при переключении в обычный режим просмотра:

Когда html-код документа копируется с веб-страницы или других сторонних источников, в нём могут содержаться лишние или пустые html-тэги. Для очищения пустых тэгов и оптимизации html-кода используется кнопка «Очистить HTML код». Для этого нужно выделить текст и нажать на кнопку.

Загрузка и вставка картинок

Чтобы добавить в документ изображение, используйте кнопку редактора «Вставить/изменить изображение»

Откроется окно «Менеджера изображений»

Если файл с изображением требуется сначала загрузить с компьютера, то в «Браузере файлов» (№1 на рисунке) выберите папку, где будет храниться файл.
Или же создайте новую папку для своих картинок (для создания новой папки щёлкните на иконку №2)

Когда папка выбрана, нажмите иконку «Загрузить» (№3) >> откроется окно загружки изображений, в которое можно мышкой перетащить файлы с компьютера или нажать на «Обзор» и найти файлы картинок в нужной папке на компьютере:

После выбора файлов, нажать «Загрузить» >> картинки загрузятся с компьютера в выбранную раннее папку, и теперь их можно вставить в документ.

Для этого щёлкните мышкой в «Браузере файлов» (№1) по файлу, который требуется вставить >> ссылка на него появится в поле «Ссылка» (№4). Если вы выбрали нужный файл, но в поле ссылка осталось упоминание о другом файле или поле пустое, то нажмите на иконку «Вставка» (№5), и поле обновится.
Теперь нажмите кнопку «Вставить» (№6) внизу окна, и картинка появится в документе.

Размер вставленной картинки можно пропорционально изменить, потянув за верхний правый или нижний правый угол (или за другие маркеры в разных направлениях):

Загрузка и вставка файлов

Для вставки файлов в документ используется иконка «Вставить/изменить файл»

Откроется окно «Менеджер файлов». Загрузка и вставка файлов происходит по той же схеме, что и работа с файлами изображений (см.раздел выше «Загрузка и вставка картинок» ). Дополнительно в окне «Менеджера файлов» есть поле «Цель», в котором можно выбрать способ открытия файла при переходе на него из текста статьи — файл может открываться в этом же окне («Открыть в текущем окне/фрейме»), или в новом окне («Открыть в новом окне»)

Полное редактирование сайта — узнайте о темах на основе блоков

Что такое полное редактирование сайта?

Полное редактирование сайта — это новая функция WordPress, которая находится в стадии разработки.
При полном редактировании сайта вы используете блоки для создания целых страниц или веб-сайтов.
Все, что вы видите на странице, представляет собой блок.

WordPress 5.8 планируется включить раннюю версию полного бокового редактирования с новыми блоками и новый режим редактирования шаблона .

Режим редактирования шаблона

— это дизайны для полных страниц, включая верхний и нижний колонтитулы.

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

Выберите или создайте шаблоны прямо из раздела нового шаблона в редакторе блоков:

Новые блоки участка

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

Новый файл конфигурации темы для разработчиков

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

_{10 мая}
Gutenberg 10.6 будет включать версию 1.0 формата theme.json.
Experiment-theme.json будет переименован в theme.json.
Пожалуйста, дайте мне немного времени, чтобы обновить пример темы и уроки 000
Официальная документация для theme.json была обновлена, , но вам нужно использовать Gutenberg 10.6 RC 1 для ее тестирования.

_{15 апреля}
У нас вперед! Прочтите, какие полные функции редактирования сайта будут включены в WordPress 5.8, здесь.

^{7 апреля}
Обновлены следующие уроки:
Создание блочных тем WordPress
Упражнение: шаблоны и части шаблонов

^{25 марта}
Друзья! Поскольку Gutenberg версии 10.3 имеет несколько больших изменений, включая theme.json и выравнивание блоков, мне потребуется некоторое время, чтобы обновить все примеры кода и уроки.
Я обновлю это сообщение о статусе, когда курсы снова станут актуальными (начало апреля).

Блоки полного редактирования сайта — Полное редактирование сайта

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

Перечисленные здесь блоки являются экспериментальными и могут использоваться с последним плагином Gutenberg и с полной активной темой редактирования сайта.Они доступны как в редакторе блоков, так и в редакторе сайта.

Обновлено 18 апреля 2021 г. — Гутенберг, версия 10.4

Доступные блоки

Заголовочные блоки:

Почтовые блоки:

Блокировок комментариев:

Название сайта

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

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Тег HTML можно изменить между уровнями заголовка h2-H6 и абзацем.
Выровнять по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

Выход:

   
 Предварительный просмотр темы 
   

Слоган сайта

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

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Выравнивание по левому, правому и центру.

Наценка:

Выход:

  
 Еще один сайт на WordPress 
  

Логотип сайта

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

Варианты стиля: По умолчанию или с округлением.

Настройки боковой панели: Ширина изображения.

Настройки панели инструментов: Выравнивание по левому, правому и центру. Заменить изображение.

Наценка:

Выход:

С помощью блока заголовка сообщения вы можете отображать и редактировать текст заголовка.

Настройки боковой панели: Типографика, цвета. Настройки ссылки.

С помощью настроек ссылки вы можете сделать заголовок ссылкой, добавить rel и выбрать, открывать ли ссылку в новом окне:

Настройки панели инструментов: Тег HTML можно изменять между уровнями заголовка h2-H6.
Выровнять по левому, правому и центру.Полная ширина и широкая ширина.

Наценка:

Выход:

   
 Привет, мир! 
   

Автор записи

Блок автора сообщения — это один из блоков, который имеет дополнительные настройки. Возможные варианты:

• Выберите автора из раскрывающегося списка.
• Показать или скрыть аватар пользователя. -Невозможно выбрать положение аватара.
• Выберите один из следующих размеров аватара: 24 × 24, 48 × 48, 96 × 96 пикселей.
• Показать или скрыть биографию — Невозможно редактировать биографию внутри блока. Контент загружается из пользовательских настроек.
• Изменить цвет текста и цвет фона. -Невозможно выбрать градиент.
• Выровнять текст по левому краю, по центру или по правому краю.

Когда выделен текст, он также может быть выделен жирным шрифтом и / или курсивом, и может быть применено зачеркивание.

Дата публикации

С блоком даты публикации вы можете:

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

В этом блоке есть окно справки с инструкциями по использованию средства выбора даты.

Опубликовать Рекомендуемое изображение

Выберите, загрузите и отобразите избранное изображение, назначенное для публикации или страницы.

В этом блоке нет новых возможностей обрезки изображения или параметров для изменения размера, заголовка или альтернативного текста.

Настройки боковой панели: Настройки ссылки: Ссылка на публикацию.

Настройки панели инструментов: Выравнивание по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

Выход:

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

Настройки панели инструментов: Полная и широкая ширина.

Наценка:

Выход:

  

 Добро пожаловать в WordPress. Это ваше первое сообщение. Отредактируйте или удалите его, а затем пишите! 
  

Отрывок из сообщения

Блок отрывка сообщения позволяет вам создать отрывок.

• Выберите длину отрывка.
• Когда текст отрывка выделен, вы можете выделить его жирным шрифтом и / или курсивом.
• Выровняйте текст по левому краю, по центру или по правому краю.
• Блок поддерживает следующие встроенные настройки:
  • Встроенный код
  • Встроенное изображение
  • Зачеркнутый
  • Подстрочный индекс
  • Надстрочный индекс
  • Цвет текста
• Добавьте ссылки.
• Включите ссылку «Подробнее». Вы можете отредактировать текст ссылки и выбрать отображение ссылки справа от содержимого отрывка или в новой строке.

В своей первой базовой версии блок отображает теги постов.В приведенном ниже тикете вы можете прочитать о запланированных функциях.
https://github.com/WordPress/gutenberg/pull/20418

Настройки панели инструментов: Выравнивание по левому, правому и центру.

Настройки боковой панели: Типографика, цвета.

Наценка:

Выход:

   образец  |  тест