• Как перенести логотипы в противоположную сторону?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Можно флоат, но не нужно.
    Можно инлайн блок.
    Можно флексами.
    Ответ написан
    Комментировать
  • Где в opencart 2.3 находится htaccess.txt?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Зрите в корень, по идее там.
    Ответ написан
  • Как называется CSS фреймворк / библиотека для вёрстки только именами классов?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Ищите "Атомарный CSS", и да, как по мне это скорее жесть, почему бы тогда просто не писать атрибуты style в тэг?)
    Хотя, я использую парочку таких атомарных классов при верстке, но их немного и под каждый макет чаще всего свои.
    Ответ написан
    Комментировать
  • Как правильно протестировать и найти ошибки в вёрстке, если я не верстальщик?

    dimovich85
    @dimovich85
    https://u-academy.net/
    1. Можно проверить валидность.
    2. Откройте инструменты разработчика, посмотрите адаптивность, там возле вкладки Elements есть иконка с телефоном и планшетом. Чтобы открыть инструменты разработчика нажмите f12 или ctrl+shift+j
    3. Там же, в инструментах можно открыть вкладку Audit и нажать Run audit, потом почитать результаты.
    Все остальные параметры качества это уже надо понимать код.
    Может, конечно, кто еще что-то посоветует.
    Ответ написан
    1 комментарий
  • Wordpress: как проигрывать и паузить видео по наведению курсора?

    dimovich85
    @dimovich85 Куратор тега JavaScript
    https://u-academy.net/
    WP не при чем.
    Пишете в js:
    let video = document.querySelector('video');
    video.addEventListener('mouseover', e=>{e.target.pause()});
    video.addEventListener('mouseout', e=>{e.target.play()});

    Что касается самого js, ищите в папке с темой.
    Ответ написан
    Комментировать
  • Как сделать так, чтобы на натянутом на wordpress шаблоне admin мог изменять данные?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Если Вы сделали так, что просто html стал отображаться по ссылке на сайт, и в админке выбрана тема, то это еще не натянул)
    Почитайте
    Я вчера писал на эту же тему) Так что, работа еще впереди)
    Ответ написан
    Комментировать
  • Почему данный код сработает?

    dimovich85
    @dimovich85 Куратор тега JavaScript
    https://u-academy.net/
    Да, ответ выше правильный, потому что без var или let. А вот после функций есть var a, то это объявление переменной поднимается вверх перед выполнением всего скрипта, но в а ничего не записывается, а запишет значение функция.
    Ответ написан
    Комментировать
  • Как сделать так, чтобы не приходилось прокручивать страницу вправо/влево?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Поищите материал по теме "адаптивная верстка".
    Ответ написан
  • Почему меняется значение пропса?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Если this.default_filter это объект, то он передается по ссылке, и значит меняя this.filter будет меняться и дефолт фильтр. Скопируйте объект вот так: https://developer.mozilla.org/ru/docs/Web/JavaScri...
    Ответ написан
    Комментировать
  • Как в Vuejs передать данные по событию?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Дочерний компонент подписываете на клик, после чего в методах пишете что-то типа такого: this.$emit('meClicked', this.bgc), то есть генерируете событие и данные, например цвет фона передаете как payload, как объект события.
    Родитель подписывается на событие, которое генерирует дочерний компонент @meClicked, в методах создается функция-обработчик, которая примет данные события и что-то с ними сделает, например поменяет фон для body.
    Ответ написан
    1 комментарий
  • Как создать тему для WordPress?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Создать тему или "натянуть" верстку на CMS это вопрос не просто какого-то переноса разметки из одних файлов в другие. Часто это именно внедрение функционала, который отображается в макете.
    Например, если в шапке есть блок с номерами телефона, то надо предусмотреть, как из админки эти номера будут добавляться, и как их выводить. Если есть блок в макете "Свежие новости" с карточками статей, значит при создании темы надо как-то организовать сбор последних записей и потом их вывод. В этом плане WP имеет, конечно, готовые решения, но часто если брать их "из коробки", то и выводятся они с версткой, которую предусмотрели разработчики WP, иначе надо либо переделать свою верстку, либо вникать в то, как работает готовое решение и как-то его менять. Так что без PHP будет тяжело. Если ничего нестандартного не надо, то все достаточно просто.

    Тема WP состоит из стилей css, и файлов-шаблонов php, а также скрипта functions.php, который отвечает больше за функционал. Тему можно создать как с нуля, так и унаследоваться от какой-то готовой, и переопределить в ней шаблоны и стили.

    Главный файл темы, как ни странно, это style.css. Сначала в папке /wp-content/themes/ создаете новый каталог, в нем создаете файл style.css и в этот файл кидаете комментарий:
    /*
    Theme Name: Имя темы для админки
    Author: себя любимого сюда
    Text Domain: свои контакты для плюсиков в карму
    */

    Если хотите унаследоваться от другой темы надо добавить еще Template: и указать название темы, а точнее папки, где лежит тема.
    /*
    Theme Name: Имя темы для админки
    Author: себя любимого сюда
    Text Domain: свои контакты для плюсиков в карму
    Template: twentyseventeen
    */

    Дальше, если надо переопределить шаблон, просто в своей папке создаете файл с таким же названием, он будет взят в приоритете. Единственное, есть нюанс с functions.php, так как родительский исполняется перед Вашим.

    Работая с нуля, без наследования, надо еще добавить файлы index.php, header.php, footer.php и screenshot.png, он отобразиться в админке, как превью темы, последний, если не ошибаюсь, не обязательно. Файл header.php отвечает за вывод шапки, footer.php - подвала. index.php отвечает за все запросы, ЕСЛИ НЕТ более подходящего файла-шаблона. 404.php отвечает за 404 ошибку. page.php отвечает за вывод страницы (в WP можно создавать отдельные страницы), category.php за вывод страницы категорий, single.php за вывод одной записи и тд. Подробнее

    Шаблоны можно создавать и более гибко, например, под какой-то конкретный тип записи, или для записей, которым в админке задан другой шаблон вывода, подробнее о файлах темы тут.

    WP имеет систему виджетов и плагинов, которые значительно расширяют возможности движка. WP предлагает регистрацию своих таксономий, типов записей и всего такого прочего. Смотрите на сайте, который давал по ссылкам выше, а также давали выше в ответах ссылку на codex wprdpress.

    Насчет других CMS верно подметили, в каждой по своему, например в OpenCart используется шаблонизатор Twig, и сам движок написан по MVC, то есть функционал отделен от отображения, поэтому в нем легче править шаблоны, в них практически один html, WP похуже, тут все вперемешку с php.

    PS: создавая тему еще много есть тонкостей, например, чтобы подключить свои стили, свой js надо знать понятие хуков, и подключать скрипты и стили через вызов функций, которые в свою очередь должны подписаться на события, то есть хуки... Так что, wp не самый легкий вариант, если все эти понятия далеки от понимания, но зато есть статьи, видео, доки. Успехов!
    Ответ написан
    2 комментария
  • Как перетащить объект мышкой, используя Vue.js?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Подписка на dragstart, dragenter, dragend, drop, etc.
    Пишете обработку событий и как бы все. https://developer.mozilla.org/ru/docs/Web/Guide/HT...
    Ответ написан
    Комментировать
  • Что делать если стал белый фон,и как сделать что бы хедер был открыт,а не сразу был скрыт и потом его можно было открыть?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Во-первых не java, а javascript, это важно!
    Во-вторых, сначала надо подключить jquery, а потом script.
    Ответ написан
    Комментировать
  • Как добиться такой линии?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    borded-left для родителя списка.
    https://codepen.io/dimovich85/pen/Wmvyge
    Ответ написан
    Комментировать
  • Можно ли верстать со смартфона?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Да, ответы выше как раз все описали.
    На анроид есть такая прога: DroidEdit, я купил ее. Она может кое как еммет, подсветка синтаксиса и может работать более менее с фтп, я правил с телефона код на хосте, но просто потому что надо была срочно поправить кое что, а я был в пути, так как Вы, писать код с телефона я бы не хотел) Хотя демки иногда писал, тогда когда был вне дома и приходили интересные идеи. Скажу так: приятного мало)
    Ответ написан
    3 комментария
  • Как в register_post_type создать вкладку что то типа категории?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Если правильно понял вопрос, то это называется таксономии, найдите как регистрировать таксономии.
    Ответ написан
    Комментировать
  • Как адаптировать таблицу для мобильного?

    dimovich85
    @dimovich85
    https://u-academy.net/
    Комментировать
  • Как сделать hover на svg?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    SVG поддерживает добавление классов и id для элементов, и на них можно писать css. Правда свойства и значения свои, например fill, stroke...
    Ответ написан
    1 комментарий
  • Как рассчитать высоты строк?

    dimovich85
    @dimovich85 Куратор тега JavaScript
    https://u-academy.net/
    Убиваете семантику и ограничиваете конечных пользователей в возможностях, которые дают таблицы, делаете интерфейс сложнее в доступе для лиц с ограниченными возможностями и усложняете себе жизнь.
    Рекомендую пообщаться с теми, кто ставит задачи и предложить все же таблицу сделать таблицей.
    Если все же вопрос стоит сделать так, как в вопросе, то берете родителя, проходитесь циклом по детям, берете высоту каждого ребенка и сравниваете с предыдущим, из двух чисел берете наибольшее и в конце получив макс число задаете его. Еще, флексбокс, по умолчанию, растягивает в строке блоки по высоте максимального, то есть задав дисплей флекс сразу получаете одним свойством все плюшки.

    Если интересно, чем таблица хороша, то во-первых она сама растянет строку по макс высоте, раз. Если таблицу выделить и скопировать, то потом можно ее вставить в excell, word, google sheets и куда угодно и вставится именно таблица, а непонятного вида текст, два. Экранные читалки когда видят таблицу помогают ее читать, table, tr, td помогают прочитать и навигировать по таблице не теряя смысл, три.
    Ответ написан
    Комментировать