Как мне скопировать ссылки мета-баннеров?

Как создать 4 кнопки: Настройка, Руководство, Популярные темы, Наш хостинг

В компоненте темы Search Banner есть два плагинных выхода, на которые вы можете ориентироваться для размещения пользовательского контента в отдельном пользовательском компоненте, который вы можете создать.

Что такое search_banner.search_button_text
Как создать кнопку, как на этом фото?

Спасибо! Я не смог найти опцию для вставки этого кода в разделе настройки.
Не могли бы вы мне помочь, пожалуйста? :pray:

Я создам компонент темы. :+1:

Ну, всё в порядке, Дон. Главное — это учиться и делиться опытом. Думаю, в следующий раз было бы хорошей идеей сразу обозначить наши намерения. Спасибо, что поделились. :+1:

На самом деле я работаю над этим с вчерашнего дня[1]. Я сделал нечто подобное, но ещё не опубликовал. Хочу добавить больше возможностей для настройки: например, выбор между эмодзи, иконками Font Awesome или URL-адресами изображений, а также возможность задавать CSS для каждой кнопки, условный рендеринг и тому подобное. Для этого я активно изучаю и тестирую формат JSON-схем (и это довольно головная боль — кстати, этот PR по улучшению стилизации будет просто отличным!). Позже я без лишнего шума опубликую свою версию на GitHub.


  1. ↩︎

У вас что-то получилось? Я тоже пробовал собрать такой, но застрял.

Привет, @Arkshine, есть какие-то новости по этому компоненту? Это было бы невероятно полезно и для меня :innocent:

Я совсем забыл, извините. :smile:

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

Я хотел опубликовать версию от Дона, но не могу найти его репозиторий. :thinking:

Я посмотрю, что могу сделать, чтобы опубликовать рабочую версию как можно скорее. :+1:

Огромное спасибо! :pray:t2:

@Helga_Razinkova

Попробуйте, пожалуйста? Авторство принадлежит @Don и @manuel — я использовал некоторые их идеи.

Требуется недавняя версия Discourse (3.3), так как плагин полагается на новую функциональность: Objects type for theme setting.

Некоторые изображения

Общие настройки:

Настройки ссылок:

Стандартный вид — используется цвет темы.
image

Кнопку можно стилизовать отдельно:
image

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

Если всё будет хорошо, я выпущу плагин позже. :+1:

@Arkshine Извините за задержку, я наконец-то добрался до этой идеи :slight_smile:

Мне удалось добавить кнопки, огромное вам спасибо за этот плагин!! Единственная сложность сейчас — разместить кнопки сразу после строки поиска, но я надеюсь, что мы найдём решение.

Один вопрос: можно ли сделать поле «Эмодзи» необязательным вместо обязательного?

Ещё раз большое спасибо!

Привет, спасибо за тестирование компонента!

Я обновил его, чтобы сделать эмодзи необязательным. :+1:

Вы имеете в виду, что используете компонент «Баннер поиска» и хотите, чтобы кнопка отображалась ниже?
Если да, то в настройках plugin outlets вы можете установить значение below-site-header.
Возможно, вам потребуется отрегулировать отступы с помощью CSS.

Дайте знать, если нужна дополнительная помощь. :slight_smile:

Привет, думаю, Хельга ищет этот плагин-аутлет. :slightly_smiling_face:

Действительно!

По какой-то причине я предположил, что компонент Plugin Outlet отобразит их (я забыл, как компонент их генерирует). Спасибо, что поправили меня. :+1:


Мне нужно будет настроить параметры, чтобы это работало с компонентами outlets и чтобы упростить настройку отступов. Скоро обновлю вас, Хельга.

Круто, огромное спасибо за помощь, @Arkshine @Don! :fire: :fire:

Извините за ожидание! Я обновил компонент. Я добавил несколько новых настроек.

В вашем случае вам нужно использовать search-banner-below-input в настройке plugin_outlet.
Теперь он будет отображаться прямо под:

Если хотите, теперь можно задать максимальную ширину для контейнера:


`
Вот настройки, которые я использовал:


На изображении показан элемент интерфейса с надписью «buttons wrapper max width» (максимальная ширина обёртки кнопок), ползунок и поле ввода числа, позволяющее установить максимальную ширину 600 пикселей, а также кнопка «reset» (сброс). (Подпись сгенерирована ИИ)

Есть и другие настройки, включая несколько для мобильного вида.

Дайте знать, если всё работает хорошо. :+1:

Ого, @Arkshine, ты просто звезда!! Огромное спасибо, теперь всё выглядит потрясающе! :heart_eyes:

Очень умно, как здесь оформлены настройки компонента темы, @Arkshine! Как всегда, вы предоставляете еще одну отличную отправную точку и шаблон для начинающих разработчиков компонентов в сообществе!

Огромное-огромное СПАСИБО вам, мой друг!

Отличный компонент темы — и он определенно заслуживает отдельной темы!

Может, стоит переформатировать этот пост для этой цели? Или создать новый?