Навигация по блогу

Приближается круглая дата - месяц, как я на голосе. Вчера во время эфира "вечера с голосом" обратили внимание на мою навигацию. И я решила написать небольшой туториал о том, как сделать навигацию в своем блоге, и как это сделала я.*

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

Я заметила, что после 10 постов стало лень мотать вниз и искать посты, например, с рецептами. А что будет когда их будет 100? 1000? Поэтому я поняла, что мне очень-очень нужна удобная навигация по собственным же записям.

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

Например, #кукусянаспорте - тег к постам, где я каким-то образом затрагиваю тему спорта. Или #кукушонок - тег, где есть Антошка.

Дальше вы можете сделать просто текстовое меню. То есть написать название вашей "рубрики" и присвоить ей ссылку.

Например,

Кукушонок
Спорт

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

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

Моя навигация выглядит так:

      [![](https://i.imgur.com/yiKXjv3.jpg)](https://golos.io/hot/ru--kukusinyreczepty)  [![](https://i.imgur.com/WfqPNPJ.jpg)](https://golos.io/hot/ru--kukusyashxet)  [![](https://i.imgur.com/5rucnrG.jpg)](https://golos.io/trending/ru--kukusyaputeshestvennicza) [![](https://i.imgur.com/IbbVMJ2.jpg)](https://golos.io/hot/ru--kukusinysovety)  [![](https://i.imgur.com/XsAfWo0.jpg)](https://golos.io/hot/ru--kukusyanasporte)  [![](https://i.imgur.com/KeNnAbS.jpg)](https://golos.io/trending/ru--kukusyachitaet)  [![](https://i.imgur.com/blLkWug.jpg)](https://golos.io/trending/ru--kukushonok)  [![](https://i.imgur.com/4jFuJ2U.jpg)](https://golos.io/trending/ru--kukusyaosebe)
      [![](https://imgp.golos.io/0x0/https://media.giphy.com/media/vSVqbNk7R8bBK/giphy.gif)](https://golos.io/@qqc)