nickfw

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

1. Коллаж из символов ЖЖ Френка и Мистера капусты
1. Коллаж из символов ЖЖ Френка и Мистера капусты

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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


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

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

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

2. Анимированный gif основного меню
2. Анимированный gif основного меню

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

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

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


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

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

3. Коллаж — меню добавления медиа из альбома (видео и фото) — кликабельно [1364*801px]
3. Коллаж — меню добавления медиа из альбома (видео и фото) — кликабельно [1364*801px]

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

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

4. Скрин окна добавления медиа из instagram
4. Скрин окна добавления медиа из instagram

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

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

вставляемая ссылка
вставляемая ссылка

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

https://instagram.com/p/CLBh6f2Iurg

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

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

вставляемая ссылка
вставляемая ссылка

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

5. Натюрморт "Незапланированный подарок" из поста: https://nickfw.livejournal.com/486265.html
5. Натюрморт "Незапланированный подарок" из поста: https://nickfw.livejournal.com/486265.html

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


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

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

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

вставляемый html-код
вставляемый html-код

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

html-код выдаваемый яндекс.картами
html-код выдаваемый яндекс.картами

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

то, что нужно взять из html-кода выдаваемого яндекс.картами для ЖЖ
то, что нужно взять из html-кода выдаваемого яндекс.картами для ЖЖ

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

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

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

6. Ряды Солдатенкова [© NickFW.ru - 14.03.2019г.]
6. Ряды Солдатенкова [© NickFW.ru - 14.03.2019г.]

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

html-код фотографии выдаваемый фликром
html-код фотографии выдаваемый фликром

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


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

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

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

You can choose only one answer

Poll results is visible to all

42 people voted

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


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

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


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

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


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


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

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

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

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

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

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

Создать:

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

Или же:

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

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

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

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

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

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


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

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

8. Скрин дополнительного меню для фото из нового редактора
8. Скрин дополнительного меню для фото из нового редактора

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

  • По ширине текстовой колонки (как раз как в скрине с меню).
  • Широкий — шире текстовой колонки но не более 1000px в ширину:
9. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — 1000 px в ширину
9. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — 1000 px в ширину
  • В ширину экрана — я бы рекомендовал туда отправлять только действительно большие изображения, при том с ультра широким соотношением сторон, даже не 16х9, а например 4х1, как вот тут:
10. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — в ширину экрана, по клику открывается в разрешении 5120*1280px
10. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — в ширину экрана, по клику открывается в разрешении 5120*1280px
  • Миниатюра по центру:
11.  Хризантемы © NickFW.ru — https://nickfw.livejournal.com/528012.html
11. Хризантемы © NickFW.ru — https://nickfw.livejournal.com/528012.html
  • Миниатюра по правому краю (аналогично и по левому):
12. Портрет Марсика © NickFW.ru
12. Портрет Марсика © NickFW.ru

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

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

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

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


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

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

13. Скрин нижней панели
13. Скрин нижней панели

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Включить в рейтинг постов, а можно и не включать, если вдруг не хочется, тоже скажу и про параметр Включить в 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.

promo nickfw march 12, 08:20 343
Buy for 100 tokens
1. Коллаж из символов ЖЖ Френка и Мистера капусты Очень минималистично выполненный, с маленькими не напрягающими менюшками, и с очень большим функционалом... Который, как оказалось, не всем понятен! Некоторые люди зачастую пишут, что в новом редакторе « нельзя сделать то», «…
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

Error

default userpic

Your reply will be screened

Your IP address will be recorded 

When you submit the form an invisible reCAPTCHA check will be performed.
You must follow the Privacy Policy and Google Terms of use.
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →