Я пытаюсь создать собственную строку поиска, похожую на плагин discourse-search-banner. Я не хочу использовать этот плагин, так как он нарушает внешний вид моей темы.
Как можно воспроизвести эту функциональность для элемента <input type="text" /> по моему выбору?
Я изучил исходный код плагина и попытался адаптировать его для использования моего HTML-элемента, но не смог разобраться. Буду признателен за любые советы!
Не могли бы вы дать ссылку на этот плагин здесь? Я не могу его найти. Возможно, стоит также отметить создателя плагина — у него могут быть какие-то идеи.
Вы имеете в виду этот #theme-component?
Точно! Извините, моя вина, что не добавил ссылку. Я внесу правку.
Не переживайте, но это компонент темы, а не плагин, поэтому он вносит некоторые изменения. Особенно потому, что компоненты темы работают с клиентской логикой, а плагины — с серверной. Или вы хотите создать плагин на основе этого компонента темы?
Извините за поздний ответ.
Мне неважно, будет ли это плагин или компонент темы, главное — получить нужную функциональность. По сути, мне нужно зеркально отобразить поведение поиска по умолчанию (иконка в верхней панели) на текстовое поле ввода по моему выбору.
Как мне это сделать?
Многие проблемы можно решить с помощью CSS.
Что мешает вам просто проинспектировать и изменить CSS? Это было бы гораздо более быстрым решением.
В худшем случае, форкните TC и отредактируйте свой CSS?
Дело не столько в CSS, сколько в расположении и том, как это вписывается в мою HTML-структуру. Если я смогу понять, как изменить место, куда встраивается компонент, возможно, у меня найдется решение. Можете подсказать, в каком направлении двигаться?
При включённом компоненте темы на вашем сайте проверьте код с помощью браузера и посмотрите, где он размещён. В браузере внесите изменения, чтобы найти более удобное место, и используйте это для обновления/редактирования форка TC. Это должно сработать.
Также есть готовое решение для заголовка:
Если ни один из вариантов не подходит, а правки CSS недостаточны, вам придётся взяться за код виджетов :).