Intereting Posts
Networksite / multisite отключен? Почему? Форма тяжести формы объекта Как перечислить категории в тегах? Создайте родительскую страницу «Dummy» для иерархии в списке страниц? Удаление скрытого форматирования, когда пользователь вставляет текст из MS Word в TinyMCE Как создать целевую страницу категории, за которой следуют страницы сообщений? Переместить wordpress в папку без изменения URL-адресов Функция ограничения количества настраиваемых типов сообщений на главной странице – TwentyTen всплывающие опции для пользовательских быстрых тагов Проверьте, есть ли в текущей категории дети Как получить переменное количество сообщений для типа публикации в основном цикле? Добавление нового пользователя с лицевой стороны Лучший способ получить ряд настраиваемых полей в массив? Таксономия / пользовательское предложение типа типа публикации на сайте фильма Фильтр post_type thumbnail в результатах поиска

Виджет должен быть совместим со всеми темами

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

Итак, мне нужен совет, как сделать его на 100% совместимым со всеми темами.

Вы можете увидеть мой плагин с виджетами здесь: http://rb-pravo.ru/

Вы можете скачать рабочий плагин с виджетами здесь, там есть только виджет и HTML, ничего другого: http://rb-pravo.ru/wp-content/uploads/2016/11/simple.zip

Или вот это код:

<!-- HTML for the widget --> <div class="lwa lwa-default"> <form class="lwa-form" action="" method="post"> <div> <table> <tr> <td colspan="2"> <span class="lwa-status">Login successful...</span> </td> </tr> <tr class="lwa-username"> <td class="lwa-username-label"> <label>Username</label> </td> <td class="lwa-username-input"> <input type="text" name="log" /> </td> </tr> <tr class="lwa-password"> <td class="lwa-password-label"> <label>Password</label> </td> <td class="lwa-password-input"> <input type="password" name="pwd" /> </td> </tr> <tr class="lwa-submit"> <td class="lwa-submit-button"> <input type="submit" name="wp-submit" id="lwa_wp-submit" value="Log In" tabindex="100" /> </td> <td class="lwa-submit-links"> <a class="lwa-links-remember" href="" title="">Lost password?</a><br /> <a href="" class="lwa-links-register lwa-links-modal">Register</a> </td> </tr> </table> </div> </form> </div> <!-- End of HTML for the widget --> 

Мне нужен совет, как это сделать:

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

Пожалуйста, напишите мне что-нибудь по этой теме.

Любые советы приветствуются, как заставить виджет хорошо выглядеть с любой темой

Solutions Collecting From Web of "Виджет должен быть совместим со всеми темами"

Если вы хотите, чтобы ваш виджет соответствовал любой теме с цветами, вам нужно добавить некоторые параметры плагина (или виджета), которые ваш виджет будет легко получать.

В другом мышлении, если вы используете меньше цветов в своем CSS, будут отображаться цвета тегов по умолчанию. Работа с div вместо таблицы проще, и сэкономить время на сброс css, медиа-запросы (при необходимости).

Посмотрите на Двадцать семнадцать (доступно с WordPress 4.7 beta 2), есть один и тот же виджет входа.