Перейти к содержимому

Confluence как сделать ссылку на текст внутри страницы

  • автор:

Как использовать макросы в Confluence, чтобы систематизировать и оформить техническую документацию?

Частая проблема в работе с документацией заключается в том, что команды оформляют и хранят данные как хотят. В тексте рассказываем, как навести порядок и использовать 7 полезных макросов.

Изображение записи

Меня зовут Таня Дудо, и я уже 6 лет помогаю людям и командам обмениваться знаниями внутри компаний. Для этого использую Confluence. Да-да, ту самую wiki-систему, которую часто называют неудобной и несовременной. Сегодня выступлю ее адвокатом-обозревателем: расскажу про 7 полезных макросов для систематизации и оформления контента и наглядно покажу, как они работают.

Дисклеймер: с марта Atlassian не продают лицензии в Россию напрямую. Но если у вас уже есть, никто не запрещает ей пользоваться. На сайте Atlassian есть развернутая документация по установке Confluence и Jira. Она охватывает практически все аспекты. Вот, например, одна из статей.

В чем проблема с Confluence или почему я решила написать этот текст

Часто вижу в разных компаниях, что документация в Confluence живет своей жизнью: команды оформляют и хранят данные как хотят, никто сильно не погружается в работу этой системы. Из-за этого она кажется неповоротливой, вызывает раздражение и жаркие споры о том, какой инструмент лучше подойдет для накопления и передачи знаний.

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

Рекомендую к прочтению тем, кто:

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

Что такое макросы и зачем они нужны

Макросы — это программные алгоритмы действий, «упакованные»‎ в понятный графический интерфейс. Если проще, это внутренние инструменты Confluence, которые помогают делать документацию понятнее и удобнее.

Чем макросы круче текстовых редакторов?

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

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

В Confluence макросов много — больше 5 тысяч , но я сосредоточусь на трех группах. Это:

  • форматирование контента,
  • интеграция внутреннего контента,
  • интеграция внешнего контента.
Их можно называть «группами быстрого улучшения»‎ — они помогут сделать вашу доку читабельнее всего в пару кликов.

Где находятся макросы

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

Самые популярные макросы — например, «Оглавление»‎ и «Галерея»‎ — лежат в выпадающем меню. Больше возможностей скрываются за строчкой «Другие макросы»‎.

В библиотеке макросы рассортированы по группам. В левой части интерфейса можно сразу перейти к нужной группе.

Если подходящего макроса не нашлось, через кнопку «Найти еще макросы…»‎ можно перейти в Atlassian Market и изучить платные и бесплатные дополнения, совместимые с вашей версией Confluence.

Макросы-блоки и макросы-рамки

Макрос может быть самодостаточным и не требовать вставки чего-то (например, текста, изображений или ссылок) внутри себя. В таком случае он выглядят как блок.

Если для работы макроса что-то нужно поместить внутрь, он выглядит как рамка.

Представьте: вам нужно спрятать под кат какой-то текст. Тогда можно использовать макрос «Раскрыть»‎: внутрь рамки помещаем текст, а после сохранения ок окажется внутри раскрывающегося меню.

Внутрь одного макроса-рамки можно помещать сколько угодно других макросов. Главное, чтобы в пирамиде была логика. Так, например, можно сделать пирамиду из раскрывающихся пунктов, или спрятать содержание статьи, если оно слишком объемное. Или добавить макрос форматирования текста.

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

Зачем нужны:

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

В работе с документацией в разных компаниях я часто замечала одну и ту же деталь: для внутренней продуктовой документации нет единых правил форматирования. В пространствах может быть отлично настроено дерево страниц, для доки созданы отдельные разделы, могут быть даже ключевые вопросы или примерный план-содержание, но внутри тексты разных статей на одну и ту же тему будут отличаться.

Пожалуй, самый распространенный пример разноформатного подхода — это выделение подсказки, предупреждения и примечания.

Наверняка вы видели, как в самом начале текста капслоком написано «ВНИМАНИЕ»‎, и после этого идет абзац красного текста. Или подсказка отмечена звездочкой, а пояснение дано внизу страницы курсивом, как в печатных книгах.

Опасность разного оформления в том, что при беглом прочтении такие акценты могут проскользнуть мимо внимания читателя. А еще к ним будет сложно вернуться и придется перечитывать текст заново.

Как использовать

В Confluence нашли изящное решение: унифицировали макросы «Подсказка»‎, «Предупреждение»‎, «Примечание»‎ и «Информация»‎.

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

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

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

Макросы для интеграции внутреннего контента

Зачем нужны:

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

Бывает, что одна статья полезна для нескольких команд. Чтобы не дублировать ее в разных пространствах, можно использовать макросы «Включить выборку»‎ и «Включить страницу»‎.

Выборка — это небольшой отрывок из исходной статьи, а страница — полное «зеркало»‎ всего текста.

Главный профит этого макроса в обновлении: если в исходной статье что-то поменяется, цитата или страница-зеркало изменится вместе с ней. Это намного эффективнее ручного обновления скопипащенного отрывка.

Чтобы включить цитату из одной статьи в другую, нужно:

  • перейти в режим редактирования на той странице, где содержится необходимая информация,
  • выделить предложение, абзац или несколько абзацев, которые надо процитировать,
  • вставить макрос «Выборка»‎.

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

Теперь открываем ту статью, которая будет содержать эту цитату и вставляем макрос «Включить выборку»‎. Вуаля — цитата появилась на странице. Если исходный текст цитаты поменяется, он обновится автоматически во всех статьях, где будет включена эта выборка.

Если нужно процитировать статью целиком, то на помощь придет макрос «Включить страницу»‎. Здесь после выбора макроса нужно ввести название статьи, которую будем транслировать на этой странице. Дополнительно включать выборку на исходной не нужно.

Макросы интеграции внешнего контента

Зачем нужны:

  • позволяют размещать контент из внешних источников без дополнительных авторизаций,
  • можно вставить задачи из Jira и видеть актуальный статус, не переходя в таск трекер,
  • взаимодействие с интерактивным виджетом происходит прямо в Confluence.

В Confluence можно интегрировать контент из внешних источников. Это очень выручает, когда не вся документация хранится в одном месте и есть разница в форматах.

Самый простой пример такой внешней интеграции — добавление на страницу задач из Jira.

Представьте: проводите встречу, записываете meeting notes в Confluence и по итогам определяете задачи. Как их записать, чтобы исполнители точно знали, что нужно сделать и к какому сроку? Завести их в таск-трекер, а потом привязать к странице с результатами встречи.

Таски добавляются через макрос «Фильтр\проблема Jira»‎ — достаточно ввести код проекта и номер задачи. В Confluence подтянется ее название и актуальный статус.

Еще один полезный макрос интеграции внешнего контента — «Коннектор виджета»‎. С его помощью на страницу можно добавить любой контент из интернета, будь то видео с YouTube, Google-документ или таблица. Все будет отображаться прямо в Confluence без дополнительных авторизаций.

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

Где больше узнать про макросы

У Confluence есть много возможностей для работы с контентом. И этот текст, конечно же, не является исчерпывающим руководством.

Если макросов «базовой комплектации»‎ не хватает, то на помощь придет Atlassian Market. В нем можно выбрать из тысячи решений именно то, которое подойдет под потребности вашего проекта. Среди дополнений есть предложения и самого Atlassian, и сторонних разработчиков, которые делали макросы для себя, а после удачного запуска представили их широкой аудитории.

Больше полезной информации по работе с Confluence можно найти в корпоративном университете Atlassian Univercity или на ютуб-канале Atlassian.

Ссылки на конкретную часть статьи (якорь в статье)

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

Макрос Анкер (Якорь) добавляется так же, как остальные макросы — через меню вставки.

Добавляем название якоря.

Название составляется из букв латинского алфавита или цифр.

Вот так будет выглядеть якорь в редакторе статьи:

Чтобы потом сделать ссылку на этот якорь, нужно нажать на кнопку Вставить ссылку.

Выберите пункт Дополнительно и действуйте одним из следующих способов:

  • чтобы сделать ссылку на якорь в той же статье — в поле Ссылка добавьте название якоря через #. Например , #AnchorName;
  • чтобы сделать ссылку на якорь в другой статье — в поле Ссылка укажите название статьи, а потом к нему добавьте имя якоря через #. Например, Для новичков#endofarticle.
  • чтобы сделать ссылку на якорь в другой статье, которая находится в ином пространстве — в поле Ссылка укажите ключ пространства, поставьте двоеточие, укажите название статьи и через # имя якоря. Например, SPASE_KEY: 2017 релизы сайта Example.exp#listofrelease.

Если вы разместите в начале статьи макрос Оглавление и откроете статью, вы сможете скопировать ссылку на конкретный пункт статьи.

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

Вставить/Редактировать якорь #2411

С помощью так называемых «якорей» Вы можете вставлять невидимые ссылки с уникальными названиями в текст внутри страницы.

Например, если текст страницы очень объемный и состоит из нескольких подразделов, заголовок каждого из подразделов можно оформить в виде «якоря», задав каждому из «якорей» уникальные названия. Скажем, на странице «http://example/about» три раздела, каждый из них выделен в виде «якоря» с названиями «razdel-1», «razdel-2» и «rasdel-3», соответственно, чтобы пройти к любому из разделов, достаточно к адресу страницы дописать имя «якоря» через решетку — «http://example/about#razdel-3» — страница откроется именно в области третьего заголовка. При необходимости Вы можете сделать в начале документа оглавление, оформив ссылки на «якоря» в виде пунктов списка.

Рассмотрим, как можно вставить якорь в текст.

Шаг 1

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

php7qIDOO

Шаг 2

Откроется окно вставки «якоря». Укажите название (оно будет использоваться в ссылке на «якорь») и нажмите «Вставить «.

phpix9Sus

Обратите внимание!

  • Имя якоря может содержать только латинские буквы и цифры, при этом, имя якоря должно начинаться с буквы

Шаг 3

Чтобы вставить в текст ссылку на якорь, например, в оглавлении — воспользуйтесь обычной вставкой ссылки.

На вкладке «Информация о ссылке»:

  • Выберите «Тип ссылки» — «Ссылка на якорь в тексте».
  • Появится дополнительный параметр «Выберите якорь», где Вы сможете в списке «По имени» выбрать ранее созданный Вами якорь.

php7z5uGe

Шаг 4

После внесения изменений нажмите «Ок».

Мы создаём веб-сайты для России и зарубежных рынков с 1997 года. Наша команда – более пятисот сотрудников в разных странах и городах.

Понимание потребностей онлайн-бизнеса, опыт взаимодействия с тысячами клиентов, высокая квалификация персонала, собственные «ноу-хау» и хороший объём заказов позволяют веб-студии Мегагрупп.ру предлагать услуги высокого качества по удивительно низким и «вкусным» ценам.

Этот сайт был создан на платформе
CMS S3 от Megagroup.ru

Данный сайт защищен с помощью reCAPTCHA и соответствует
Политике конфиденциальности и Условиям использования Google.

Якоря и ссылки внутри страницы

Поставить ссылку, которая ведет внутрь страницы к конкретному блоку (разделу), можно двумя способами:

1. Добавьте в нужное место специальный блок — T173 Якорная ссылка из категории Другое. В Контенте T173 пропишите желаемое название для якоря, например: «contacts». И можно теперь переходить к этому месту, в котором находится блок T173, указывая ссылку вида «#contacts» на кнопках или в меню. Сам блок невидимый.

2. Поставить ссылку на любой блок: Для этого вам нужно в адресе ссылки прописать «#rec129000». Этот уникальный номер есть у каждого блока. Его можно найти в контекстной панели Settings блока (в самом низу). Обратите внимание, что если вы скопируете страницу, то номера блоков поменяются и вам нужно будет поставить ссылки заново.

Чтобы по ссылке посетитель сайта переходил к конкретному месту на другой странице, поставьте ссылку вида: /pagename#anchorname , где pagename — это адрес страницы, на которую нужно перейти, а anchorname — название якоря, который обозначает место, куда должен быть отправлен посетитель.

Если вы хотите, чтобы переход к назначенному блоку был плавным, «скользящим», добавьте на страницу блок T178 (Библиотека блоков → Другое → Плавный скролл до локальной ссылки).

Обращаем внимание, что на странице достаточно одного такого модификатора — использование нескольких на одной странице может привести к ошибкам.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *