Custom Header Links (icons)

Этот плагин такой капризный в настройке! Я пытаюсь заставить иконку fa-bolt-lightning выполнять ту же функцию, что и иконка комментариев (/latest). Я перепробовал все варианты: fab-bolt-lightning, fas-bolt-lightning, fa-bolt-lightning или просто bolt-lightning — и в полях ссылок в заголовке, и в окне выбора SVG-иконки. В итоге всегда получаю ссылку без иконки. Это просто сводит с ума.

2 лайка

Этот компонент использует старый набор иконок, поэтому он будет bolt :+1:

2 лайка

Я пытаюсь использовать иконку Font Awesome user-headset, которая доступна начиная с версии Font Awesome 5.7.0, но она не отображается.

Вместо сообщения на странице конфигурации плагина:

Включите классы иконок FontAwesome 5 для каждой иконки, используемой в списке.

было бы здорово указывать точную версию Font Awesome, используемую плагином.

Кстати, пожалуйста, обновите плагин до последней версии Font Awesome в следующем релизе.

Иконка user-headset является Pro-иконкой, поэтому для её использования требуется Pro-подписка. Если вы хотите использовать бесплатную версию, используйте headset.

2 лайка

Одно слово совета по этому компоненту: следите за количеством иконок в шапке в мобильном режиме, так как при наличии кнопок «Войти» и «Регистрация», а также логотипа сайта, место быстро закончится. Например, если разместить там всего две иконки с этим компонентом, в мобильном режиме будет очень тесно: кнопки меню могут уйти за пределы экрана, а логотип сайта уменьшится. Я лично предпочитаю более чистый вид без иконок и использую этот компонент только для добавления одной дополнительной иконки в шапку для мобильных пользователей, которые этого просили.

3 сообщения были перенесены в новую тему: Как создать динамическую ссылку в заголовке?

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

1 лайк

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

Этот компонент сломан после последнего обновления, как и как минимум ещё 5 компонентов темы. В настоящее время это вызывает серьёзные проблемы.

Появилось несколько сообщений о том, что Custom Wizard мог быть причиной проблемы. Не установлено ли у вас это приложение?

1 лайк

Это сработало: большое спасибо за быстрый ответ!

1 лайк

Что люди делают в связи с переходом от старого логотипа Twitter к «X»? Похоже, что новый иконка бренда X в ближайшее время не будет добавлена в Font Awesome 5 :frowning:

4 лайка

Спасибо @Moin — это работает (и при использовании в компоненте Custom Header Links нужен только первый шаг, если затем указать эту иконку как используемую в настройках компонента)

Я пытаюсь добавить иконку глобуса, но она не отображается.

Как это сделать? Globe Classic Solid Icon | Font Awesome

Что вы ввели в настройку ссылок заголовка? Я только что попробовал globe icon title,globe,https://fontawesome.com/v5/icons/globe,vdm,blank, и это сработало.

Кроме того, если вы не видите значок, вы можете добавить globe в настройку svg_icons, чтобы убедиться, что он будет отображаться.

Кажется, документация может быть немного запутанной.

По умолчанию в настройках используются fab-twitter и fab-facebook (корректные имена). На скриншоте они показаны без префикса fab-, а в документации сказано убрать любой префикс fab- (что не совсем верно, так как существуют корректные иконки с префиксами fab- и far-). :thinking:

1 лайк

У меня это работает: все иконки fab-discord. Я тестировал без fab, и тоже работает. Спасибо :slight_smile:

2 сообщения были перемещены в новую тему: Несоответствие размеров пользовательских иконок заголовка иконок основного заголовка

Существует ли какой-либо плейсхолдер или переменная для текущей страницы/URI, на которой находится пользователь, чтобы отобразить её в ссылке заголовка?

В нашем случае мы хотим добавить ссылку на нашу тестовую среду, которая открывает точно такую же страницу.

Пример: когда пользователь находится на странице forum.xyz/admin/site_settings, ссылка кнопки должна вести на stagingforum.xyz/admin/site_settings.

1 лайк