Руководство для сайта «BeArtDesign» – #10 – Пример создания страницы проекта

Автор Denis Lisitsin
Руководство для сайта «BeArtDesign» – #10 – Пример создания страницы проекта

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

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

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

Я открываю текстовый редактор нахожу информацию понимаешь, что название моего нового проекта содержится в этой строчке я его копирую и. Вставляю в соответствующие поля и пишут проект и указывая название постоянную ссылку я оставлю пустым дабы система провинциальном. Генералы автоматически описанием я беру из текстового файла и вставляя в соответствующее поле также не лишним будет продублировать — это местописание заменить текст в кратком описании краткое описание смешное если мы придём на страницу проекты такое. У нас есть несколько параграфов где и как раз — это отражается вводный текст для каждого проекта сосна мы вносим изменения в этом поле дали. Вадима выбрать изображение изображение отображается у нас в виде фона для каждого проекта когда мы приходим на страницу этого проекта мы раньше изображали в папку тест изображения поэтому могу. Янтарный мир использоваться указываем поле город заполняем его соответствующими данными площадь квадратных метров и количество комнат 1 настройки отображения секций внизу и секции поделиться я оставляю без изменений. Далее идет непосредственно поле с текстовым описанием нашей странице сюда мы можем загружать детей изображение прочую информацию не лишним будет упомянуть, что для того чтобы текст отображался максимально аккуратно необходимо работать не только в визуальном редакторе используя основные настройки форматирования текста. Да, но также и редактировать его. Исходный код. Исходный код редактировать очень просто достаточно просто в меню выбрать источник и соответственно здесь мы уже можем форматировать. Наш текст с использованием HTML тегов их не так много, но основные нужно знать — это позволит получить текст максимальную для отображения в различных браузерах и он будет более читаемый для поисковых системах поисковых роботов соответственно мы выделяем этот весь в тексте удаляем переходим в наш текстовый документ и копируем у нас по сути в текстовом документе массив разделён на основные блоки — это помещение планировка цветовое решение фотогалерея ответственным — это всё копирует как тонировка и потом у нас идёт цветовое решение с фотогалереей текст необходимо разбавить изображениями — это очень просто. Для этого необходимо поставить курсор в том месте где мы хотим настроить изображение выбрать соответствующую настройку выбрать изображение на сервере в которой можно загрузили и убрать в ширину высоту далее нажать на кнопку. О'кей убираем ненужные пробелы ставим курсор опять в требуемом месте выбираем изображение удаляем ширину высоту нажимаю. О'кей так далее фотогалерея. Сюда можно вставить несколько изображений, что мы сейчас сделаем 4 дальше на высоту нажимаем OK и один кусок на новую строку выбираем изображение удаляешь высоту смайлики так в итоге мы получили текст выносим который разделён врезками в виде изображений. Однако важно понимать, что оповещение планировка и тому подобное является заголовками заголовки предусмотрены различные уровни предполагается, что заголовок страницы заголовок первого уровня весна все оставшиеся головки будут по приоритету ниже соответственно — это могут быть заголовки второго уровня 3 4 5 и так до 6 заголовком которой мне соответствие соответствующие соответствуют определенные теги заголовку второго уровня сопоставляется тег H2 заголовка 3 и 4 и так далее соответственно здесь. Нам необходимо сделать оповещение заголовком 2 для этого приходим редактор кода и место параграфа. ТГП — это будет у нас открывающий тег и изменяемых закрывающий так тоже самое мы проделываем для планировки. Так у нас планировка нам нужно перенести на новую строку девки планировку второго уровня тоже цветового решения так и теперь можем прийти выйти из редактора кода и как едем заголовки у нас — это стало не просто те кто тексту массивом они стали. А уже непосредственно изменили свою форматирование. После этого мы должны отредактировать дату мы ставим 2019 год и предположим все число которое у нас сегодня — это января месяц и дата 16 после этого можем сохранить страницу в систему уведомляет нас успешным сохранением мы переходим на главную страницу сайта и видим на главном экране. У нас остался проект предыдущий который был загружен, а вот раздели реализованных проектов. У нас появился. Но наш новый проект.

0 комментариев
0

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