Инструкция по применению — Актуальный редактор ЖЖ

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

Который, как оказалось, не всем понятен! Некоторые люди зачастую пишут, что в новом редакторе «нельзя сделать то», «нельзя сделать это», начинаешь объяснять, получаешь в ответ «о, так это было оказывается просто», «ух ты, оно работает!»

Вот я и решил написать этот пост!

Чтобы не рассказывать каждому в отдельности...

Начнём с истории!

Я в ЖЖ с 2007 года, потому, как там было до меня не знаю...

Когда я пришёл в #ЖЖ, тут был html-редактор, а так как в то время я ещё занимался web-разработкой (параллельно с основной работой), то меня это устроило, ведь человеку знающему html, css, php, java, sql и прочие непонятные многим слова и аббревиатуры, абсолютно не проблема форматировать текст тегами во время написания постов, тем более, что писал я мало, всё больше фотки публиковал...

Даже слоган моего журнала звучит вот так:

«Краткость — сестра таланта» © А.П. Чехов
«Пишу мало, всё больше фотки» © NickFW

Стоит заметить, что в ЖЖ существует и старый визуальный редактор, но им я никогда не пользовался, от слова — СОВСЕМ!

И вот, однажды, в 2017 году, появляется beta-версия нового редактора.

«Ну, появилась и появилась...»
(сказал бы tema Лебедев)

А я упорно продолжал писать в старом, то и дело читая посты «матёрых блогеров» про то, что «новый редактор — ...овно»...

Первый пост написанный мной в новом редакторе, был фотоотчёт:

«Фото с LJmeetUp от 5 июля 2019г. с того, что про Чернобыль...»

Именно там, на этом мероприятии, Наташа nely_snork Арефьева, убедила меня попробовать начать писать в новом редакторе...

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

Ну что, поехали разбираться?

В «новом редакторе», лично Я, могу выделить следующие основные моменты, которые надо знать, притом они легко и быстро запоминаются.

Лично мне они интуитивно понятны, и я с ними разобрался сам, без какой либо посторонней помощи:

• Основное меню редактора;
• Дополнительные меню для текста и фото;
• Нижняя панель.

Остальное вторично, ибо всё остальное ещё проще и понятней!

Основное меню:

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

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

1. «Добавить фото с компьютера»

2. «Добавить видео с компьютера»

Думаю с первыми двумя пунктами и так всё понятно, могу лишь сделать одно уточнение: фотографии/видео будут сохраняться в альбомы по умолчанию с названием «default», лично меня это не всегда устраивает, но позже можно разложить всё по тем альбомам по которым хотите, потому, в основном, я загружаю фотогафии в альбом, а потом их вставляю из альбома в пост!

3. «Добавить медиа из альбома»

Касается заранее загруженных видео или фото, на видеохостинг или фотохостинг ЖЖ, соответственно:

4. «Добавить медиа из instagram»

Если ты не авторизован в инсте, то сначала система предложит пройти авторизацию, а уже после откроется окно добавления фотки, или видео:

На самом деле, так получится добавлять только свои посты из инстаграма встраиваемыми объектами. Однако, это можно делать гораздо проще и не только из своей инсты, а и из чужой!

Надо скопировать саму ссылку! Возьму для примера из инсты Александра Жоголева более известного в ЖЖ как 3ojlotou (Саша, с тебя причитается, за «рекламу», учти потом когда-нибудь при разливе! :-))

Начать новую строку в редакторе, вставить туда текст ссылки и просто нажать клавишу «Enter», со ссылкой которую я привёл в цитате, вышло вот что:

Ссылка тут же превратилась в «embeded» — встроенный объект.

Тем же способом можно добавлять фотографии:

Ссылка превращается в фото, надо только описание добавить...

А ещё так можно добавлять видео из ютуба (естественно по короткой ссылке).

5. «Добавить код или ссылку»

Сюда можно добавить всё то, что я уже перечислил, и получить тот же эффект. А ещё можно встраивать объекты которые сопровождаются html-кодом (естественно не все!), никто не даст встраивать Java-скрипты (да их и в html-редакторе хоть за вставляйся, движок их будет игнорировать), не дадут встроить и таблицы...

Зато можно встроить карты, например с гугла:

А вот с яндекс.карт сейчас это сделать несколько сложнее, ибо для встраивания раньше, яндекс использовал только тег <iframe>, как и гугл, а сейчас отдаёт его заключённым в конструкцию обёрнутую тегом <div>:

Но если из этого кода выдрать <iframe>, и вставить в поле основного меню «Добавить код или ссылку», только это:

То и яндекс.карты вам поддадутся...

Так же, через пункт меню «Добавить код или ссылку» можно добавлять виджеты Яндекс.музыки:

Или к примеру фотографии со сторонних фотохостингов, например с фликра:

При том, взяв этот html-код от фликра:

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

6. «Добавить опрос»

Тут я думаю всё понятно, добавляем опрос в пост! Давим на кнопку, заполняем поля и всё, остаётся только пост опубликовать.

Единственное дополнение:
Есть 2 типа опроса, где можно выбрать 1 ответ из списка, и тот где можно выбрать несколько ответов, для примера первый вариант:

Так же можно в настройках выбрать «Кто может видеть результаты опроса?»: Все, Только Я, Никто (анонимный опрос).

7. «Добавить разделитель»

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

8. «Добавить кат»

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

С основным меню всё, поехали смотреть дополнительные:

9. Дополнительное меню для текста

Когда текст написан, его можно выделить и...

Сделать текст Жирным, Курсивом, Зачёркнутым.

Поставить заголовок второго уровня — H2

Поставить заголовок третьего уровня — H3

Создать:

• не нумерованный
• список

Или же:

1. список
2. нумерованный

Сделать текст ссылкой...

Сделать его цитатой

[или же... спрятать под спойлер]Или написать скрытый текст

А можно комбинировать всё это, правда в текст под спойлером теперь не дают ставить ссылки...

Кстати, жирный, курсив, и подчёркнутый текст можно делать не пользуясь меню, а тыцкая быстрые клавиши «crtl+b», «crtl+i», «crtl+u» (подчёркнутого текста, например, нет в выпадающем меню).

10. Дополнительное меню для фото

Вот этим меню я пользуюсь постоянно,
у меня же ведь «Фотоблог - NickFW.ru», как никак :-)

В левой половине меню находятся кнопки масштабирования и расположения фотографии (слева на право):

• По ширине текстовой колонки (как раз как в скрине с меню).
• Широкий — шире текстовой колонки но не более 1000px в ширину:

• В ширину экрана — я бы рекомендовал туда отправлять только действительно большие изображения, при том с ультра широким соотношением сторон, даже не 16х9, а например 4х1, как вот тут:

• Миниатюра по центру:

• Миниатюра по правому краю (аналогично и по левому):

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

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

К примеру, по клику на панораму масштабированную по ширине в 1000 пикселей, откроется пост «Летним вечером во Внуково», а вот по клику на панораму масштабированную по ширине экрана откроется она же в разрешении 5120*1280px, в новом окне.

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

11. Нижняя панель

Разберу её на примере поста «Летним вечером во Внуково»:

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

А вот дальше очень интересная ссылка: «Ссылка на черновик» — это ссылка на черновик поста в редакторе, который сейчас и открыт.

И этой ссылкой можно поделиться с кем-то (с другом, редактором, заказчиком), чтобы ещё до публикации поста его мог прочесть тот, кому ты это отправишь, и высказать тебе своё мнение, либо предложить какие-либо правки, очень удобная штука!!!

Переходим к правой стороне панели:

• Эпицентры — эта штука появилась недавно и только у тех у кого аккаунт «Постоянный» или «Профессинальный», гео-привязки выставленные в нём, позволят увидеть пост на персональной карте;
• Местоположение — то где ты находишься;
• Музыка — что ты слушаешь в этот момент (или не в этот :-))
• Настроение — ну вот настроение... :-)
• Кто увидит пост — настройка приватности поста;
• Настроить и опубликовать — самая важная кнопка, она же полноценное меню управления записью перед её публикацией!

Вот и самое главное...

Пора публиковать новый пост!

Первым делом надо определиться куда?

Можно ведь публиковать пост в сообщество, но я оставлю «к себе в журнал».

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

Выбираем дату, время, давим сохранить.

Дальше идут расширенные настройки:

Комментарии — их можно выключить, а можно скрывать, при том скрывать можно:

«все», «анонимные», «не от друзей»

— это довольно таки удобно!

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

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

Можно пометить публикацию как 18+ (если таков контент).

Выбрать режим отображения блока «похожие записи», либо 3 либо 6, последних по журналу, либо по определённому тегу.

Включить или выключить кросспосты в соцсети, включить или выключить кнопки «шаринга» (поделиться в соцсетях и прочем).

И сделать запись прикреплённой (при публикации в свой журнал).

После проведения настройки можно публиковать...

При этом, многие параметры не надо каждый раз настраивать!

Подведу итоги!

1. Писать получается проще, легче и быстрее (а соответственно останется больше времени для чего-то ещё);
2. Сразу видишь результат, ибо в редакторе всё отображается так, как оно будет в итоге на странице после публикации;
3. Редактор сам за тебя форматирует и проставляет html-код, оптимизированный под современные поисковики, адаптирует для корректного отображения на разных платформах;
4. Можно писать большое количество постов параллельно, храня их в черновиках, возвращаться к ним тогда, когда будет настроение написать именно этот пост, количество черновиков ограничено 100 шт, что довольно прилично, у меня обычно набирается не больше 15 пока...
5. При переходе со старого редактора на новый, автоматически увеличивается размер доступного хранилища под фотографии с 5 до 20 гигабайт, что очень даже интересно, особенно когда фотохостинги подводят один за другим!
6. Простой, компактный, минималистичный интерфейс интуитивно понятен и прост, достаточно только захотеть его понять, а дальше всё пойдёт как по маслу!
7. И последнее: По данным Яндекс.Метрики в 2017 году, когда я её подключил, начал более активно писать в блог и отслеживать статистику, соотношение читателей с ПК/мобильных платформ составляло 80/20, а вот в 2020 году это соотношение стало уже 60/40 — доля читателей использующих смартфоны и планшеты растёт!

Лично я свой выбор остановил на новом редакторе!

Если пост оказался вам полезен, не забудьте поделиться с друзьями!
Следите за обновлениями там, где удобнее:

telegram | facebook | instagram | livejournal | vk | twitter | ok | яндекс.zen

PS: написано эксклюзивно для #ЖЖ, однако, за тем что я пишу, можно следить там где вам удобно, ссылки я привёл, но весь контент пишется изначально именно в «уютненькой ЖЖ'ешке»...

PPS: забыл упомянуть неочевидную вещь!!! Если есть желание написать ник кого-то из ЖЖ «с головастиком», то просто наберите символ @ и следом начните писать никнейм например «@ a_nouchka», только без пробела и получится вот так: a_nouchka.

PPPS: Ещё один не очевидный момент! Оказывается в старом визуальном редакторе (спасибо за инфу ptiz_siniz) есть кнопки назад и вперёд, не знаю на счёт вперёд, а вот назад (отменить последнее действие), в новом редакторе работает по сочетанию клавиш ctrl+z.