• Где находятся стили темы для css в wordpress?

    edalis
    @edalis
    HTML, CSS, JS, Node.js
    Редактировать через FTP.
    Вообще, редактирование файлов WordPress через админку плохая практика, обычно эту возможность отключают для повышения безопасности сайта.
    Так же плохой практикой является редактирование любых файлов исходной темы. Лучше создать дочернюю тему и в нее вносить необходимые правки, таким образом, при обновлении исходной темы, внесенные изменения не пропадут.
    Ответ написан
    Комментировать
  • Почему не всегда срабатывает событие?

    $("body, .new_quote, .fa").css("background-color", "rgb(" + [
      getRandomValue(140, 180), 
      getRandomValue(0, 90), 
      getRandomValue(0, 50)
    ].join(',')+")");

    иначе выходит что-то типа "#1573117", что корректным цветом не является
    Ответ написан
    2 комментария
  • Что значит "опыт верстки под битрикс, вордпресс и т. д."?

    Тут 2 варианта:

    1. Заказывают верстку, подразумевают создание шаблона/темы для CMS. По хитрости, по не знанию, по глупости - не важно. Важно не подписаться пилить это по цене только верстки.

    Верстка - это когда макет превращается в набор html/css/js файлов.

    Да, могут быть вариации. Может быть сразу под движок: Smarty, Twig, Jade, или все шаблоны в Handlebars, или сразу чтобы всё под Angular было. Но это всё частные случаи, требующие более высокой квалификации, или находящиеся уже где-то во front-end разработке.

    2. Просят учесть особенности CMS.

    Маленьких нюансов может быть много.

    Вот Битрикс, например, и его Эрмитаж (тыкнул в блок - тут же его отредактировал если по простому). Где-то лишняя обертка элемента, чтобы в режиме редактирования не разваливалось. Везде - z-index меньше 1000, чтобы Эрмитаж не перекрывало.

    Wordpress вообще генерирует огромное количество своих классов. Взять те же навигационные меню. Использовать их = наплевать на все эти ваши БЭМ и прочее.
    И т.д.

    Если я верстал и без проблем натягивал свои макеты на Wordpress - могу ли сказать что у меня есть опыт верстки под Wordpress?

    Могу.
    Так же как могу сказать что есть опыт верстки под Drupal (не знаю натягивали ли какие-то из моих работ на Drupal, но чё бы нет).

    Правда нет гарантии что человек, который будет натягивать мою верстку, не затупит например с
    .nav
        .nav__list
            .nav__item

    Когда ему движок выдаст меню в виде
    .menu
        ul
            li

    Но я не считаю это своей проблемой.
    Когда понадобилось, оказалось нет ничего сложного 1 раз потратить время и написать свой вывод меню в Wordpress, чтобы можно было любую верстку натянуть. Почему так не может сделать тот кто натягивает? Почему в ТЗ об этом не предупредили?

    Уменьшает ли "опыт верстки под CMS" время верстки?
    Если не были оговорены нюансы (те же меню WP) - то нет.
    Может увеличиться время натягивания верстки на движок, но это уже проблемы заказчика, который не озвучил требования заранее.

    Таким образом, хотя в идеале на движок должно быть возможным натянуть любую верстку, действительно некоторые имеют CMS особенности.
    Об этих особенностях следует договариваться заранее. Должно быть конкретное ТЗ на верстку.
    В остальном как правило речь об "опыте верстки под %CMS%" - просто болтовня.
    Ответ написан
    Комментировать
  • Как настроить поиск на сейте не по самому сайту, а через поисковик?

    @VisualIdeas
    По поводу того что с подсказками не подскажу.
    Вводите свой сайт (без ВВВ) и поиск будет по нему.
    Но вообще вы выбрали самую сложностилизующуюся форму гугл поиска по сайту.
    Для стилизации нужно дописать функцию, которая будет срабатывать после того как форма загрузилась и править стили (например убрать картинку с надписью)

    Как пример:
    <script>
        var myCallback = function() {
            $('#___gcse_0 .gsc-clear-button').remove(); // Удаляем кнопку очистки формы
        };
        window.__gcse = {
            callback: myCallback
        };
        (function() {
            var cx = 'ВАШ КОД';
            var gcse = document.createElement('script');
            gcse.type = 'text/javascript';
            gcse.async = true;
            gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                '//www.google.com/cse/cse.js?cx=' + cx;
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(gcse, s);
        })();
    </script>
    <gcse:searchbox-only></gcse:searchbox-only>


    Названия классов в Google Chrome Webmaster Tools после загрузки формы по инспектору элементов думаю найдете)
    Ответ написан
  • Гуру верстки, оцените первый сайт. Почему он едет при зуме?

    tlito
    @tlito
    drupal, c++, seo
    а вас не адаптивный сайт. в нем нету media-запросов в css
    рекомендую вам попробовать первый сайт с готовым адаптивным диайном на друпал.
    в моем блоге в графе HTML/CSS есть тема про адаптивный дизайн. сумейте поставить друпал на хостинг и скачайте любую адаптивную тему, а дальше верстайте нужный вам макет (а потом редактируйте media.css) для вас рекоендуется Professional Responsive Theme - друпал. или Media Responsive Theme
    Ответ написан
    Комментировать
  • Гуру верстки, оцените первый сайт. Почему он едет при зуме?

    LucasKane
    @LucasKane
    Front-end Developer
    "...при увеличении начинаются проблемы. ...В чем может быть проблема?"

    При увеличении до 200% (процент я так понял зависит от разрешения экрана) начинается вылезание, потому что у класса container фиксированная ширина в 1024px.
    Макет не адаптивный и не резиновый, потому шаг вправо шаг влево и поехала верстка.

    "Как следует проверять свою верстку?"

    • Изменением размера окна браузера;
    • Увеличением размера шрифта в настройках браузера;
    • Переполнением контента;


    "Какой максимальный/минимальный зум она должна выдерживать?"

    А вот тут хз, самому стало интересно.
    Ответ написан
    2 комментария
  • БЭМ, блок или элемент?

    Блок имеет смысл вне зависимости от контекста. Футер же имеет смысл только как элемент страницы. Плюс почти всегда футер имеет какие-то характеристики, определяющие его положение: position, margin... и т.д. Что сразу характеризует его как элемент.

    Но это если рассматривать его как часть одного проекта. А если посмотреть шире, то один и тот же по структуре футер можно использовать в разных проектах. Для страницы - это элемент, а в целом он может быть блоком.
    Поэтому я думаю, что так:

    class="footer page__footer"

    При этом классу page__footer задать стили, определяющие его положение на странице, а классу footer - все остальное.

    Если на одной странице футер отличается, то его следует переопределить через модификатор. Если отличия в положении, то модифицировать следует элемент: page__footer_modificator, при отличиях в оформлении - модифицируете блок: footer_modificator
    Ответ написан
    3 комментария
  • Как выбрать только сетку bootstrap и меню?

    @alexeyfedotof
    front-end как хобби
    Рекомендую использовать bootstrap sass. В файле _bootstrap.scss вы сможете закомментировать ненужные элементы и в скомпилированном файле получите только сетку grid. Когда вам понадобятся другие элементы, вы их просто раскомментируете и нужные элементы появятся в выходном файле. Про установку bootstrap sass.
    Вносить изменения в файлы bootstrap крайне не рекомендуется. Используя sass вы можете вносить изменения в стили bootstrap через переменные, создав отдельный файл. Таким образом вы не трогаете ядро.
    Ответ написан
    2 комментария
  • Что лучше использовать reset.css или normalize.css?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Конечно же нормалайз! Ресет - древнее тупое г**нище.
    Принципиальная разница в том, что нормалайз делает одинаково, а ресет, тупо всё обнуляет. Там где надо и там где вообще не надо.
    Ответ написан
    Комментировать
  • Как не прописывать gulp install каждый раз?

    Еще, чтобы для каждого проекта не выполнять npm i (установка пакетов в папку с проектом), установите все пакеты, которые используются на уровень выше папок с проектами.
    К примеру у меня node_modules лежит сразу на диске G, а работаю я в папке G://Dropbox/Web_pr/***
    И мне нужно только переносить файл gulpfile.js
    Ответ написан
    1 комментарий
  • Синтаксис по БЭМ?

    isqua
    @isqua
    Научу HTML, CSS, JS, BEM и Git
    Конструкции типа
    ul.hero__slider
        			li.slider__item

    не по БЭМу. slider__item — это элемент item блока slider. А где блок slider? Если что, hero__slider не сойдёт за блок slider, ведь это элемент slider блока hero, а не самостоятельный блок. Аналогичная проблема в
    .slider__pagination
        			a.pagination__item

    В остальном неплохо.
    Ответ написан
    5 комментариев
  • Сайт, веб-приложение или веб-сервис?

    leonid-lapidus
    @leonid-lapidus
    Сайт - представительские функции (чаще всего).
    Компания через сайт взаимодействует со своими клиентами (существующими и потенциальными), партнёрами и тд.
    Компания публикует информацию.

    Веб-приложение - программное средство (иногда, аппаратно-программное) для автоматизации бизнеса. Решает какие-то конкретные задачи конкретной компании или конкретного человека.
    Компания обрабатывает информацию для себя.

    Веб-сервис - система, предоставляющая услугу (услуги) своим клиентам.
    Компания предоставляет услуги (возможно по предоставлению и обработки информации ).

    Считаю, что у вас - сервис.
    Ответ написан
    1 комментарий