Редактор блоков
Редактор блоков
Редактор блоков разработан для упрощения процесса создания, делая добавление контента интуитивно понятным, не перегружая вас обширными панелями инструментов, которыми вы никогда не захотите пользоваться. Однако это не означает, что его функциональность уменьшается; с помощью редактора блоков вы можете стилизовать и изменять текст, вставлять медиафайлы, галереи или видеовставки, а также настраивать макеты и стили всего несколькими щелчками мыши. Редактор блоков также отображает контент в том виде, в каком он будет отображаться на вашем сайте, поэтому вы можете настраивать его до тех пор, пока он не будет выглядеть именно так, как вы хотите.
Рабочее пространство редактора блоков
Итак, чем редактор блоков отличается от обычного редактора или текстового процессора? Ключевое отличие заключается в том, что каждый абзац текста, каждый список и каждое изображение, галерея, видео или другие вставленные медиа помещаются в отдельный "блок" пространства в редакторе. Это делает его невероятно простым в использовании; вместо необходимости копировать и вставлять элементы по всей странице, чтобы изменить порядок вашего содержимого, или добавлять HTML-теги для его оформления, вы можете просто использовать элементы управления для перемещения и оформления каждого отдельного блока отдельно.
На самом деле вы не можете видеть большинство этих элементов управления, когда начинаете писать; чтобы процесс написания был чистым и ненавязчивым, опции скрыты до тех пор, пока они не понадобятся. Всего несколькими щелчками мыши вы можете добавлять медиа, оформлять контент и выполнять множество других функций. Но давайте начнем с основ.:
Добавление заголовка поста
Заголовок публикации является одним из обязательных элементов для публикации публикации, наряду с основным содержанием в теле статьи. При первой загрузке редактора блоков вы увидите поле, помеченное как Добавить заголовок публикации; нажмите на это и добавьте текст вашего заголовка раньше (текст-заполнитель исчезнет, когда вы нажмете на поле).
Создание блоков
В новом посте вы увидите текст-заполнитель там, где начинается первый блок:
Нажмите на текст "Начать писать ...", чтобы навести курсор и начать писать свой первый фрагмент контента. Чтобы создать новый блок, просто нажмите enter когда вы закончите абзац; это автоматически создаст новый блок для вашего следующего абзаца. Фактически, нажатие enter в любое время, когда курсор активен в блоке, создаст новый блок под текущим блоком. В качестве альтернативы вы можете навести курсор мыши на блок; вы увидите черный знак плюс слева от блока. При нажатии на этот значок откроется список типы блоков на выбор, каждый из которых имеет свой стиль, соответствующий типу контента, для отображения которого они предназначены. Более подробную информацию о доступных типах блоков можно найти в разделе Панель вставки далее в этом руководстве.
Изменение содержимого
Редактор блоков в Publii предоставляет все функциональные возможности, которые вы ожидаете от редактора, и многое другое помимо этого. Однако, в отличие от других редакторов, которые постоянно включают обширные, навязчивые панели инструментов, панели инструментов редактора блоков по умолчанию скрыты и открываются только при необходимости. Ключевым элементом получения максимальной отдачи от редактора блоков является понимание того, где находятся эти панели инструментов, что они делают и как получить к ним доступ. Для наглядности мы будем называть эти панели инструментов панелью инструментов " Вставка" в Панель Инструментов Преобразования в Панель Инструментов Форматирование и Встроенный Редактор.
Панель вставки используется для создания новых блоков любого типа, которые будут вставлены сразу после выбранного в данный момент блока. Чтобы открыть эту панель инструментов, наведите курсор мыши на блок, в который вы хотите добавить новый блок, затем щелкните Plus значок слева от блока открывает список типов блоков; при нажатии на опцию в этом списке блок выбранного типа будет вставлен сразу после выделенного блока.
Панели инструментов Преобразования и Форматирования позволяют изменять содержимое существующего блока в любое время; полезно, если вы передумаете во время редактирования. Панель инструментов форматирования это будет особенно важно при знакомстве с различными функциями, включенными в редактор блоков; если есть какие-либо опции, относящиеся к конкретным функциям, они появятся на этой панели инструментов. Чтобы получить доступ к этим панелям инструментов, вам нужно будет выбрать блок, который вы хотите изменить, наведя курсор мыши на блок, затем нажав на кнопку Дважды Eошибки значок слева от блока; при этом блок будет выделен, а панели инструментов появятся в верхнем левом и правом верхнем углу блока.
Примечание: Панель инструментов форматирования предоставляет доступ к большинству функций блока; именно здесь вы будете добавлять изображения, изменять макеты или форматировать текст в текстовом блоке. Убедитесь, что вы знакомы с тем, как Выберите блок щелчком по значку Двойные многоточия , который виден при наведении курсора мыши на блок, поскольку это потребуется при использовании множества функций, доступных в редакторе блоков.
Наконец, Встроенный редактор предоставляет параметры форматирования текста, такие как добавление текста жирным шрифтом или подчеркиванием, а также ссылок. Чтобы открыть встроенный редактор, выделите текст, который вы хотите изменить, и появится встроенный редактор.
Покончив с этим, давайте взглянем на функции, доступные на каждой из панелей инструментов.
Панель вставки
Хороший пост должен включать в себя что-то отличное от обычного текста, будь то медиа, такие как изображения, галереи и видеовставки, стилистические элементы, такие как разделители, списки и оглавление, или альтернативные текстовые режимы, такие как код, кавычки и заголовки. В редакторе блоков эти элементы можно создавать с помощью кнопки Панель вставки. Чтобы увидеть панель вставки, наведите курсор на блок, в который вы хотите добавить новый элемент, затем нажмите на черный знак плюс который появляется слева от блока, чтобы открыть список доступных элементов:
Примечание: Каждый тип блока имеет определенные опции и функции, уникальные для данного блока, например, блок изображений имеет настройки только для добавления и изменения изображений и не может использоваться для кода или другого текстового содержимого. По этой причине для каждого типа контента, который вы хотите добавить, следует создавать новый блок, т.Е. Если вам нужен Заголовок , за которым следует изображение, вам следует сначала создать блок Заголовок , затем использовать Вставка-Бар добавить Блок Изображения после Заголовок блок.
Когда откроется панель вставки, в ней отобразится список доступных типов блоков в виде вертикального списка с возможностью прокрутки. Доступные опции находятся вверху:
- Поиск для типа блока.
- Вставить Пункт.
- Вставить Заголовок.
- Вставить Изображения.
- Вставить Галерея.
- Преобразуйте блок в Список.
- Преобразуйте блок в Цитата.
- Преобразует блок для отображения Код.
- Преобразовать блок в HTML.
- Вставить Сепаратор.
- Вставить a Подробнее.
- Вставить Содержание.
Кроме того, вы также можете использовать следующие сочетания клавиш:
Ярлыки | Markdown |
---|---|
/разделитель | --- |
/hr | --- |
/заголовок | ## |
/h1 | # |
/h2 | ## |
/h3 | ### |
/h4 | #### |
/h5 | ##### |
/h6 | ###### |
/список | * |
/цитата | > |
/Цитата из блока | > |
/код | ``` |
/подробнее | *** |
/подробнее | *** |
/html | |
/toc | |
/изображение | |
/img |
Давайте посмотрим, что именно делают эти функции!
Поиск
Редактор блоков Поиск поможет вам быстро найти нужный блок, если у вас нет желания прокручивать список. Начните вводить название типа блока в поле поиска, и список блоков будет динамически отфильтрован, чтобы сразу показать вам релевантные результаты.
Абзац
Первый вариант, Абзац- это блок для отображения основного текстового содержимого, очень похожий на предложение, которое вы сейчас читаете! Это базовый тип блока, который следует использовать, когда вам не нужно делать ничего особенного, просто добавляя обычный текстовый абзац. Открытие панели инструментов Форматирование в блоке абзаца вы сможете выровнять текст, добавить классы CSS к абзацу и выполнять другие функции форматирования. Полную информацию об этих параметрах можно найти в разделе Форматирование текста далее по странице.
Заголовок
Второй вариант, Header, вставляет блок header , который важен для добавления заголовков и подзаголовков к вашему тексту. Это полезно не только для эстетики, но и потому, что правильно используемые заголовки могут быть полезны для SEO, улучшая вашу узнаваемость в поисковых системах.
При нажатии на опцию заголовка по умолчанию будет вставлен заголовок H2 , поскольку обычно заголовок H1 следует использовать только один раз в заголовке публикации. Однако вы можете преобразовать свой блок в любой заголовок из H1 Для Н6 используя соответствующие значки, которые появляются при открытии Панель Инструментов Форматирование .
![Редактор блоков заголовков](https://getpublii.com/docs/media/posts/46/headers-block-2.png)
Вставка изображений
Третья опция на панели Вставка позволяет вам вставить Изображение в блок. При нажатии на эту опцию будет создан блок изображений, который затем вы можете перетащить переместите файл изображения в серую область, чтобы вставить изображение, или нажмите на кнопку Выберите файл , чтобы открыть проводник вашего компьютера и выбрать файл.
![Блок редактора изображений](https://getpublii.com/docs/media/posts/46/image-block.png)
После выбора изображения оно будет добавлено в блок; на этом этапе, доступно множество дополнительных опций для оформления и добавления подписей и других элементов к изображению.
Чтобы добавить к изображению подпись и альтернативный текст , вставьте свой текст в соответствующие поля под изображением. Для оформления изображения вы можете открыть панель инструментов Форматирование.
Оформление вашего изображения
Также доступно несколько вариантов оформления через FПанель инструментов редактирования которая позволяет вам решить, как именно вы хотите, чтобы изображение отображалось в вашем посте.
![панель инструментов для редактирования изображений](https://getpublii.com/docs/media/posts/46/image-editing-toolbar.png)
Первые три иконки в Панель Инструментов Форматирование для блока изображений вы можете выбрать размер изображения на странице; первый значок устанавливает, что изображение должно быть немного меньше ширины текста, второй значок устанавливает, что изображение должно быть немного шире текста, а третий значок устанавливает ширину в полный размер страницы. Изображение будет динамически масштабироваться для отображения каждого выбранного варианта, поэтому не стесняйтесь протестировать их все, чтобы увидеть, какой из них подходит именно вам!
Создание ссылки на изображении
Возможно, вы захотите добавить ссылку на изображение, а не оставлять его как чисто статический элемент.
Значок цепочки на панели инструментов форматирования позволяет включить в изображение ссылку на другую часть вашего сайта, на внешний сайт или на определенный файл. Чтобы вставить ссылку, откройте панель инструментов форматирования и нажмите на цепочку вставить ссылку значок.
Добавление CSS-классов и идентификаторов к изображению
Для пользователей, которые хотят иметь более полный контроль над отображением изображения, ориентируясь на него конкретно в CSS, вы можете добавить Класс CSS или ID к изображению через Настройки значок, пятый значок на панели инструментов форматирования изображений.
При нажатии на значок Шестеренки откроется всплывающее окно настроек. Отсюда вы можете добавить свой класс CSS или ID в соответствующие поля, затем нажать Сохранить кнопка, чтобы закрыть всплывающее окно и применить внесенные изменения.
Удаление изображения
Если вы решите, что больше не хотите использовать изображение в своем посте, вы можете удалить его, нажав на последний значок панели инструментов форматирования, Bin . Чтобы предотвратить случайное удаление, вам нужно будет дважды щелкнуть по этому значку, прежде чем изображение будет удалено; при первом нажатии вы увидите, что значок корзины меняет цвет на красный, затем при втором нажатии будет подтверждено удаление.
Вы также можете удалить изображение, наведя курсор на изображение, затем дважды щелкнув значок Красная ячейка , который появляется в левом верхнем углу изображения, для удаления.
Вставка галерей
Четвертым параметром в списке типов блоков является Галерея блокируйте. Если у вас есть большое количество изображений, которые вы хотите отобразить, то галерея предлагает простое, но элегантное решение. В галерею можно добавлять неограниченное количество изображений, которые будут отображаться в формате столбцов, что автоматически изменит положение изображений в соответствии с размером экрана.:
![Пример галереи](https://getpublii.com/docs/media/posts/46/gallery.jpg)
Для создания Галерея, откройте Панель вставки и нажмите на Галерея вариант. Так же, как когда вы вставляете стандартная картина серого раздел, где вы можете перетащите и Drop ваши файлы или нажмите на кнопку Выбрать файлы , чтобы получить ваши изображения через файловый менеджер.
Изменение галереи
Открыв панель инструментов Форматирование, вы можете получить доступ в основном к тем же опциям, что и при вставке отдельного изображения, с пиктограммами для настройки ширины галереи. Однако также будет одна дополнительная опция, Столбцы. Изменение номера здесь изменит количество столбцов, по которым будут отсортированы изображения.
![Галерея редактирования](https://getpublii.com/docs/media/posts/46/editing-gallery.webp)
В противном случае удаление и добавление CSS и идентификаторов к вашим изображениям будет выполняться так же, как описано выше в Яввод Изображения Раздел.
Списки
Пятая опция в списке типов блоков позволяет вставить Список блок. Список может быть неупорядоченным, в котором для каждого элемента используются маркеры, или упорядоченным, который добавляет номер к каждому элементу, начиная с единицы и по возрастанию.
Чтобы вставить блок списка, откройте панель Вставка и нажмите на Список опция. По умолчанию это создаст неупорядоченный список, но вы можете переключиться на упорядоченный список, Выбрав блок чтобы открыть Панель инструментов форматирования, затем щелкните значок Упорядоченный список в правом верхнем углу блока; значок выглядит как список чисел, а не маркированных точек.
![Редактирование списков](https://getpublii.com/docs/media/posts/46/list-editing.png)
После создания списка будет добавлен первый маркер или номер, готовый для вашего текста. Для того чтобы добавить больше элементов в список, просто нажмите "Enter", когда курсор находится в активном блока; при этом будет создан новый элемент под существующей. Чтобы удалить элемент, вы можете использовать возврат Клавиша в обычном режиме; как только вы дойдете до начала строки, она удалит текущий маркер или число.
Цитата
Вариант шестой в списке типов блоков вставляет Цитата блок. Этот блок добавляет стиль для выделения текста в виде цитаты, а также добавляет дополнительное поле, где можно разместить Автор Цитаты . Обратите внимание, что точный стиль блока будет отличаться в зависимости от используемой вами темы.
![Редактирование блока цитат](https://getpublii.com/docs/media/posts/46/blockquote.png)
После щелчка по значку цитаты вы увидите два поля; Текст цитаты и Автор цитаты. Как и следовало ожидать, само содержимое цитаты должно быть добавлено в поле Текст цитаты , а название источника в поле Поле "Автор цитаты" .
Поле Текст цитаты является обязательным; пока не будет введен какой-либо текст, блок не будет преобразован в содержимое. Однако, Автор цитаты является необязательным, поэтому вы можете безопасно добавлять цитаты непосредственно из статьи для наглядности, не приписывая их себе!
Отображение кода
Седьмая опция в списке типов блоков преобразует ваш блок в Код- это полезно для пользователей, которые хотят включает примеры кода на своих постах. Нажав на значок, чтобы изменить блок отображения Редактор Кода :
![Редактор кода](https://getpublii.com/docs/media/posts/46/code-block.png)
Вставка содержимого в этот редактор выполняется так же, как при добавлении обычного текста. Однако нажатие клавиши enter в редакторе кода не создаст новый блок, вместо этого в редакторе кода будет создана новая строка, причем каждая строка будет пронумерована для удобства чтения.
Настройка языка кода
Открыв Панель инструментов форматирования Вы сможете установить, какой язык программирования используется в блоке кода; это повлияет на то, как содержимое будет окрашено и отформатировано. После открытия панели инструментов форматирования первым вариантом является Язык. Нажмите на эту опцию, чтобы открыть раскрывающийся список, в котором отображаются все доступные языки, затем нажмите на язык, который вы хотите использовать в блоке кода.
![Редактирование языков в блоке кода](https://getpublii.com/docs/media/posts/46/code-block-language.png)
Преобразование блока кода обратно в обычный формат Блок абзаца Форматирование текста будет сохранено, но стиль будет изменен на стандартный для темы.
Использование HTML
Седьмой параметр в списке типов блоков используется для вставки HTML Содержание. Как обсуждалось ранее в разделе Редакторы Publii в разделе этого руководства содержимое вашего поста необходимо преобразовать в HTML, чтобы оно корректно отображалось в браузерах. Преобразовав свой блок в HTML, вы сможете напрямую манипулировать своим собственным HTML-кодом и вставлять его; идеально, если вам нужно использовать определенный тег или форматирование, которые нельзя использовать напрямую в редакторе блоков.
![HTML-код в редакторе](https://getpublii.com/docs/media/posts/46/html-block.png)
Вставка разделителя
Восьмая опция в списке типов блоков изменяет блок, чтобы он содержал только разделитель, который можно использовать для разделения абзацев, которые не связаны напрямую тематически, или для придания эстетического оттенка странице.
![Разделительный элемент типографики](https://getpublii.com/docs/media/posts/46/sepearator-block.png)
Разделитель займет весь блок, и никакой дополнительный текст не может быть добавлен.
Вставка кнопки "Подробнее"
Девятый параметр в списке типов блоков, который помечен Читать дальше, используется для вставки ссылки "Подробнее" в ваш контент; если статья отображается в режиме предварительного просмотра, например, на первой странице, в ней обычно отображается установленное количество слов в соответствии с Длиной отрывка опция доступна в разделе Тема приложения Publii (доступна через меню слева) в разделе Основные настройки Раздел. Когда в ваш текст добавляется раздел "Подробнее", в этих превью не будет отображаться текст после раздела "Подробнее"; полезно, если ваша статья начинается с короткого абзаца, и вы не хотите включать часть следующего абзаца в предварительный просмотр.
![Подробнее о блоке](https://getpublii.com/docs/media/posts/46/readmore-block.png)
Чтобы добавить дополнительную информацию к вашей статье, просто откройте Панель вставки и нажмите Читать дальше опция в списке типов блоков; дополнительная информация будет добавлена и активирована автоматически.
Примечание: Только одно чтение может быть добавлено в статью; Еще одна была добавлена опция больше не будет отображаться в списке доступных типов блоков в Вставка-Бар. Если вы хотите переместить блок для чтения, вы можете щелкнуть стрелки вверх и вниз, которые появляются слева от блока, когда он выбран, чтобы переместить его вверх и вниз в порядке блоков, или полностью удалить блок, что позволит вам вставить новый блок для чтения.
Вставка оглавления
Последняя опция в панели Вставка предназначена для вставки Оглавления к вашему сообщению. Оглавление может быть полезным инструментом, помогающим пользователям находить определенную часть вашего поста, особенно длинные сообщения со многими разделами, или документацию, где пользователям необязательно читать весь пост целиком, чтобы получить то, что им нужно.
Создание оглавления в Publii в значительной степени автоматизировано; после нажатия на соответствующую иконку в блок будет добавлено поле Label ; здесь вы можете задать заголовок для вашей таблицы. Фактическая таблица будет сгенерирована автоматически с использованием Заголовков H1-H6 в вашем сообщении с отступами для отображения подразделов.
Встроенный редактор
Поскольку редактор блоков по своей сути все еще является текстовым редактором, он включает стандартные параметры форматирования текста, которые вы ожидаете, в том числе:
- Изменить текст на Выделенный жирным шрифтом.
- Изменить текст на Курсив.
- Добавьте подчеркивание к тексту.
- Зачеркнутый текст.
- Вставка ссылок.
Эти базовые функции предоставляются встроенным редактором, который открывается автоматически всякий раз, когда выделяется блок текста, или если вы дважды щелкаете по слову в блоке:
Первые четыре значка на панели инструментов охватывают основные настройки форматирования; начиная слева; добавляя жирный шрифт, курсив, подчеркнуто или зачеркивание текст. Чтобы воспользоваться этими опциями, выделите мышью блок текста, который вы хотите изменить, после чего автоматически отобразится встроенный редактор. Затем щелкните соответствующий значок, чтобы соответствующим образом изменить текст.
Последний значок справа от панели инструментов также предоставляет базовую функцию форматирования; выделение текста. Это добавляет тексту цветной фон, чтобы он выделялся на фоне других областей; полезно для выделения важных фраз в вашем контенте. Как и раньше, чтобы добавить выделение, просто выберите блок текста, который вы хотите выделить, чтобы вызвать встроенный редактор, затем нажмите на последний значок справа, чтобы применить выделение.
Два других средних параметра со значками, похожими на цепочку и фигурные скобки соответственно, предлагают немного другие параметры, упрощающие форматирование текста. Фигурные скобки предназначены для изменения текста, чтобы он напоминал Код стиль такой же, как у панели Вставка функция, описанная выше; однако, if немного отличается тем, что в код будет преобразовано только выделенное содержимое, а не весь блок. Значок цепочки предназначен для вставки ссылок; давайте посмотрим на это сейчас:
Вставка ссылок
The Цепочка Значок во встроенном редакторе позволяет преобразовать ваш текст в ссылку, чтобы пользователи могли щелкнуть по нему, чтобы перейти в другую часть вашего сайта, на внешний сайт или в определенный файл. Чтобы вставить ссылку, выделите в тексте текст, который вы хотите преобразовать в ссылку, затем нажмите на значок вставить ссылку во встроенном редакторе. Появится надпись Вставить ссылку наложение:
![Всплывающее окно вставки ссылок](https://getpublii.com/docs/media/posts/46/links-popup.png)
На верхнем экране вкладки вверху позволяют вам выбрать, на какой тип ресурса вы хотите создать ссылку, а поле в центре позволяет выбрать ресурс. Доступные типы ссылок::
- Публикация - Эта опция создает ссылку на конкретную публикацию на вашем сайте Publii. Выбрав эту опцию, вы можете щелкнуть по раскрывающемуся списку в центре наложения, чтобы выбрать публикацию. Если у вас много записей, вы можете начать вводить текст для динамической фильтрации списка.
- Тег - Эта опция ссылается на страницу с определенным тегом на вашем сайте Publii, показывая список записей, прикрепленных к тегу. Как и в случае с публикацией, вы можете выбрать, на какую страницу с тегом ссылаться в раскрывающемся списке, или ввести, чтобы отфильтровать результаты.
- Автор - Так же, как опции тегов и записей, эта опция позволяет вам ссылаться на страницу автора на вашем сайте Publii, показывая список записей, созданных указанным автором. Выберите, на какого автора вы хотите создать ссылку, в раскрывающемся списке.
- Пользовательский - Этот параметр предназначен для ссылок, которые ведут на URL, который чаще всего является внешним по отношению к вашему сайту Publii. Если выбрана эта опция, вам следует добавить полный URL, на который вы хотите сослаться, в поле в центре наложения, например. https://example.com. Также полезно для анкорных ссылок, которые ведут вас в определенное место на странице.
- Файл - Эта опция создает ссылку, которая позволяет пользователям просматривать или загружать файл, который включен в файлы веб-сайта вашего сайта, например .pdf или другой текстовый документ, медиафайл или другой контент, который нелегко отобразить на веб-странице. Если выбран этот параметр, щелчок по полю в центре наложения позволит вам выбрать файл в файловом менеджере Publii; как и в случае с другими параметрами, вы можете ввести, чтобы отфильтровать видимые результаты.
После того, как вы выбрали тип ссылки и установили цель, вам нужно будет установить Атрибуты ссылки. Ими можно управлять с помощью кнопок переключения под полем адреса в оверлее, при этом доступны следующие опции (просто переключите атрибуты, которые вы хотите использовать):
- Открыть в новой вкладке - Включение этого атрибута заставит браузер открыть ссылку на новой вкладке, вместо того, чтобы перенаправлять выбранную в данный момент вкладку с вашего сайта на связанный URL.
- Добавить атрибут "загрузить" - Этот атрибут доступен только при добавлении ссылки на Файл и заставляет пользователей загружать файл, а не просматривать его в своем браузере.
- Добавить rel="nofollow" - Этот атрибут указывает поисковым системам не переходить по ссылке при индексации вашего сайта; это может быть полезно для целей SEO.
- rel="спонсируемый" Этот атрибут помечает ссылку как "спонсируемую", т.е. сообщает поисковым системам, что ссылка была оплачена рекламодателем или содержит какую-то выгоду для вашего сайта, поэтому по ней не следует переходить как по части контента вашего сайта.
- rel="ugc" - Этот атрибут помечает ссылку как "пользовательский контент", предполагая, что ссылка не была создана владельцем сайта, а была размещена другим пользователем, например, в комментарии или другом пользовательском контенте. Это опять же используется роботами поисковых систем, чтобы решить, переходить ли по ссылке при индексации вашего сайта.
Если информация о вашей ссылке завершена и ваши атрибуты заданы, то вы можете нажать на Сохранить возможность завершить создание ссылки.
Удаление ссылок
Чтобы удалить созданную вами ссылку, дважды щелкните по ссылке в редакторе записей или выделите текстовый блок, чтобы открыть встроенный редактор. Вы заметите, что рядом с вставить ссылку значок, показывающий разорванную цепочку. Это опция удалить ссылку , поэтому нажмите на нее, и текст вернется к нормальному состоянию.
Панели инструментов преобразования и форматирования
Как обсуждалось ранее в этом руководстве, при нажатии на значок Двойные Многоточия слева от выбранного блока отобразятся две дополнительные панели инструментов для изменения содержимого "на лету", в отличие от панели Вставка которые могут быть использованы только, когда блок остается пустым. Панели Инструментов Преобразования находится в верхнем левом углу блока после открытия функции, наряду с текстом 'конвертироватьи Панель Инструментов Форматирование будет находиться в правом верхнем углу блока, предоставляя элементы управления для форматирования текста и другие функции, специфичные для блока.
![Панель инструментов редактора блоков - форматирование](https://getpublii.com/docs/media/posts/46/formating-menu.png)
Поскольку некоторые функции здесь дублируются с панели Вставка возможно, вы уже знакомы со многими функциями этих панелей инструментов, но для наглядности мы рассмотрим каждую функцию полностью.
Примечание: Опции Преобразовать в и Форматирование текста доступны только для текстовых блоков, таких как абзац, список, цитаты и блоки кода. Уникальные блоки, такие как изображения или галереи, не будут включать эти опции.
Доступные опции на этих панелях инструментов, слева направо, следующие:
Панель инструментов Преобразования
- Преобразовать блок в Заголовок
- Преобразовать блок в Цитата
- Преобразуйте блок в Список
- Преобразовать блок в Код
- Преобразовать блок в HTML
Панель инструментов форматирования
- Выровнять текст по левому краю
- Выровнять текст по центру
- Выровнять текст по правому краю
- Удалить форматирование из блока
- Дополнительные настройки
- Удалить блок
Давайте подробнее рассмотрим функции форматирования:
Выравнивание текста
Если вы используете стандартный стиль абзаца для своего блока, первые три значка в этом разделе предназначены для выравнивания текста на странице. Чтобы выровнять текст по левому краю (по умолчанию), центру или по правому краю, щелкните соответствующий значок на панели инструментов.
![Параметры выравнивания](https://getpublii.com/docs/media/posts/46/align-options.png)
Удаление форматирования
Следующий значок на панели инструментов Форматирование, который выглядит как ластик, удаляет все примененное форматирование текста в блоке, например, жирный шрифт, подчеркивание или зачеркнутый текст. Он не изменит тип блока, например, если вы отформатировали свой контент как код, он не преобразует его обратно в стандартный абзац. Чтобы изменить свой блок обратно на стандартный абзац, вы можете нажать на Абзац значок, который появляется как первый символ в Панель Инструментов Преобразования если блок не установлен в пункте.
![Удаление форматирования](https://getpublii.com/docs/media/posts/46/removing-formatting.png)
Расширенные настройки
Пятая иконка в Панель инструментов форматирования, который выглядит как шестеренка, открывает Расширенные настройки . Здесь вы можете применить тематическое форматирование к своему текстовому контенту, а также добавить Классы CSS и Идентификаторы для вашего блока.
![Дополнительные настройки](https://getpublii.com/docs/media/posts/46/advanced-settings.png)
![Расширенные параметры блоков](https://getpublii.com/docs/media/posts/46/advanced-block-options.png)
Настройки, доступные в этом разделе, включают в себя Класс CSS и ID поле, в котором вы можете ввести определенный класс или идентификатор, чтобы добавить свой собственный стиль к блоку. Параметр по центру в этом разделе, Стиль абзаца, позволяет изменять блок, выбирая параметры оформления для конкретной темы, чтобы указать тип контента. Хотя эти параметры могут меняться в зависимости от темы, обычно в темах, созданных для Publii, вы найдете следующие параметры:
- Информация - Преобразует блок в информационное поле.
- Выделить - Выделяет блок, чтобы привлечь внимание к содержимому.
- Успех - Более яркая подсветка для обозначения полезного контента.
- Предупреждение - Обычно красного цвета, указывает на потенциальную проблему или на то, с чем следует быть осторожным.
Удалить блок
Последний значок на панели инструментов Форматирования, который выглядит как ячейка, предназначен для полного удаления блока. Чтобы убедиться, что блоки не будут удалены случайно, вам нужно дважды щелкнуть по этому значку для подтверждения удаления.
![Удалить блок](https://getpublii.com/docs/media/posts/46/delete-block.png)
Перемещение блоков
Одним из преимуществ редактора блоков является то, что он позволяет вам изменять порядок блоков, перемещая их вверх или вниз по странице, чтобы получить правильный макет. Чтобы изменить порядок блоков, сначала щелкните на Дважды Многоточия значок для открытия панелей инструментов. Затем нажмите на стрелки вверх и вниз слева от блока, чтобы переместить блок вверх или вниз по иерархии.
![Пользовательский интерфейс перемещения блоков](https://getpublii.com/docs/media/posts/46/moving-blocks-ui.png)
Массовое редактирование блоков
Если вы добавили в свой пост много контента, то использование обычных опций дублирования, удаления и изменения порядка может быть слишком медленным и громоздким. В таких случаях вы можете воспользоваться Массовым редактированием боковая панель позволяет быстро изменять порядок блоков в публикации или дублировать и удалять существующие записи гораздо более эффективным и удобным для пользователя способом.
Чтобы открыть экран Массового редактирования, нажмите на кнопку Массовое редактирование опция в левом нижнем углу окна редактора блоков; при этом откроется левая боковая панель, отображающая список блоков на вашем сайте, а также параметры массового редактирования:
![Массовое редактирование блоков](https://getpublii.com/docs/media/posts/46/bulk-editing-blocks.png)
Отсюда вы можете выполнять три полезные функции:
Измените порядок блоков
Чтобы изменить порядок расположения блоков содержимого в вашей статье, в списке блоков на левой боковой панели перетащите блок, который вы хотите переместить, на новое место в порядке; он будет вставлен везде, где вы поместите блок в списке, переместив все следующие блоки на шаг вниз.
Дублировать блок
Чтобы скопировать блок, щелкните значок в виде двойного квадрата справа от блока, который вы хотите скопировать, в массовом редакторе; копия блока будет немедленно создана под выбранным блоком, готовая к перетаскиванию туда, где вам это нужно.
Удаление блока
Чтобы удалить блок через боковую панель массового редактирования, нажмите на значок Корзина справа от блока, который вы хотите удалить, два раза; при первом нажатии значок изменится, а второй щелчок подтвердит удаление.