Как изменить css input type file и подсвечивать если выбран файл

Что бы стилизовать input file можно оформить его так: <div class=»fileup»> <label for=»file-1″> <span class=»wpcf7-form-control-wrap file-1″> <input type=»file» name=»file-1″ size=»40″ class=»wpcf7-form-control wpcf7-file» id=»file-1″ accept=».jpg,.jpeg,.png,.gif,.pdf,.doc,.docx,.ppt,.pptx,.odt,.avi,.ogg,.m4a,.mov,.mp3,.mp4,.mpg,.wav,.wmv» aria-invalid=»false»> </span> </label> </div> В плагине для вордпресс contact form 7 в редакторе выглядит примерно так: <div class=»fileup»> <label for=»file-1″> [file file-1] </label> </div>   Скрипт добавляет класс для input file … Читать далее

Как заменить домен в mysql wordpress

Поиск и замена по базе домена при переезде или смене урл сайта. Что бы заменить домен в mysql нужно выполнить такой запрос: UPDATE PREFIX_options SET option_value = REPLACE(option_value, ‘https://oldsite.ru’, ‘http://novyisait.ru’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’; UPDATE PREFIX_posts SET post_content = REPLACE (post_content, ‘https://oldsite.ru’, ‘http://novyisait.ru’); UPDATE PREFIX_postmeta SET meta_value = REPLACE (meta_value, ‘https://oldsite.ru’,’http://novyisait.ru’); … Читать далее

Woocommerce вкладки товара по горизонтали

Использую тему storefront, там по умолчанию вертикальные вкладки, вот код css делающий их горизонтальными. .product .woocommerce-tabs ul.tabs { width: 100%; float: none; margin-right: 5.8823529412%; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { position: absolute; … Читать далее

Как отключить создание копий изображений wordress и удалить лишние фото

По умолчанию wordpress создает много копий загружаемой картинки, плюс плагины, темы. Обычно используется 2-3 размера, остальные просто занимают место на хостинге. Узнать какие размеры создаются можно посмотрев в папку uploads, но удобнее воспользоваться плагином regenerate thumbnail, тем более он пригодится для пересоздания картинок. На странице плагина: Добавляем следующий код в functions.php add_filter( ‘intermediate_image_sizes’, ‘towp_delete_image_sizes’ ); … Читать далее

Проблема широких таблиц и адаптива

Что бы обернуть тэгом таблицы добавляем следующий код add_filter(‘the_content’, ‘table_replace’); function table_replace ($content) { global $post; $pattern = «!<table(.*?)<\/table>!si»; $replacement = ‘<div class=»table_container»>\\0</div>’; $content = preg_replace($pattern, $replacement, $content); return $content; } А в стили правило для контейнера: .text .table_container {       overflow-x: auto;     }

Robots.txt для wordpress

Как создать файл robots.txt для wordpress. ВП автоматически генерирует файл роботс для того что бы можно програмно управлять содержимым. Например дописывать разные директивы плагинам и темам, закрывая индексацию для определенных файлов. Как изменить роботс? Добавляем в файл functions темы или в файл своего плагина. add_action( ‘do_robotstxt’, ‘newrobots’ ); function newrobots(){ $lines = [ ‘User-agent: *’, … Читать далее

Дата в wordpress

За вывод даты поста отвечают несколько функций: В цикле вордпресс: <?php echo get_the_date(‘d.m.Y’); ?> или с указанием id поста: <? echo get_the_date(‘n-j-Y’, $post_id); ?> Либо функция <? the_time(‘d.m.Y’); ?> Важно! Функция the_date() выводит дату 1 поста в цикле! Используется для обозначения даты группы постов, и в большинстве случаев не нужна! Формат даты в PHP ( в функциях вордпресс указывается … Читать далее

Форма поиска wordpress

Форма выводится с помощью функции: <?php get_search_form(); ?>   Изменить форму поиска можно так: В файле functions.php //Включаем html5 форму поиска: add_theme_support( ‘html5’, array( ‘search-form’ ) ); //Изменяем стандартный код: add_filter( ‘get_search_form’, ‘towp_searchform’ ); function towp_searchform( $form ) { $form = ‘ <form role=»search» method=»get» id=»search» action=»‘ . home_url( ‘/’ ) . ‘» > <input … Читать далее

Отключить кэш браузера при верстке

Верстая сайт зачастую браузеры кэшируют сайт и мешают нормальной работе. Вот простой хак отключающий кэширование css файла: <? wp_enqueue_style( ‘style’, get_stylesheet_uri().’?v=’.time() ); ?> Точнее это не отключает само кэширование, а изменяет адрес файла css при каждом обновлении, и браузер каждый раз заново грузит css без кэша.