Задать вопрос
Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (1)

Наибольший вклад в теги

Все теги (15)

Лучшие ответы пользователя

Все ответы (40)
  • Тег < p > и < span >. Есть разница?

    PolarOneBear
    @PolarOneBear
    Собственно все написали....
    Пример
    <p>Советую <span style="color: red;">погуглить про семантику</span>, тэги отличаются не просто так, есть main, header, footer - так же с текстом, все нужно использовать по мере необходимости, сайт конечно же можно на div-ах написать но это будет "неправильно" для поисковых роботов</p>
    <p>Разница в том, что <strong>span</strong> не несёт никакого семантического смысла, а <strong>p</strong> несёт и является параграфом.</p>


    Если захотите сделать какой-то элемент внутри "строки" (параграфа), выделить текст, сделать иконку - то еще один "строковый" элемент не лучшая идея.
    Дополнение: p - блочный элемент, занимает 100% ширины страницы или родительского блока. Может быть переопределен свойством display.

    Разница между p и span такая - на примере одного слова "визуально". Рамки - это "место" занимаемое тегом
    643f879fe0161577052657.jpeg
    Ответ написан
    4 комментария
  • Как убрать зазор между button и border?

    PolarOneBear
    @PolarOneBear
    Немного по другому сделайте.
    .fastSearch input {
        width: 600px;
        padding: 10px;
        font-size: 20px;
        /* border: none; */
        border: 3px solid #0073C6;
        border-radius: 20px 0px 0px 20px;
    }
    
    button.fastSearchButtonReset {
        border-radius: 0px 20px 20px 0px;
    }
    
    .fastSearch {
        display: flex;
        width: 750px;
        height: 60px;
        margin: 0 auto;
        margin-top: 10px;
        /* border: 3px solid #0073C6; */
        /* border-radius: 20px; */
        overflow: hidden;
    }


    Замените \ добавьте стили. У формы убрать бордер вообще. Добавить его инпуту, но убрать с правой стороны. А кнопке ресет, на оборот, добавить с правой стороны.

    643dbd2caf837027217305.jpeg
    Ответ написан
    2 комментария
  • Как стилизовать тег в css?

    PolarOneBear
    @PolarOneBear
    <br>
    <br/>

    Это тег переноса строки, больше он ничего, по сути не несет.
    Если вы хотите стилизовать текст, то он должен быть внутри тега

    <span>текст</span> - строковый контейнер
    <div>текст</div> - блочный контейнер
    <p>текст</p> - разметка параграфов


    <span class="text">текст</span>

    Тексту выше вы можете задать цвет несколькими способами, через тег в котором текст находится или через класс этого тега. Есть и другие способы в зависимости от ситуаций, но это основа чтоли
    span {
    color: red;
    }
    
    или
    
    .text{
    color: red;
    }
    Ответ написан
    1 комментарий
  • Каким плагином можно реализовать выбор даты в форме?

    PolarOneBear
    @PolarOneBear
    В этом плагине такая функция есть в платной версии.
    64cbd98360dc0759934839.jpeg

    Вот альтернатива. Добавьте сниппет (или в файл functions.php) следующий код

    // Подключение jQuery и jQuery UI Datepicker через ссылку
    function load_jquery_and_jquery_ui_datepicker() {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-datepicker', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', array('jquery'), '1.12.1', true);
    }
    add_action('wp_enqueue_scripts', 'load_jquery_and_jquery_ui_datepicker');
    
    // Подключение стилей для jQuery UI Datepicker
    function load_jquery_ui_datepicker_styles() {
        wp_enqueue_style('jquery-ui-datepicker', 'https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');
    }
    add_action('wp_enqueue_scripts', 'load_jquery_ui_datepicker_styles');


    В самой форме добавьте поле для даты
    [date* your-date class:your-date-field-class]

    И в хедере подключите скрипт. Вы можете его и другим способом подключить, у меня на тестовом сайте не работало через functions.php
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    	$(".your-date-field-class").removeAttr("type");
        // Указываем исключаемые даты в формате "yy-mm-dd"
        var excludedDates = ["2023-08-15", "2023-08-22"];
        var isDatepickerInitialized = false;
    
        // Функция для проверки, является ли дата исключаемой
        function isExcludedDate(date) {
            var formattedDate = $.datepicker.formatDate("yy-mm-dd", date);
            return (excludedDates.indexOf(formattedDate) !== -1);
        }
    
        // Инициализация datepicker для поля с выбором даты
        function initializeDatepicker() {
            $(".your-date-field-class").datepicker({
                dateFormat: "yy-mm-dd",
                beforeShowDay: function(date) {
                    return [!isExcludedDate(date)];
                }
            });
    
            isDatepickerInitialized = true;
        }
    
        // Обработчик клика на строке с классом 'your-date-field-class'
        $(document).on('focus', '.your-date-field-class', function() {
            if (!isDatepickerInitialized) {
                initializeDatepicker();
            }
        });
    });
    
    </script>


    your-date-field-class - можете заменить на более удобный свой.
    Так же пришлось убрать из формы type="date" этой частью $(".your-date-field-class").removeAttr("type"); То календарь дважды всплывал, наш правильный и от браузера без исключенных дат.
    Ответ написан
    1 комментарий
  • Где натянуть верстку на страницу категорий woocomerce?

    PolarOneBear
    @PolarOneBear
    644fe805d85d7028495715.jpeg
    Вообще ответ не прост.

    Сам шаблон архива тут
    plugins -> woocommerce -> templates -> archive-product.php

    НО если вы его измените - то при следующем обновлении плагина все изменения пропадут.

    Идём дальше. Может быть соответствующая папка внутри вашей темы.
    themes -> ТЕМА -> woocommerce -> archive-product.php (в моей теме оно так)
    Тогда вы можете внести правки там.
    Но если шаблон коммерческий и\или вы его будете обновлять - изменения сотрутся!

    Тогда остаётся вариант с дочерней темой.
    themes -> ТЕМА-child -> woocommerce -> archive-product.php

    Создаете в ней папку с названием плагина, копируете туда нужный файл (archive-product.php) и играетесь с ним как хотите.
    Этот файл будет в приоритете и покуда он есть - будет выводиться он.

    Это если кратко.
    Ответ написан
    1 комментарий

Лучшие вопросы пользователя

Все вопросы (3)