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

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

Публикация статьи

Классическая пятиминутная публикация

  1. Войдите в систему на этой странице — https://new.russianshanghai.com/wp-login.php.
    Страница входа. Введите свой логин и пароль

    Страница входа. Введите свой логин и пароль

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

  2. Введите здесь свой логин (имя пользователя) и пароль. Логин и пароль можно получить пройдя процесс регистрации на сайте клуба.

    После этого вы попадёте на страницу «Панель объявлений«.

  3. Кликнув на ссылку «Новая запись» в верхней части окна, вы попадёте на страницу “Добавление новой записи”.
    Панель объявлений. Кликните на ссылку "Новая запись"

    Панель объявлений. Кликните на ссылку Новая запись

  4. Введите на этой странице заголовок [см. рисунок, пункт 1] и содержание вашей статьи [2].
    Добавление новой записи: 1. Заголовок; 2. Содержание; 3. Рубрика; 4. Ключевые слова; 5. Опубликовать

    Добавление новой записи: 1. Заголовок; 2. Содержание; 3. Рубрика; 4. Ключевые слова; 5. Опубликовать

  5. Выберите в меню «Рубрики» [3] одну подходящую рубрику сайта, в которую нужно опубликовать статью. Например: «Жизнь в городе». Если рубрика не будет выбрана, то запись публикуется в рубрике по-умолчанию «Блог»
  6. Необязательно: в меню «Tags (Simple Tags)» [4] введите ключевые слова разделяя их запятыми. Например: события, встречи клуба, новости сайта, русская эмиграция.
  7. Нажмите кнопку «Опубликовать» (если у вас есть права на прямую публикацию) или «Отправить на одобрение» [5].

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

    Просмотр статьи

    Просмотр статьи

Добавление и вставка иллюстраций

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

    Рис. 1. Кнопка добавления иллюстрации

  2. После клика страница потемнеет и сверху откроется дополнительное окошко «Добавить медифайлы с вашего компьютера» (рис. 2). Нажмите кнопку «Выберите файлы», в открывшемся окне вы можете выделить файлы на своём компьютере. Если у вас есть несколько иллюстраций, то рекомендуем загрузить их сразу, чтобы не повторять процесс, для этого в открывшемся окне выделите файлы зажав клавишу CTRL.
    Рис. 2. Добавить картинку

    Рис. 2. Добавить картинку

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

  3. После загрузки иллюстрации вы увидите список загруженных к статье файлов (рис. 3). В списке можно увидеть миниатюру файла, дата загрузки, оригинальные размеры и другую полезную информацию. Здесь вы должны заполнить заголовок [1] (осмысленное название и описание картинки). Выберите выравнивание картинки [2]: без выравнивания, слева от текста, справа или по центру. Также отметьте размер публикуемой иллюстрации [3], рекомендуем всегда выбирать «Средний» (т.к. при клике картинка будет увеличиваться до оригинала).
    Рис. 3. Редактирование картинки

    Рис. 3. Редактирование картинки: 1. Заголовок; 2. Выравнивание; 3. Размер; 4. Вставить картинку

  4. В конце концов, нажмите кнопку «Вставить картинку» [4] и картинка появится в содержании статьи (рис. 4).
    Рис. 4. Ура! Картинка в содержании статьи

    Рис. 4. Ура! Картинка в содержании статьи

  5. Также иллюстрации можно добавлять другим, более удобным способом: найдите панель «Fast Insert» под полем с содержанием статьи. Кликните по ней если она не раскрыта. После открытия вы должны увидеть то же самое, что и на рисунке 2, только не поверх окна, а под содержанием статьи (рис. 5).
    Рис. 5. Быстрая вставка картинок

    Рис. 5. Быстрая вставка картинок

Форматирование текста

Редактировать статьи можно в двух режимах «Визуальный редактор» и HTML. Первый подходит для простых задач и обычных пользователей; второй — для текстов со сложным форматированием и продвинутых пользователей.

Визуальный редактор позволяет вам форматировать (оформлять) текст на лету, как в любом текстовом редакторе (например: Microsoft Word). Вы можете выделить текст, сделать его жирным, курсивным. Сделать ссылку, оформить цитату и т.д., и т.п.. Всё это делается с помощью кнопок на панели форматирования (рис. 6).

Рис. 6. Визуальный редактор

Рис. 6. Визуальный редактор

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

Важно: НЕ вставляйте текст из других текстовых редакторов (Word) прямиком в визуальный редактор. Это может привести к неожиданным последствиям. Используйте специальные методы описанные в следующей главе.

В HTML-режиме текст отображается в «сыром» виде, вместе со всеми HTML-кодами (рис. 7). Вы можете безболезненно переключатся между двумя режимами, на содержание или оформление статьи это никак не повлияет.

Рис. 7. Редактор в режиме HTML

Рис. 7. Редактор в режиме HTML

Вставка из Word

Часто авторы пишут свои статьи в текстовых редакторах, например в Microsoft Word, затем текст копируется, вставляется в WordPress и публикуется на сайте. При вставке текста в режиме «Визуальный редактор», вы можете столкнуться с неожиданными проблемами: некорректное оформление текста, невозможность редактирования, «невидимый» мусор в коде и т.д. Связанно это с тем, что копируя текст из одного редактора в другой, вы также переносите стили и скрытые системные команды, которые различаются на разных платформах. Таким образом скопированный текст мало того, что будет отображаться не так, как в Word, но и содержать огромное количество мусора в коде. Чтобы избежать этого воспользуйтесь следующим методом:

  1. Скопируйте текст в Word-е или в любом другом визуальном (текстовом) редакторе.
  2. Перейдите на страницу добавления или редактирования статьи в WordPress. В режиме «Визуальный редактор» найдите на панели форматирования иконку Вставить как простой текст «Вставить как простой текст» (Иконка может быть изначально не видна, для этого кликните на иконку Раскрыть панель инструментов «Показать дополнительную панель»).
  3. Вставьте скопированный текст в открывшееся окно и нажмите кнопку «Вставить» (рис. 8). Вставленный текст отобразиться в содержании статьи, можете приступить к его форматированию с помощью панели оформления.
    Рис. 8. Вставка текста из документа Word в WordPress

    Рис. 8. Вставка текста из документа Word в WordPress

«Прочтём до конца?» — разделение длинной статьи

Если статья длинная, то имеет смысл публиковать на главной странице сайта только часть статьи (2-3 параграфа), скрыв остальную часть под так называемым «катом» (от англ. «to cut» — обрезать). В таком случае, на главной статье будет отображена первая часть статьи, а в том месте где вы поставите «кат» появится ссылка «Прочтём до конца?», кликнув по которой можно прочитать продолжение.

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