Задать вопрос
SmthTo

Rustam Bainazarov

Все перепёлки мира будут оплакивать мою смерть.
Ответы пользователя по тегу WordPress

  • Как все изображения товаров сделать квадратными?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.
    Можно через CSS сделать. Решение работает, начиная с древнего IE11 (т. к. без object-fit). Плюс, картинки не будут подвержены лишней обработке на сервере. Код включает в себя всевозможные хаки для разных браузеров.

    Оно не зависит ни от соотношения сторон самой картинки, ни от ширины контейнера (можно делать адаптивно без px, как в моем примере) + поддержка браузерами, можно сказать, максимальная + место под картинку не скачет, пока картинка грузится (lazyload оценит):

    Ответ написан
    4 комментария
    4 комментария

  • Как рубрики обернуть div'ом?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.
    Можно попробовать так:
    https://petragregorova.com/articles/customize-wp-c...
    Ответ написан
    Комментировать
    Комментировать

  • Wordpress меняет спец.символы html на свои svg, как исправить ситуацию?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Чтобы отключить эмодзи от WordPress:
    https://kinsta.com/knowledgebase/disable-emojis-wo...

    Это не просто символ, это — эмодзи. А вы учли то, что эмодзи в разных системах — разные по внешнему виду? Ну отключите вы эмодзи WP, а толку, если этот крестик будет по-разному выглядеть? Поэтому WP и меняет этот кусок на свою картинку для того, чтобы эмодзи на вашем сайте выглядели в разных системах одинаково.

    Вот тут примеры вида этого эмодзи в разных системах:
    https://emojipedia.org/heavy-multiplication-x/

    Поэтому такие вещи нельзя делать на эмодзи. На крайний случай, вот этот символ × используйте, если он есть в том шрифте, что вы используете на сайте. Но это не очень хорошая практика.

    Современный путь — использовать простейшую SVG-иконку для таких вещей. Тогда вы не будете зависеть от систем и шрифтов. И ваша иконка будет выглядеть везде так, как вы хотите. Можно через #use, а можно вставить её разметку прямо в HTML, можно вообще через img или через CSS картинкой на фон блока кнопки.

    SVG-иконки можно найти бесплатно и быстро тут:
    https://www.flaticon.com/search?search-type=icons&...
    https://thenounproject.com/search/?q=Cross

    Ещё один современный путь — сверстать такой крестик:
    Ответ написан
    Комментировать
    Комментировать

  • Сейчас просматривают N количество человек. Есть ли такой плагин для wp?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.


    P. S. Да, это не плагин, но для этой цели лучше сделать так, ибо зачем ставить плагин и в целом нагружать этим back-end.
    Ответ написан
    4 комментария
    4 комментария

  • Почему при скролле нажимаются ссылки в адаптивном шаблоне?

    SmthTo
    @SmthTo Куратор тега HTML
    Все перепёлки мира будут оплакивать мою смерть. 
    function toggleSubmenuDisplay() {
    document.addEventListener('touchstart', function(event) {
        // ВОТ ЭТОТ КУСОК -- НАЧАЛО
        if (event.target.matches('a')) {
            var url = event.target.getAttribute('href') ? event.target.getAttribute('href') : '';
            if ('#' !== url && '' !== url) {
                window.location = url;
            } else if ('#' === url && event.target.nextSibling.matches('.submenu-expand')) {
                openSubMenu(event.target);
            } else {
                event.preventDefault();
            }
        }
        // ВОТ ЭТОТ КУСОК -- КОНЕЦ

    ...

    Из-за него это всё. Нужно переписать, либо убрать его нафиг. Он все ссылки обрабатывает. С учетом того, что я в разметке не вижу элементов с классом submenu-expand, я бы закомментировал целиком этот участок и посмотрел, что сломалось. Если ничего не сломалось, так бы и оставил.
    Ответ написан
    Комментировать
    Комментировать

  • Существуют ли сайты, которые созданы в Elementor и от которых сносит крышу?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.
    Elementor — нормальный, достаточно удобный инструмент для быстрого создания сайтов с относительно минимальными усилиями, если вам не нужно что-то сложное в плане логики и т. п. Как и любой подобный конструктор общего назначения для невладеющих навыками CSS/HTML/PHP, данный конструктор ограничивает первоначальные возможности кастомизации отдельных элементов, потому что он... универсальный. Но его функционал можно расширить. Стоит отметить. что он лишь дополняет шаблон, а не является полноценным WP-шаблоном

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

    1. Есть ли всякие недоработки отдельных блоков в плане дизайна и кода? Да, есть.
    2. Можно ли там сделать что-то типа taotajima.jp? Нет, нельзя. Такие сайты только вручную.
    3. Пользуюсь ли я такими инструментами? Пользовался, когда нужно было отдать заказчику вполне типичную современную страницу, на которой он может что-то поправить сам. Сейчас уже не работаю в данной сфере и для таких потребностей.
    4. Elementor не преподносит себя как инструмент создания «крышесносящих» сайтов.
    Ответ написан
    9 комментариев
    9 комментариев