Intereting Posts
wpdb получить сообщения по таксономии SQL Как настроить функцию внутри открытия и закрытия do_shortcode как я могу заказать категорию по дате Какой крючок для фильтрации всех текстов сайта? Настройка сообщений администратора только для чтения Выдержки автоматически удаляют пространство абзаца Могут ли пользовательские таксономии отображаться внутри настраиваемого мета-поля? 301 Перенаправить всю страницу и отправлять URL-адреса из .html в / привязка к сообщению вне цикла Лучший способ группировать сообщения на основе пользовательских типов сообщений Как отобразить заголовок сайта с заголовком сообщения? Как добавить captcha для публикации виджета Выпадающие три уровня категории с несколькими уровнями не работают Как я могу эмулировать поведение постоянных ссылок на статических страницах Emojicons представил с кодом WP 4.2 не встроенный

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

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

Итак, мне нужен совет, как сделать его на 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), есть один и тот же виджет входа.