• Как вывести название кастомных рубрик и название постов, которые в этой рубрике в WordPress?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Самый простой вариант, хотя и не самый производительный, если таких "групп записей" много:
    // Сначала получаем термины кастомной таксономии:
    $terms = get_terms( [
        'taxonomy' => 'taxonomy_name', // тут укажите правильное название вашей таксономии
        'hide_empty' => true,
    ] );
    
    // Далее циклом выводим эти блоки:
    foreach ( $terms as $term ) :
    
        echo '<div>';
    
            // Получаем Х записей с конкретным термином, формируем параметры запроса:
            $args = [
                'post_type' => 'post_type_name', // тут укажите правильное название вашего custom post type
                'posts_per_page' => 5 // количество записей
                'tax_query' => [
                    [
                        'taxonomy' => 'taxonomy_name', // тут укажите правильное название вашей таксономии
                        'field' => 'term_id', // term_id, slug или name - что удобнее
                        'terms' => $term->term_id, // ID текущего термина в цикле
                        'include_children' => false,
                    ],
                ],
            ];
    
            // Получаем Х записей с конкретным термином:
            $posts_with_term = new WP_Query( $args );
    
            // Выводим записи циклом:
            while ( $posts_with_term->have_posts() ) : $posts_with_term->the_post();
    
                // Тут форматируйте вывод как угодно:
                the_title();
    
            endwhile;
            wp_reset_postdata();
    
        echo '</div>';
    
    endforeach;

    Дополнительно почитайте про все параметры WP_Query, чтобы оптимизировать их (например, отключить пагинацию, кеширование метаданных и терминов так как здесь они вам не нужны и тд) - это позволит уменьшить общее количество запросов к БД и повысить производительность.

    Очевидно, что если терминов у вас много, то каждый термин будет давать дополнительный WP_Query. Производительность будет немножко падать по мере роста количества терминов, которые требуется вывести. Впрочем, эти списки не будут меняться прям очень часто, поэтому тут сразу просится кеширование.

    Кеширование я бы делал так:

    1. Каждый WP_Query кешируется в transients / object cache (только почитайте как правильно кешировать именно $query->results а не весь объект WP_Query).
    2. Каждому такому блоку в кеше присваиваем рандомное (в определенном диапазоне) время жизни. Чтобы все блоки не сбрасывались и не пересоздавались одновременно. Так регенерация кеша будет незаметна, если есть более-менее стабильный трафик.
    3. При добавлении новой записи смотреть в какой блок она входит и удалять этот блок из кеша. Это предотвратит отображение устаревшей информации.

    P.S.: Писал не проверяя прямо здесь, так что мог где-то опечататься, но в целом должно работать.
    P.P.S.: Сложность этого вопроса "средний", а не "сложный" - это все делается стандартными средствами и подробно расписано в документации.
    Ответ написан
  • Как создать фильтр ACF для таксономии?

    azerphoenix
    @azerphoenix Автор вопроса
    Java Software Engineer
    Ответ написан
    Комментировать
  • Как сделать такой фильтр ( wordpress + acf )?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Если не использовать плагины, то +1 к ответу id_baton4eg, но с поправкой: вместо get_posts() лучше WP_Query - больше свободы и контроля.

    А вообще, если уж слать ajax'ом, то есть REST API. Пилим свой REST контроллер, и получаем на выходе json - быстрее, удобнее для javascript на фронте.

    Но, есть один важный нюанс - такие запросы будут нормально грузить бекенд. Поэтому, для таких задач существует такая штука как Elastic Search (и аналоги). Для него же есть и WP-плагин ElasticPress. Скорость такой связки - космос по сравнению со стандартным REST API даже. Ну и гибкость.
    Ответ написан
    Комментировать
  • Тестовое задание на Junior Frontend, не кидалово?

    @piccca
    Котэ
    Тут выход один довериться и сделать. Даже если кинут то будет портфолио
    Ответ написан
    1 комментарий
  • Тестовое задание на Junior Frontend, не кидалово?

    Get-Web
    @Get-Web
    Front-End Developer
    Вам бы просто название в поиск вбить) Ваша работа уже в продакшене, скорее всего ваша студия делала этот сайт и взяла дизайн для тестового задания, я уже сталкивался с такой практикой, так что можете смело верстать и подсматривать на оригинал..

    Задание далеко не для джуна, для того чтобы вас оценить достаточно шапки с меню, но видать из вас хотят выжать максимум

    17. Используйте только один из тегов выделения. (примечание: тег "b" устарел, используем только ).

    Вот это глупость, у тегов strong и b разные задачи. strong тег семантический, а b нужен для того чтобы выделить текст, но не делать не него акцент для роботов..
    Ответ написан
    3 комментария
  • Как выглядит "прокачанный" аккаунт ГитХаб?

    27cm
    @27cm
    TODO: Написать статус
    Примеры:
    https://github.com/pepelsbey
    https://github.com/Samdark
    https://github.com/mdo

    Как заинтересовать работодателя:
    1. Аватарка. Да, она должна быть. Ещё лучше, если это будет ваша фотография. Если видишь в профиле дефолтную аватарку, возникает ощущение, что GitHub у человека всего лишь для галочки.
    2. Контактный email.
    3. Полоска активности должна быть зеленой (см. примеры выше), но в меру — не нужно стремиться окрасить каждую клеточку, отдыхать тоже нужно. Если заходишь в профиль, а салатовые клеточки изредка были год назад или наоборот появились только две недели назад, то страница работодателя не заинтересует.
    4. Ссылка на персональный сайт.
    5. Наличие собственных public репозиториев. Работодатель хочет увидеть ваш код, поэтому очень желательно наличие в них свежих коммитов. Каким должен быть отличный репозиторий на GitHub — тема для отдельного вопроса, тут напишу кратко: README, понятная структура, тесты, звезды.
    6. Наличие вклада в Open Source проекты. Мне доводилось встречать профили, в которых были выполнены все пункты выше, но тем не менее их владельцы были очень слабыми разработчиками. Наличие вклада в крупные проекты с открытым исходным кодом — это однозначно вин. Очень желательно, чтобы он у вас был.
    7. Stars, Followers, Following. Всё это тоже было бы неплохо завести. Если у вас много фолловеров на GitHub, значит скорее всего вы из себя что-то представляете в мире Open Source, раз другим интересно следить за вами.

    P.S.: Хороший профиль на github сам может выступать в роли резюме. Очень часто хедхантеры через него и выходят на тебя.
    Ответ написан
    4 комментария
  • Музыка для кодинга, под что вы программируете?

    @DeScWD
    под Ханса Зиммера
    Ответ написан
    Комментировать
  • Возможно ли организовать поддомены интернет-магазина на WordPress или другой CMS, ссылаясь на карточки товара с основного домена?

    anatoly_kulikov
    @anatoly_kulikov
    Помог ответ? Отметь решением!
    Возможно, что и подойдёт, но советую внимательно прочитать FAQ Яндекса (например) по данному вопросу - есть ненулевая возможность не соблюсти тонкости и попасть под бан поискового робота.

    Имхо, для такой системы лучше взять не WP, т.к. костыльно-велосипедных решений может быть очень много. Можно попробовать сделать сайты с одной базой, а для поддоменов с помощью дочерних тем сделать эту магию. Но опятб же, лучшим, на мой взгляд, решением будет что-то типа Bitrix или ModX, или написать индивидуальную систему.
    Ответ написан
    Комментировать
  • Можно ли с macOS High Sierra Версия 10.13.6 писать современный код на Swift?

    DevMan
    @DevMan
    xcode устанавливается на любую версию макоси. естественно, не последней версии и с не самыми свежими сдк.
    так что разрабатывать вполне можно.

    макось в виртуалке – боль и унижение.
    Ответ написан
    5 комментариев
  • Где найти материалы по углубленному изучение WP?

    Alexey_Suprun
    @Alexey_Suprun
    Web Developer Blog - ссылка в описании
    Вообще у Wordpress очень хорошая документация. Все предельно четко описано.
    Ответ написан
    Комментировать
  • Стоит ли доверять этому ресурсу в изучении React?

    Димыч - автор курса IT-Kamasutra React толково объясняет и доступно.
    Ответ написан
    Комментировать
  • Какой следующий этап в изучении Vue после того как научился создавать блог с использованием компонентов и Vuex?

    @Barmunk
    попробуйте на vue сделать jivosite:
    - чат в реальном времени
    - пул операторов
    - перевод чата другому оператору в реальном времени
    - каналы доставки (емейл, вк, твиттер, фб и т.д.)
    - легкая установка одним js скриптом без отдельной библиотеки аля яндекс-метрика
    - кастомизируемый редактор дизайна виджета в реальном времени
    Ответ написан
    Комментировать
  • Bootstrap-Vue - В чём фишка данного симбиоза?

    copist
    @copist
    Empower people to give
    Расскажите плиз о технологии, и чем развёрнутей, тем лучше.

    Вот захотел ты сделать сайт SPA или PWA с любимой тебе вёрсткой на базе Twitter Bootstrap и любимой библиотеки Vue. Сверстал. Поповеры не появляются, дропдауны не выпадают, модалки не открыватся, формы не валидируются, клики не работают.

    Оригинальный Twitter Bootstrap имеет поддержку интерактивных элементов на Javascript. Реализовано это на библиотеке jQuery. Если делаешь на Vue, придётся подключать ещё и jQuery, что лишняя библиотека на 100+ килобайт, что, конечно, не катастрофа (пока ты не на мобилке).

    Vue работает с состояниями привязывает данные к отображению, а jQuery работает с DOM и событиями. Это вопрос производительности. Работа JQuery начитается когда загружен и распарсен JS и HTML. Работа Vue начинается в тот момент, когда загружен и распарсен JS, то есть чуть раньше. jQuery модифицирует DOM на лету, перестраивая текущий документ. Vue работает с shadow DOM, а затем подсовывает уже готовую интерактивную страницу в пустой документ, что быстрее (разница в секунды на десктопе, десятки секунд на м...).

    Vue реализует компонентную парадигму. Куски страницы являются изолированными кусочками кода (HTML CSS JS), которые цепляются между собой динамически, а обмениваются данными через аттрибуты и события. Предположим, что вы решили следовать компонентной парадигме, тогда согласно вот такому примеру нужно будет увязать самостоятельно все интерактивные компоненты. Компонента-кнопка. Компонента-поле ввода. Компонента-форма. Компонента-контейнер. Получается около 50 компонент. Для некоторых надо будет написать логику на jQuery. Если посмотреть на код jQuery этих микрокомпонент, то он окажется несложный, его вполне можно переписать на Vue. Ну там класс заменить или клик отработать. Когда от кода jQuery не останется следа, его можно будет из проекта удалить.

    И вот получается Bootstrap-Vue

    На компоненты побили. От Jquery избавились. Написано в единой парадигме. Работает быстрее.

    Добавляем тот факт, что в Vue можно не импортировать компоненты, которые не нужны (например, я не работаю с дропдаунами и модальным окнами) и код становится меньше, грузится быстрее, работает быстрее.

    Так же будет Не лишним оценить технологию: плюсы, минусы, стоит ли вообще с этим работать ...

    Это сам изучай и сравнивай. Навыки и опыт воздушно-капельным и через Internet не передаётся
    Ответ написан
    4 комментария
  • Как спроектировать front на vue.js и REST-api?

    @LiguidCool
    /orders?page=1

    Это уже не REST

    к нему летит html+js

    Вернуться должен JSON
    Ответ написан
    1 комментарий
  • Как привязать footer к низу экрана в Twitter Bootstrap?

    @web11
    для bootstrap 3 есть отдельный пример с прижатым footer
    getbootstrap.com/examples/sticky-footer

    в файл стилей нужно добавить
    html {
      position: relative;
      min-height: 100%;
    }
    body {
      /* Margin bottom by footer height */
      margin-bottom: 60px;
    }
    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      /* Set the fixed height of the footer here */
      height: 60px;
      background-color: #f5f5f5;
    }
    Ответ написан
    6 комментариев
  • Как применить свою цветовую палитру для Яндекс.Карт?

    [class*="ymaps-2"][class*="-ground-pane"] {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        /* Firefox 3.5+ */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */
    }
    Ответ написан
    2 комментария
  • Как сделать мобильное меню, выезжающее сбоку?

    @pchelovek
    HTML-верстальщик
    Одно из самых свежих решений с отличной производительностью: https://github.com/Mango/slideout
    Ответ написан
    8 комментариев