Задать вопрос
  • Как картинку сделать кнопкой?

    delphinpro
    @delphinpro Куратор тега HTML
    frontend developer
    Потому что у вас скрипт обработки вкладок кривой.
    Можно поправить скрипт, или хакнуть немножко вот так:

    <button type="button" class="btnNavigation btnActive" data-tab="button_1">
          <img src="../img/image.png" alt="" srcset="" style="pointer-events: none;">
        </button>
    Ответ написан
    Комментировать
  • Как заставить табы работать?

    IvanU7n
    @IvanU7n
    nothing interesting here
    просто размножить всё готовое для внутренних табов на уровень выше:

    ну и немного изменить селектор для содержимого, чтобы оно не хватало внутренние табы
    Ответ написан
    2 комментария
  • Gulp сборка, изображения при автоматическом переносе в dist не читабельные, как исправить?

    inkShio
    @inkShio
    //Таск для изображений
    gulp.task('images', function(){
        return gulp
            .src('./src/img/**/*', { encoding: false })
            .pipe(imagemin({verbose: true}))
            .pipe(gulp.dest('./dist/img/'));
    })

    Если я правильно понял проблему
    Ответ написан
    1 комментарий
  • Пустая страница при деплое, как исправить?

    alsolovyev
    @alsolovyev
    ¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
    Если вы просто открываете index.html в браузере, то у вас должны быть ошибки в консоле. Что-то тип:
    [Error] Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0
    [Error] Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0 (index-n_ryQ3BS.css, line 0)

    Не дает загрузить файлы из-за безопасности.
    Запустите какой сервере простой (live-server или python3 -m http.server) или используйте vite preview:
    // package.json
      "scripts": {
        // ....
        "preview": "vite preview"
        // ....
      },
    Ответ написан
    2 комментария
  • Как разместить дату над месяцем?

    kryamk
    @kryamk
    <?php
    // Получаем значение даты из ACF
    $date = get_field('data_cont_front');
    
    // Разделяем дату на число и месяц
    $date_parts = explode(' ', $date);
    $day = $date_parts[0];  // Число
    $month = $date_parts[1];  // Месяц
    
    // Выводим с нужной разметкой
    ?>
    <div class="new-front-cart__span">
        <span class="new-date__number"><?php echo $day; ?></span>
        <span class="new-date__month"><?php echo $month; ?></span>
    </div>
    Ответ написан
    Комментировать
  • Как создать маску над основным изображением?

    @ant_dgt
    Junior Front-End Developer
    Возможно, эта статья поможет - https://habr.com/ru/companies/ruvds/articles/729974/
    Ответ написан
    Комментировать
  • Не запускается gulp, проблема со шрифтами, как исправить?

    @Webr
    Обычно стараются избегать кирилицы в путях к сборкам:
    PS C:\Users\ДОМ\OneDrive\Рабочий стол\project

    А решение проблемы описанно Максим Костюкевич
    Ответ написан
    Комментировать
  • Как организовать хранение большого количества медиа файлов фото и видео, для сайта?

    @rPman
    До нескольких терабайт, при условии что сайтом очень активно пользуются, сотни мегабайт трафика и т.п. - самое дешевое это использовать свое хранилище, на основе hdd (при большой нужде - ssd), настраивать raid1 или raid5, используя минимально возможное количество дисков на массив (т.е. если 10 дисков то делать либо 2 рейда по 5 дисков либо три по 3 диска, не делать один огромный рейд - особенно если это hdd, он будет медленный). Хранить в виде файлов как они должны отдаваться, метаинформацию - в базе данных.

    Если дисков в своем хранилище больше 20, или если сетевой трафик очень маленький, условно за сутки один-два пользователя смотрят фоточек на десяток другой гб. либо если суммарно хранимый объем превышает десятки-сотни терабайт, то строить свое хранилище становится значительно дороже и лучше идти в облака. Самое популярное это амазон s3, в его формате такие услуги предлгают и российские провайдеры типа селектела или яндекса. Тарификация там двойная - за сетевой трафик (по разному на загрузку и выгрузку) и за хранение от объема.
    Ответ написан
    7 комментариев
  • Как расположить элемент снизу, под фото?

    IvanU7n
    @IvanU7n
    nothing interesting here
    это идеальный вариант для грида, набросал приблизительно, чтобы была понятная идея:
    Ответ написан
    Комментировать
  • Как в php суммировать все числа с классом?

    IvanU7n
    @IvanU7n
    nothing interesting here
    класс тут совершенно ни при чём, т.к. нужно найти у ACF способ получить значение для поля chislovoe_znachenie у всех записей (не работал с ACF), сложить их, а потом вывести точно так же как и одиночное поле с разбиением на разряды
    Ответ написан
    1 комментарий
  • Будет ли совместим монитор 2К с моим ноутбуком Asus K53SD?

    @rPman
    С высокой вероятностью нет, в мануале нет информации о версии hdmi (а на сайте асус даже нет технических характеристик), видеокарта умеет 2k в режиме dual link dvi но у тебя только один разъем hdmi (можно конвертировать hdmi->dvi пассивным переходником) и само собой монитор должен тоже это уметь.

    Этот ноутбук из тех времен, когда hdmi не умели передавать 2k и 4k и поэтому были хаки на основе передачи видео по двум hdmi/dvi...
    Ответ написан
    1 комментарий
  • Как оптимизировать wordpress под требования google page speed?

    @p4L1ch
    Надо смотреть, как сайт сделан, jpg/png в webp переделать бывает неплохо, webp картинки легче, настроить правильный lazy load, картинки иконки в svg, может даже инлайном. А так ускорение сайта комплексный вопрос
    Можете мне написать в телеге - ник такой же. Могу глянуть
    Ответ написан
    Комментировать
  • Как оптимизировать wordpress под требования google page speed?

    pro100taa
    @pro100taa
    Плагинов для этого чертова дюжина. Гугл вам один из них посоветовал. Попробуйте этот EWWW Image Optimizer.

    А еще лучше, если найдете конвертацию в .avif изображений. Гугл будет в экстазе.

    Проблема плагинов что они не все изображения вашей темы могут сконвертировать. Ваша тема может иметь некоторые блоки которые они не подхватывают (очень часто так происходит). Если таких изображений немного (например, слайдер на Главной или изображение в футере, логотип сайта), то лучше их руками сконвертировать.
    Ответ написан
    Комментировать
  • Как в air datepicker сделать что бы выделялись даты которые есть?

    @ruyurik
    Я в JS переопределяю onRenderCell и внутри добавляю классы по условиям (которые потом красишь в CSS) - кусок кода у меня...arrDpres, arrDlbu, holDays - массивы с датами по которым раскрашиваю:
    var i = 0;
     $('.datepicker-onlinezapis').datepicker({
    	onRenderCell: function (date, cellType) {
    					var day = date.getDay(), isDisabled = false;
    					var dt4 = new Date(date);
    						dt4.setDate(dt4.getDate() + 1 );
    					var curcalday = dt4.toJSON().slice(0, 10); // преобразуем дату из формата DateTime в yyyy-mm-dd
    
    					for (i = 0; i <  arrDpres.length; i++){
    						if (arrDpres[i] == curcalday){
    							return {
    								classes: 'datapicker-datesindb'
    							}
    						}
    					}
    
    					for (i = 0; i <  arrDlbu.length; i++){
    						if (arrDlbu[i] == curcalday){
    							return {
    								classes: 'datapicker-lockedbyuser'
    							}
    						}
    					}
    
    					for (i = 0; i < holDays.length; i++){
    						if (holDays[i] == dateFormat(curcalday)){
    							isDisabled = true;
    							return {
    								disabled: isDisabled
    							}
    						}
    					}
    					if (cellType == 'day') {
    						isDisabled = disabledDays.indexOf(day) != -1;
    							
    						return {
    							disabled: isDisabled
    						}
    					}
    
    					
    				}
    Ответ написан
    Комментировать
  • Как исправить ошибку Array to string conversion в wordpress?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    echo ['url'];
    echo ожидает строку, а у вас в передаётся массив.
    Ответ написан
    1 комментарий
  • Как в WP реализовать возможность удобного добавления вкладок через acf?

    solidcreature
    @solidcreature
    Развиваю сообщество WordPress в Москве
    Здравствуйте. То что вы описали -- удобно решается с помощью типа поля Flexible Content. Вы можете создать несколько вариантов ваших вкладок и выбирать их в любом количестве и последовательности.
    Работа с флексибл контент похожа на работу с репитером, только наборы полей могут быть разными.
    Ответ написан
    Комментировать
  • Как прописать условие при котором блок показываться не будет?

    @maksam07
    Спасибо, что указал, что это ВордПресс и мы сразу имеем понятие, какое условие тебе нужно - have_rows('faq')
    Ответ написан
    Комментировать
  • Как задать класс active первому элементу по умолчанию?

    Алексей указал верное решение
    Если не хотите переписывать цикл, то добавьте переменную перед while
    if ($wc_query->have_posts()) :
           $i = 0;
            while ($wc_query->have_posts()) : $wc_query->the_post();
          ?>
    
              <label class="logo-brand<?php i === 0 ? ' active' : ''?>">
                <input type="radio" name="brand_id" value="<?php the_ID(); ?>" />
                <span>
    
                  <img class="img__logo-brand" src="<?php the_field('logo_brands'); ?>" alt="<?php the_title(); ?>" />
                </span>
              </label>
    
          <?php
                $i++;
                endwhile;
    Ответ написан
    Комментировать
  • Как правильно подключить JS для конкретной страницы на WP не используя ID?

    anatoly_kulikov
    @anatoly_kulikov
    Помог ответ? Отметь решением!
    Ну, тут могут быть такие варианты:

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

    2. скрипт загружается всегда (и на самом деле это страшно первый раз, потом он кешируется), но перед инициализацией проверяет наличие аккордеона на странице (по аналогии с в.1)

    3. то, что встраивает код аккордеона, вместе с собой встраивает и сам скрипт
    Ответ написан
    Комментировать
  • В чем смысл папки assets в WP?

    gagarinstudio
    @gagarinstudio
    Скорее больше для группировки файлов CSS, JS, images, fonts.
    Никакой критичной функциональности данная папка - не несет.

    Если заглянуть в репозиторий WP themes, то там видно, что файлы в старых версиях разбросаны по корневой директории темы, а потом группируются в assets
    Ответ написан
    Комментировать