1. Коллаж из символов ЖЖ Френка и Мистера капусты Очень минималистично выполненный, с маленькими не напрягающими менюшками, и с очень большим функционалом... Который, как оказалось, не всем понятен! Некоторые люди зачастую пишут, что в новом редакторе « нельзя сделать то », « нельзя сделать это », начинаешь объяснять, получаешь в ответ « о, так это было оказывается просто », « ух ты, оно работает! » Вот я и решил написать этот пост! Чтобы не рассказывать каждому в отдельности... Начнём с истории! Я в ЖЖ с 2007 года , потому, как там было до меня не знаю... Когда я пришёл в #ЖЖ , тут был html-редактор , а так как в то время я ещё занимался web-разработкой (параллельно с основной работой), то меня это устроило, ведь человеку знающему html, css, php, java, sql и прочие непонятные многим слова и аббревиатуры , абсолютно не проблема форматировать текст тегами во время написания постов, тем более, что писал я мало, всё больше фотки публиковал... Даже слоган моего журнала звучал вот так: «Краткость — сестра таланта» © А.П. Чехов «Пишу мало, всё больше фотки» © NickFW Стоит заметить, что в ЖЖ существует и старый визуальный редактор, но им я никогда не пользовался, от слова — СОВСЕМ! И вот, однажды , в 2017 году , появляется beta-версия нового редактора. « Ну, появилась и появилась... » (сказал бы tema Лебедев) А я упорно продолжал писать в старом, то и дело читая посты « матёрых блогеров » про то, что « новый редактор — ...овно »... Первый пост написанный мной в новом редакторе, был фотоотчёт : « Фото с LJmeetUp от 5 июля 2019г. с того, что про Чернобыль... » Именно там, на этом мероприятии, Наташа nely_snork Арефьева, убедила меня попробовать начать писать в новом редакторе... И я втянулся , мне это действительно понравилось, просто излагать свои мысли , не отвлекаясь на лишние нажатия клавиш, для вбивания html-кода. Ну что, поехали разбираться? В « новом редакторе », лично Я , могу выделить следующие основные моменты, которые надо знать, притом они легко и быстро запоминаются. Лично мне они интуитивно понятны , и я с ними разобрался сам, без какой либо посторонней помощи: Основное меню редактора; Дополнительные меню для текста и фото; Нижняя панель. Остальное вторично , ибо всё остальное ещё проще и понятней! Основное меню: Когда ты пишешь в новый редактор, то начиная новый абзац, слева от пустой строки, появляется иконка открытия основного меню, в виде плюсика в круге. Если ничего не делать, а просто начать писать новый абзац, то она исчезнет, а вот нажав на неё (превращается в крестик), получаешь доступ к меню: 2. Анимированный gif основного меню 1. « Добавить фото с компьютера » 2. « Добавить видео с компьютера » Думаю с первыми двумя пунктами и так всё понятно, могу лишь сделать одно уточнение: фотографии/видео будут сохраняться в альбомы по умолчанию с названием « default », лично меня это не всегда устраивает, но позже можно разложить всё по тем альбомам по которым хотите, потому, в основном, я загружаю фотогафии в альбом, а потом их вставляю из альбома в пост! 3. « Добавить медиа из альбома » Касается заранее загруженных видео или фото, на видеохостинг или фотохостинг ЖЖ, соответственно: 3. Коллаж — меню добавления медиа из альбома (видео и фото) — кликабельно [1364*801px] 4. « Добавить медиа из instagram » Если ты не авторизован в инсте, то сначала система предложит пройти авторизацию, а уже после откроется окно добавления фотки, или видео: 4. Скрин окна добавления медиа из instagram На самом деле, так получится добавлять только свои посты из инстаграма встраиваемыми объектами. Однако, это можно делать гораздо проще и не только из своей инсты, а и из чужой! Надо скопировать саму ссылку! Возьму для примера из инсты Александра Жоголева более известного в ЖЖ как 3ojlotou (Саша, с тебя причитается, за « рекламу », учти потом когда-нибудь при разливе! :-) ) вставляемая ссылка Начать новую строку в редакторе, вставить туда текст ссылки и просто нажать клавишу « Enter », со ссылкой которую я привёл в цитате, вышло вот что: https://instagram.com/p/CLBh6f2Iurg Ссылка тут же превратилась в « embeded » — встроенный объект. Тем же способом можно добавлять фотографии: вставляемая ссылка Ссылка превращается в фото, надо только описание добавить... 5. Натюрморт "Незапланированный подарок" из поста: https://nickfw.livejournal.com/486265.html А ещё так можно добавлять видео из ютуба (естественно по короткой ссылке). 5. « Добавить код или ссылку » Сюда можно добавить всё то, что я уже перечислил, и получить тот же эффект. А ещё можно встраивать объекты которые сопровождаются html-кодом (естественно не все!), никто не даст встраивать Java-скрипты (да их и в html-редакторе хоть за вставляйся, движок их будет игнорировать), не дадут встроить и таблицы... Зато можно встроить карты, например с гугла: вставляемый html-код А вот с яндекс.карт сейчас это сделать несколько сложнее, ибо для встраивания раньше, яндекс использовал только тег < iframe> , как и гугл, а сейчас отдаёт его заключённым в конструкцию обёрнутую тегом < div >: html-код выдаваемый яндекс.картами Но если из этого кода выдрать < iframe> , и вставить в поле основного меню « Добавить код или ссылку », только это: то, что нужно взять из html-кода выдаваемого яндекс.картами для ЖЖ То и яндекс.карты вам поддадутся... Так же, через пункт меню « Добавить код или ссылку » можно добавлять виджеты Яндекс.музыки: Или к примеру фотографии со сторонних фотохостингов, например с фликра: 6. Ряды Солдатенкова [© NickFW.ru - 14.03.2019г.] При том, взяв этот html-код от фликра: html-код фотографии выдаваемый фликром Новый редактор сам подставит подпись под фото, и проставит изображению ссылку содержащуюся в коде... 6. « Добавить опрос » Тут я думаю всё понятно, добавляем опрос в пост! Давим на кнопку, заполняем поля и всё, остаётся только пост опубликовать. Единственное дополнение: Есть 2 типа опроса, где можно выбрать 1 ответ из списка, и тот где можно выбрать несколько ответов, для примера первый вариант: Так же можно в настройках выбрать « Кто может видеть результаты опроса? »: Все, Только Я, Никто (анонимный опрос). 7. « Добавить разделитель » С ним я думаю всё и так понятно, а кому не понятно... Ну вдруг , то посмотрите на горизонтальные полосы сверху и снизу этого пункта. 8. « Добавить кат » Про « кат » я думаю тоже все знают, что это такое, его постановка, допускается только в начале (ну там где вы считаете нужным его начать), а вот в конце он проставится автоматически сам. Однако, если есть желание « кат » закрыть на один-два абзаца раньше, чем закончился текст поста, то это можно сделать и вручную, главное помнить: чтобы было «что закрывать», надо сначала, « что-то открыть » ! С основным меню всё, поехали смотреть дополнительные: 9. Дополнительное меню для текста Когда текст написан, его можно выделить и... 7. Дополнительное меню для текста Сделать текст Жирным , Курсивом , Зачёркнутым . Поставить заголовок второго уровня — H2 Поставить заголовок третьего уровня — H3 Создать: не нумерованный список Или же: список нумерованный Сделать текст ссылкой... Сделать его цитатой Или написать скрытый текст А можно комбинировать всё это , правда в текст под спойлером теперь не дают ставить ссылки... Кстати, жирный , курсив , и подчёркнутый текст можно делать не пользуясь меню, а тыцкая быстрые клавиши « crtl+b », « crtl+i », « crtl+u » ( подчёркнутого текста , например, нет в выпадающем меню). 10. Дополнительное меню для фото Вот этим меню я пользуюсь постоянно, у меня же ведь «Фотоблог - NickFW.ru» , как никак :-) 8. Скрин дополнительного меню для фото из нового редактора В левой половине меню находятся кнопки масштабирования и расположения фотографии (слева на право): По ширине текстовой колонки (как раз как в скрине с меню). Широкий — шире текстовой колонки но не более 1000px в ширину: 9. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — 1000 px в ширину В ширину экрана — я бы рекомендовал туда отправлять только действительно большие изображения, при том с ультра широким соотношением сторон, даже не 16х9, а например 4х1, как вот тут: 10. HDR Панорама из 6 кадров — вид на аэропорт Внуково © NickFW.ru — в ширину экрана, по клику открывается в разрешении 5120*1280px Миниатюра по центру: 11. Хризантемы © NickFW.ru — https://nickfw.livejournal.com/528012.html Миниатюра по правому краю (аналогично и по левому): 12. Портрет Марсика © NickFW.ru При этом, когда вставляешь миниатюры с ориентацией по левому или правому краю, то текст будет это изображение обтекать... Следующим пунктом дополнительного меню изображения идёт « ссылка ». К примеру, по клику на панораму масштабированную по ширине в 1000 пикселей, откроется пост « Летним вечером во Внуково », а вот по клику на панораму масштабированную по ширине экрана откроется она же в разрешении 5120*1280px, в новом окне. Дальше есть кнопка замены изображения хотя можно надавить на кнопку с « корзиной », или нажать на клавишу « del », и удалить фотку, а потом поставить новую. 11. Нижняя панель Разберу её на примере поста « Летним вечером во Внуково »: 13. Скрин нижней панели Естественно теги и #хештеги , а ниже кнопка удаления поста , ссылка на черновики и возможность уйти в старый редактор ... А вот дальше очень интересная ссылка: « Ссылка на черновик » — это ссылка на черновик поста в редакторе, который сейчас и открыт. И этой ссылкой можно поделиться с кем-то (с другом, редактором, заказчиком), чтобы ещё до публикации поста его мог прочесть тот, кому ты это отправишь, и высказать тебе своё мнение, либо предложить какие-либо правки, очень удобная штука!!! Переходим к правой стороне панели: 14. Анимированный gif нижней панели редактора Эпицентры — эта штука появилась недавно и только у тех у кого аккаунт « Постоянный » или « Профессинальный », гео-привязки выставленные в нём, позволят увидеть пост на персональной карте ; Местоположение — то где ты находишься; Музыка — что ты слушаешь в этот момент (или не в этот :-) ) Настроение — ну вот настроение... :-) Кто увидит пост — настройка приватности поста; Настроить и опубликовать — самая важная кнопка, она же полноценное меню управления записью перед её публикацией! 15. Анимированный gif "настроить и опубликовать" Вот и самое главное... Пора публиковать новый пост! Первым делом надо определиться куда? Можно ведь публиковать пост в сообщество, но я оставлю « к себе в журнал ». После стоит выбрать время публикации, если конечно не хотите опубликовать сразу после написания (что является значением по умолчанию). А можно отложить... Выбираем дату, время, давим сохранить. Дальше идут расширенные настройки: Комментарии — их можно выключить, а можно скрывать, при том скрывать можно: « все », « анонимные », « не от друзей » — это довольно таки удобно! При том можно выключить уведомления о комментариях, если вдруг захочется, когда например начался так называемый « срач » между читателями и троллями, и надоело получать об этом уведомления. Включить в рейтинг постов , а можно и не включать, если вдруг не хочется, тоже скажу и про параметр Включить в RSS и ленту друзей . Можно пометить публикацию как 18+ (если таков контент). Выбрать режим отображения блока « похожие записи », либо 3 либо 6, последних по журналу, либо по определённому тегу. Включить или выключить кросспосты в соцсети, включить или выключить кнопки « шаринга » (поделиться в соцсетях и прочем). И сделать запись прикреплённой (при публикации в свой журнал). После проведения настройки можно публиковать... При этом, многие параметры не надо каждый раз настраивать! Подведу итоги! Писать получается проще, легче и быстрее (а соответственно останется больше времени для чего-то ещё); Сразу видишь результат, ибо в редакторе всё отображается так, как оно будет в итоге на странице после публикации; Редактор сам за тебя форматирует и проставляет html-код, оптимизированный под современные поисковики, адаптирует для корректного отображения на разных платформах; Можно писать большое количество постов параллельно, храня их в черновиках, возвращаться к ним тогда, когда будет настроение написать именно этот пост, количество черновиков ограничено 100 шт, что довольно прилично, у меня обычно набирается не больше 15 пока... При переходе со старого редактора на новый, автоматически увеличивается размер доступного хранилища под фотографии с 5 до 20 гигабайт, что очень даже интересно, особенно когда фотохостинги подводят один за другим! Простой, компактный, минималистичный интерфейс интуитивно понятен и прост, достаточно только захотеть его понять, а дальше всё пойдёт как по маслу! И последнее: По данным Яндекс.Метрики в 2017 году , когда я её подключил, начал более активно писать в блог и отслеживать статистику, соотношение читателей с ПК/мобильных платформ составляло 80/20 , а вот в 2020 году это соотношение стало уже 60/40 — доля читателей использующих смартфоны и планшеты растёт! Лично я свой выбор остановил на новом редакторе! ЖЖми ❤️ делись с друзьями 😃 подписывайся! tg | vk | ЖЖ | ok | rutube | dzen | кино.dzen | птице.dzen PS: написано эксклюзивно для #ЖЖ , однако, за тем что я пишу, можно следить там где вам удобно, ссылки я привёл, но весь контент пишется изначально именно в « уютненькой ЖЖ'ешке »... PPS: забыл упомянуть неочевидную вещь!!! Если есть желание написать ник кого-то из ЖЖ «с головастиком», то просто наберите символ @ и следом начните писать никнейм например « @ a_nouchka », только без пробела и получится вот так: a_nouchka. PPPS: Ещё один не очевидный момент! Оказывается в старом визуальном редакторе (спасибо за инфу ptiz_siniz) есть кнопки назад и вперёд, не знаю на счёт вперёд, а вот назад (отменить последнее действие), в новом редакторе работает по сочетанию клавиш ctrl+z .