711

FAQ

26 мая 2018

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

 


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

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

Нажав иконку с карандашом, вы попадете на страницу редактирования материала — она точно такая же как при добавлении.


 

Наверное вы знаете, что сайт сделан на популярном движке WordPress, в арсенале которого идет замечательный визуальный редактор TinyMCE, позволяющий работать с текстом так же как в популярном редакторе — Microsoft Word — т.е., выделили нужный фрагмент текста нажали на кнопку редактора, и текст, например, стал жирным. Но обо всем по порядку.

Во-первых, bb-коды (кто не знает, это символы с квадратными скобками), использовать необязательно, даже скорее вообще нежелательно. Это устаревший механизм, который ранее использовался, чтобы облегчить журналистам работу и в то же время не навредить сайту. Сейчас, давно уже используются визуальные редакторы, которые берут всю «грязную» работу на себя.  Я сделал поддержку bb-кодов исключительно чтобы было проще журналистам, которые заранее готовят текст (с bb-кодами или без) и просто копируют его, вставляя в разные интернет-порталы. Если вы относитесь к их числу, то можете использовать bb-коды — делайте, как вам проще. Но по возможности откажитесь от них.

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

На скриншотах ниже я залил изображение на хостинг картинок (кнопка — Загрузка изображений), затем скопировал прямую ссылку  (горячие клавиши — Ctrl + C )

и вставил изображение (горячие клавиши — Ctrl + V ) в визуальный редактор, не используя ни bb-коды, ни какие-либо другие средства.

Как видите, все намного проще, чем кажется.  Теперь рассмотрим визуальный редактор TinyMCE, его основные инструменты.

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

Рассмотрим основные, полезные для работы, инструменты редактора TinyMCE.  Чтобы не писать лишнего текста я схематично отобразил основные инструменты редактора на скриншоте ниже. Как я уже говорил выше, работа такая же как в редакторе Microsoft Word — выделяем текст, жмем нужную кнопку — выделенный текст становится жирным, цветным, курсивом и т.п.  Если что-то сделали неправильно, всегда можете вернуться на шаг назад, нажав кнопку — стрелка влево — или же снова вернуть на шаг вперед, нажав клавишу — стрелка вправо.

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

Далее показана работа кнопок «Маркированный список» и «Нумерованный список».  По правде сказать, работа этих кнопок не всегда делает нужный текст маркированным. Особенно это касается скопированного текста, скажем с другого сайта. Чтобы текст стал маркированным или нумерованным нужно сделать отдельные абзацы в тексте, нажав клавишу — ENTER— на компьютере в нужном месте текста, а потом выделенные абзацы станут маркированным списком.  Думаю в следующих версиях WordPress работа этих клавишей будет улучшена.

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

Кстати, ссылку или несколько ссылок, можно удалить, если нажать кнопку — Удалить ссылку.

Далее рассмотрена работа кнопки — «Произвольный символ»,  я добавил несколько символов и сделал их цветными.

Ну и наконец рассмотрим последние инструменты — выравнивания текста. Работа их проста, т.е. эти кнопки отодвигают выделенный текст влево/вправо или выравнивают по центру, влево или вправо.

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

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

 

Комментарии (0)

Добавить комментарий