Не прошло, мы покажем, как добавить не-WordPress вращающийся мусор. Чтобы создать два видео WordPress для WPBeginner на главной странице, мы были вдохновлены тем, что мы видели, или StudioPress в течение некоторого времени. Иссо показывает вам депозиты в Ferramenta Dica, когда или пользователь передает или мышь на фото. Эта техника становится сеттером, потому что мы также видели, как ее используют другие люди. Neste artigo, мы покажем, как добавлять всплывающие окна dicas de ferramentas, а не WordPress.
Финальный счет
Ass предполагаю, что или конечный продукт будет. Если навести мышью или мышью на фотографию человека, будет выставлен депозит dica de ferramenta. Вы можете увидеть живую демонстрацию здесь. В то же время, этот предмет будет сохранен и продемонстрирован естественным путем путем захвата ткани abaixo:
Фонд:
На основании того, что у нас не было специалистов из прошлого, показ выдающихся человеческих ресурсов имеет тенденцию добавлять личное чувство на страницу. Это причина, почему мы хотели идти по этому пути. Давайте сделаем простой поиск, а не Google, чтобы найти или артистизм Лорен Насон. Никаких качественных инструкций или кода, который использовал StudioPress. Частью StudioPress является ваша поддержка. Поскольку Лорен не согласилась, когда он спросил Брайана Гарднера о том, как он вырос на своем сайте, Брайан просто представил примерную папку.
Или большая проблема заключалась в том, что они просто закодировали бы его в соответствии со своей моделью. Embora – это тоже работа для нас, разработчиков, не идеальное решение, которое вы предлагаете, или сайт для клиента? Мы хотели найти решение, к которому мы даем клиенту возможность добавлять / удалять мусор для vontade. Для isso мы решили использовать пользовательские типы записей и метаполя для fazer isso в set as или jQuery.
Типы пользовательских сообщений и мета-диаграммы
Мы указываем, что клиент имеет возможность сделать следующее:
Первое, что мы делаем, это добавляем тип персонализированной почтовой оплаты под названием Депозиты, которые мы получили, кроме как в поле (позиция клиента / компании). Вы сами решаете, добавлять ли пользовательский мета-блок или ваш клиент использует настраиваемые поля. Мы говорим, что мы не должны быть осторожными и предлагать нашим клиентам отличный внутренний интерфейс, а также требовать добавления некоторых дополнительных строк кода.
Все, что вам нужно сделать, это вставить или написать код, чтобы следовать и сохранить его в php-файле в branco chamado tooltip-testimonials.php или по этой причине.
Isso предоставит нам базовую конфигурацию WordPress, которую мы должны прокомментировать. Теперь вам нужно начать добавлять некоторые депозиты, чтобы иметь возможность их показывать. Давайте вспомним, куда идет каждый предмет.
Шоу не актуально
Металлургические депозиты предназначены в основном для персонализированных тем, поэтому, сим, будет необходимо предложить как можно больше для редактирования тем. Поскольку каждая тема имеет разные размеры, цветовые схемы и стили, мы решили запустить ее как учебник вместо плагина. Вот или что мы собираемся сделать, чтобы показать тему WordPress:
Первый раз, когда вы это сделаете, это скопируйте и отфильтруйте или следуйте коду jQuery и сохраните его в файле branco chamado tooltip-testimonials.js:
jQuery (документ) .ready (function () {
jQuery («# testimonials imgКак добавить депозиты железа в двух темах WordPress»). подсказка ({
// настроить на положение
Смещение: (0, 0),
// использовать или эффект “слайд”
эффект: «слайд»
// добавить динамический плагин с опциональной конфигурацией для нижней платы
}). динамический ({bottom: {direction: ‘down’, bounce: true}});
});
Depois de fazer isso, мы должны нести этот файл, а не cabeçalho do seu tema. Вы можете выбрать ручную настройку isso, отредактировав или заархивировав header.php, используя скрипт или код в области заголовка, или следуйте рекомендуемым методам WP и используйте функцию wp_enqueue_script. Давайте перейдем к файлу tooltip-testimonials.js перед скриптом сценария темы. Если его не существует, достаточно создать макароны, называемые скриптами.
Добавьте или следуйте коду или файлу functions.php вашей темы:
add_action (‘wp_enqueue_scripts’, ‘tooltip_enqueue_scripts’);
função tooltip_enqueue_scripts () {
if (! is_admin ()) {
wp_register_script (‘jquery_tools’, ‘http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js?ver=3.4.2’, ‘jquery’, ‘3.4.2’, verdade) ;
wp_enqueue_script (‘jquery_tools’);
wp_register_script (‘dica de ferramenta’, get_stylesheet_directory_uri (). ‘/scripts/tooltip-testimonials.js’, ‘jquery’, ‘1’, verdade);
wp_enqueue_script (‘dica’);
}
}
Теперь, когда мы боимся практики, мы собираемся создать пользовательский цикл, который позволит нам отображать эти dicas de fermentos de ferramentas в виде пользовательских изображений в формате, основанном на классе. Откройте или файл, где вы хотите, чтобы эти депозиты появились. Перейти на боковую панель, домашнюю страницу или где вы хотите. Эм следовал, коул или петля:
Код над циклом покажет 6 элементов на странице. Вы можете проецировать их как хотите. Você pré até, чтобы добавить orderby = rand se tiver mais ou минус 20 депозитов. Prune ter 6 отображается случайным образом.
Теперь мы собираемся добавить несколько стилей CSS, чтобы сделать его красивым. Abaixo – это пример CSS, который мы используем. Você provavelmente нужно будет настроить его на основе стилей темы, диаграмм ядер и т. Д.
#testimonials .testimonials {width: 116px; флюуар: скелет; поле: 35px 30px 0 0;}
#testimonials .center {ввод текста: центр; маржа: 0px 0 15px ;; отступ: 0px;}
#testimonials .center img {box-shadow: 0px 2px 2px # d2d2d2; -moz-box-shadow: 0px 2px 2px # d2d2d2; -webkit-box-shadow: 0px 2px 2px # d2d2d2; border: 3px solid #fff;}
#testimonials .testimonials-title {font-size: 14px; вес шрифта: 700; ввод текста: центр; поле: 3px 0 0; отступ: 0px;}
#testimonials .company {font-size: 12px; стиль дает шрифт: курсив; ввод текста: центр; поле: 0px; отступ: 0px;}
#testimonials .tooltip {background: # 111; cor: #fff; длина: 200 пикселей; preenchimento: 20px; margem: 0 5px 20px;}
Финал:
Мы надеемся, что эта статья поможет вам добавить кубики из железа в ваши темы WordPress. Это очень простой пример. Как упоминалось выше, вы всегда можете настроить аргументы wp_query для случайного депозита. Вы также можете использовать плагин Post Type Order, чтобы позволить вашим клиентам выбирать или заказывать с помощью простого интерфейса перетаскивания.
Вы были озвучены кем-то, кто был dúvida ou sugestão, не стесняйтесь em deixar um comentário abaixo.
