Как сделать публикацию

Мои достижения 7 сент. 2023 г.

Для начала коротко о том, из чего состоит сайт.

  1. URL - адрес, по которому сайт доступен в Интернете. В нашем случае https://nkolyagina.irkutsk.ru
  2. СMS Ghost - система управления контентом Ghost, позволяет управлять сайтом, его содержимым и оформлением без специальных знаний.
  3. Theme - тема оформления сайта - набор готовых шаблонов страниц сайта, задающая его внешний вид и навигацию. У нас сейчас используется тема Liebling. Но можно подставить и другую. Содержание сайта при этом сохранится, но будет выглядеть иначе.
  4. Tag - метка, или "тег", - набор символов, используемый для маркировки и сортировки содержимого сайта по разделам.
  5. Post - статья или "пост" - единица публикации на сайте. Может быть доступна в одном или нескольких разделах сайта. Обязательно маркируется тегом (или несколькими тегами).
  6. Page - страница, стационарная публикация. Имеет постоянный адрес на сайте.
  7. Меню навигации - верхняя строка сайта, содержащая названия разделов или страниц. В нашем случае страница только одна - "Обо мне". Все остальные - разделы. При переходе в раздел открывается динамически формируемая страница, содержащая карточки всех статей, помеченных соответсвующим тегом.
  8. Главная (Домашняя - "Homepage") страница - первая страница сайта. В нашем случае это раздел, в который попадают карточки всех постов по времени публикации (самая новая - первая).

Создаем пост

Сначала надо зайти на страницу администрирования сайта: http://nkolyagina.irkutsk.ru/ghost/

Если потребуется, вводим адрес e-mail: nadika77@mail.ru и пароль, как на mail.ru.

Попадаем на панель управления сайтом - "Dashboard". Слева на экране видим меню, справа - список последних публикаций на сайте.

Чтобы создать новый "пост" (post) нажимаем на "+" в левом меню возле слова "Posts". Открывается редактор публикации. Курсор установлен на поле "Заголовок" ("Post title"). Сразу набираем его, если долго не набирать, то в этом поле появится слово Untitled. Дело в том, что система управления сайтом автоматически формирует URL новой публикации в виде

https://nkolyagina.irkutsk.ru/tag/слаг тега/транскрипция заголовка

Над заголовком есть ссылка "Add feature image" для добавления изображения в начало поста. Это можно делать по желанию.

Далее переходим к набору поста как в обычном редакторе. Но, помимо текста, можно вставлять различные блоки, описание которых я привел ниже.

Первый блок "Image". Вставляет любую картинку с компьютера. Можно регулировать ширину. От исходной к широкой и во всю ширину. Внизу можно вставить подпись ("Caption").

Первая - исходная.

Майя возле 19 школы. г.Иркутск, 1 сентября 2019 года. Исходная.

Вторая - широкая.

Майя возле 19 школы. г.Иркутск, 1 сентября 2019 года. Широкая.

Третья - во всю ширину экрана.

Майя возле 19 школы. г.Иркутск, 1 сентября 2019 года. Во всю ширину.

Ниже "Gallery". Позволяет вставлять до 9 фоток. Автоматически их выравнивает.

Ниже блок "Markdown". Туда можно вставить текст в разных написаниях (норм, болд, курсив), списки пронумерованные или с кружочками, изображения со своего компьютера или из коллекции качественных фотографий Unsplash (фото в примере оттуда).

Майя с 1 сентября 2019 года перешла в 19 школу.
Причины:

  1. Новое здание.
  2. Мотивированные одноклассники, прошедшие отбор.

undefined

Ниже я вставил разделитель - "Divider"


Ниже пример блока "Bookmark" - ссылка на любую страницу в сети. Просто копируется URL из адресной строки браузера и вставляется в текст статьи. Редактор автоматически деает из этого карточку закладки. Или можно выбрать в меню "Bookmark" и тууда уже вставить скопированный URL. Здесь добавлена ссылка на саму же эту статью.

Пробная страница
Ниже блок “Image”. Вставляет любую картинку с компьютера. Можно регулировать ширину. От исходной к широкой и во всю ширину. Внизу можно вставить подпись (“Caption”). Первая - исходная. Вторая - широкая. Третья - во всю ширину экрана. Ниже “Gallery”. Позволяет вставлять до 9 фоток. Автомат…

Следующие два блока в меню - "Email content" & "Email call to action" тебе не пригодятся. Это для блогеров, у которых есть подписчики и им приходит информация о новых публикациях по электронной почте.

Следом еще один блок в меню для работы с подписчиками - "Public preview" - разделяет текст статьи на видимую публично часть и только для подписчиков.

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

Далее блок "Callout" - вызов. Текстовый блок с мордочками - эмодзи. Можно выразить эмоции. И выделить шрифтом и цветом фона.

😆
Школа - классное место, если бы не ученики и ... учителя.

Ниже блок "Toggle" - содержит скрытый большой текст, который раскрывается при нажатии на заглавие.

Ниже о школе подробнее

«…Изучая школы, мы в нее приезжаем, понимаю, что школа – это специальное место, куда можно войти…»;

«…Дети приходят в школу за социализацией…»;

«…Но нарастающая перегрузка для этого оставляет все меньше места: перемен сокращаются, уроки становятся более интенсивными…»;

«…Учительница сегодняшней массовой школы – это говорящая голова, заслуженная овчарка Российской Федерации…»;

«…Из сегодняшней школы можно выкинуть все: звонки, классы и т.д. Не получается выкинуть то, что это место, в котором есть взрослые люди, которые должны куда-то привести детей…».

Сколько бы я всего узнал, если бы не ходил в школу!

Джордж Бернард Шоу

Блок "Video" - можно вставить ролики, в формате .mp4 и .ogg (в основном с телефонов).

0:00
/0:24

Леша на выпускном

Блок "Audio" - вставляем аудиозаписи

audio-thumbnail
Смех дятла Woody.
0:00
/2.541875

Блок "File" - можно вставить файл для скачивания.

Блок "Header" - вставляем заголовок раздела в текст с подзаголовком. Можно менять ширину, как у фотографий, выравнивание, цвет фона или фоновое изображение. Можно добавлять кнопку.

Заголовок раздела в тексте

и подзаголовок к нему

Ниже из подраздела меню "Embed" - встраиваемые блоки - можно вставить видео с Youtube и других соцсетей.

После завершения набора статьи надо нажать кнопочку настроек в правом верхнем углу экрана (квадратик, разделенный вертикальной чертой на две неравные части). Откроется меню "Post settings".

Разделы "Post URL" и "Publish date" заполняются автоматически.

ОБЯЗАТЕЛЬНО надо заполнить раздел "Tags", выбрав из выпадающего списка все подходящие теги. Первый выбранный тег будет главным, он будет светиться в карточке статьи. Например, к этой статье я выбрал все теги, но первым поставил "Мои достижения".

Раздел "Post access" не трогаем. Это для блогеров с подпиской.

В раздел "Exerpt" (выдержка) можно вбить краткую аннотацию. Это информация для поисковых систем в Интернете, если надо сделать сайт посещаемым.

В нижней части настроек есть кнопочка "Feature this post", при ее включении данная статья попадет в избранное и будет отображаться на главной странице в виде увеличенной карточки.

После завершения всех настроек переходим к ПУБЛИКАЦИИ на сайте. Сначала в верхнем правом углу нажимаем "Preview". После предварительного просмотра, если что-то надо подправить - нажимаем в левом верхнем углу "<Editor" и возвращаемся в редактор, или в правом верхнем углу "Publish". Далее нажимаем кнопочку "Continue, final review" и затем зеленую кнопку "Publish post, right now".

👍
That's all, Folks!!!

Теги