• Возможно ли на wordpress сделать сайт такого типа?

    @lagudal
    Ну если надо именно на wp, почему ж невозможно то? Скажу более, если исходить из того, что:
    - нужно быстрое и простое решение, которое будет делать неспециалист;
    - ограниченный бюджет;
    - нет особых требований к дизайну;
    - заказчик в связи с предыдущим пунктом не может просить или требовать индивидуального/самописного решения;
    - дальнейшее наполнение, дополнение, поддержка людьми, далекими от веб разработки, т.е. заказчик будет в дальнейшем сам добавлять и изменять контент;
    то wp возможно вообще останется единственным выбором.
    Если условия в основном совпадают, идете на themeforest.net и ищете в категории wordpress по словам например computer repair, phone repair etc.
    Если есть свой дизайн, своя верстка, которую требуется натянуть на wp, то последнее конечно не актуально, ну разве что для ознакомления и все таки подтверждения ответа на вопрос, "а можно ли?".
    По поводу плагинов - перечислять все что может понадобиться нет смысла, сначала все же нужно четко определить для себя какой функционал нужен, а затем для каждого конкретно определять, если ли готовые плагины.
    Скорее всего есть, их нынче столько, что хоть пруд пруди.
    Ответ написан
    Комментировать
  • Как делать seo-дружелюбную верстку?

    @lagudal
    нюансов может быть очень много разных - но все же сейчас главное не в верстке, а в совокупности уникальности контента, его качества, количества и скорости загрузки.
    По верстке - ну прогоните например свою верстку через google PageSpeed Insights, и увидите, что порекомендует гугл - сможете что то из этого осуществить, хорошо, нет - тоже не беда, если в целом все более менее нормально.
    Я например стараюсь - где это возможно - применять lazy loading, использовать тег picture для изображений, осчастливливаю гугл оптимированными картинками и webp форматом.
    Однако, это все не везде и не всегда возможно - верстка же чаще всего не живет в продакшене сама по себе, все же в основном это основа для различных cms например. Но если фронтендеров под все это дело уговорить можно, то попробуйте передать такую супер-пупер верстку со всеми потрохами бакендщикам, и услышите много хорошего о себе.
    Хотите причесать структуру, прогоните валидатором, уберите явные ошибки, используйте еще как инструмент outliner - как уже писали, один h1 на странице, остальные заголовки от h2 например, в общем посмотрите, как будет выглядеть.
    А теперь главное: посмотрите на верстку главного конкурента, кто на самой первой позиции. Прогоните теми же инструментами. Убедитесь, что ему нас....ть на все то, чего вы так долго добиваетесь.
    Ответ написан
    1 комментарий
  • Как сделать такую штуку на CSS3?

    @lagudal
    пульсирование кругов более наглядно на мой взгляд в вот такого рода анимациях можно подглядеть -
    https://codepen.io/Webevasion/pen/wmrYbg
    https://codepen.io/Valiev/pen/WxrzXm
    https://codepen.io/Valiev/pen/akQZbG
    по счетчику - если надо чтобы проценты считались, то без js никак, например
    https://codepen.io/reddesigns/pen/qXPMZV
    или подобное ищите - ключевые слова preloader animation, loading counter animation etc.
    Ответ написан
    Комментировать
  • Как восстановить сайт на WordPress после заражения вирусом?

    @lagudal
    Вычистить сайт на wp от заразы то еще занятие - зараженными могут оказаться сотни или даже тысячи файлов по всему сайту. Айболит или любой другой сканнер вредоносного кода не гарантирует что найдет все такие файлы, в любом случае придется искать вручную.
    Кроме того, найти и вычистить все - полдела, главное найти уязвимость и устранить ее, а также максимально защитить свой wp-сайт - сменить все админские пары - логин-пароль, возможно, двойная авторизация админа, подмена урл админа и тд и тп. И обязательно мониторить, лучше всего на измененные файлы...
    У меня лет 5 назад подобная проблема случилась под новый год, полностью восстановить все и запустить защищенный сайт удалось недели через 3 только...
    Ответ написан
    1 комментарий
  • Какой лучший способ задать gap для flex элементов?

    @lagudal
    я бы для родителя поставил justify-content: space-between; + padding-inline-start: 0; padding-inline-end: 0;
    для элемента - flex-basis: calc((100% / 3) - XXpx);
    где ХХ - необходимый вам отступ.
    Еще прописать медиа-запросы, если для меньших девайсов не по 3 а по 2 и 1 в ряд, соотв-но делить на 2 и 100%.
    Ответ написан
    Комментировать
  • Как вставить логотип и меню в одной строке?

    @lagudal
    я бы для меню и лого добавил общую обертку, какой-нить header-top etc, и ему flex - на тех же флексах и меню отдельно... но это дело вкуса, я так привык...
    Ответ написан
  • Съезжают колонки влево при мобильной версии (Bootstrap) Что делать?

    @lagudal
    у вас нижние рисунки - отзывы - шире чем контейнеры в которые они помещены.
    Для таких вещей ставят на картинки max-width:100%;
    ps. верхние, те что в слайдере, подкорректировать придется, да и вообще верстку там...
    Ответ написан
    Комментировать
  • Как подключить растровую графику из SVG спрайта в HTML?

    @lagudal
    Не знаю, кто из вас, вы или ваш дезигнер, но мусье знает толк в извращениях - это ж надо простейшие иконки из 3 точек делать в png, заворачивать их в svg и подключать как спрайты. Как бы есть svg-спрайты, есть png-спрайты - и то и другое имеет право быть, а смешение жанров есть самое настоящее извращение...
    Если нормальные svg иконки нельзя сделать, и по другому никак, ну пробуйте...
    Ответ написан
  • Задержка анимации на определенном проценте?

    @lagudal
    ну для полноты, можете все же поиграться с процентами в кейфрейме своем. Если ваша анимация занимает 12 секунд, и вам надо, чтобы на середине она встала примерно на половину времени, так и напишите что то вроде:
    @keyframes errorblock
        0%
            right: -30%
        33%
            right: 3%
        66%
            right: 3%
        100% 
             right: -30%

    и сделайте анимацию уже не 12 а 18 секунд. Т.е. время увеличится на треть - первые 6 сек выйдет, вторые 6 сек будет на месте стоять и последние 6 сек уйдет назад. Ну вот с этими 33 и 66 % можете поиграться.
    Именно таким образом чаще всего стилизуют css слайдеры.
    Ответ написан
    Комментировать
  • CSS height: auto для IE как пофиксить?

    @lagudal
    попробуйте для класса-обертки - img_box - вместо height:270px установить max-height: 270px
    Ответ написан
    1 комментарий
  • Какие есть книги по css/js/svg анимациии?

    @lagudal
    Очень короткий курс по самым основам svg анимации - https://teamtreehouse.com/library/animating-svg-wi...
    по верхам, но позволяет понять смысл, довольно доходчиво.
    пс. выкладывался в паблик, захотите найти - найдете без проблем.
    Ответ написан
    Комментировать
  • Как перенести базу статей с одного сайта на сайт WordPress?

    @lagudal
    Пару лет назад где то переносил несколько тысяч статей, исходные статьи были все отдельными html страницами.
    Собственно, вот этим плагином все перенес, все быстро и просто, единственное - у заказчика не было особых требований к внешнему виду, все старые статьи переносились в категорию и соответственно меню "Архив", поэтому импортировал все как есть, со стилями не парился особо.
    Если же стили важны - а в старых статьях почти наверняка они специфические и ужасные - озаботиться этим вопросом лучше до того, как импортировать. Например, перед импортом пройтись регулярками по всем файлам и почистить. Импортнуть один файл, посмотреть, как выглядит, дописать если надо, стандартные классы и стили к ним и опять же регуляркой по всем файлам.
    Ну тут возможны варианты, конечно, можно и по другому решить.
    Ответ написан
    Комментировать
  • Есть ли плагин для упорядочивания LESS?

    @lagudal
    По первому - декомпиляции css в less- ничего не слышал, потому врать не буду.
    По второму -
    И чтобы также там (желательно) была группировка стилей по медиа-запросам.
    Если нет для PHPStorm, то может есть хотя бы такой онлайн сервис?

    есть group-css-media-queries
    Для разных сборщиков готовые, для webpack, для gulp
    Я в основном пользуюсь gulp, очень удобно.
    Ответ написан
  • Можно скопировать страницы сайта?

    @lagudal
    Не просто можно, а нужно - тем более, если в дальнейшем планируется посадка на cms: как то трудно представляются себе страницы с одинаковым поведением но живущие при этом каждая своей жизнью, со своими классами, ид и тд... если вы еще не работаете с html-шаблонизаторами, попробуйте, потом не сможете без них... я сам не так давно опробовал pug, сейчас уже не понимаю, как раньше обходился без него... вообще как бы сейчас шаблонизаторы здорово облегчают жизнь верстальщика.
    Ответ написан
    Комментировать
  • Рекомендации по логодизайну. Как сделать логотип лучше?

    @lagudal
    нормально все, на мой взгляд, что тема угадана верно, и кроме того, есть место для вариаций на тему.
    Т.е. смотря для чего будет использован логотип, он может быт использован всегда практически - при этом его можно будет стилизовать в зависимости от типа - наружная реклама, вывеска на конторе, газета, веб и т.д.
    Как то сразу же идея одной из таких стилизаций - быстро и не подогнанно, но тем не менее.
    5d20ec137dfda342621322.jpeg
    Ответ написан
    Комментировать
  • Как сократить path у SVG?

    @lagudal
    После того как объект разобрали, делайте составной контур, получится один path.
    Но он будет все равно большим, поскольку количество точек останется неизменным.
    Ответ написан
    Комментировать
  • Почему не загружается изображение с github?

    @lagudal
    сделай ipconfig /flushdns, должно помочь. Мне помогло )
    Ответ написан
    Комментировать
  • PNG, JPG или SVG: что использовать?

    @lagudal
    Для разных целей разные форматы.
    Добавлю свое мнение к предыдущему ответу.
    Скажем, фон. Может быть простым, неким абстрактным, но который нельзя отобразить с помощью чистого css. Для этих целей svg тоже будет идеальным выбором, поскольку может быть в пару килобайтов при неограниченном размере, при том что для jpg это же изображение может быть очень сложным и при самом идеальном варианте его можно будет ужать до пары сотен кб.
    Однако, если тот же svg фон будет переполнен мелкими элементами, с достаточно большим количеством точек, то такой svg использовать в качестве фона будет нецелесообразно, поскольку даже при весе, меньшем чем в аналогичном по размеру jpg, этот svg будет визуально долго отрисовываться.
    Еще момент, для chrome настоятельно рекомендуется использовать webp, которые при том же визуальном качестве существенно меньше по весу, чем jpg и png. Да и google любит его как свой формат и как следствие очень благоволит ему - достаточно прогнать сайт через PageSpeed Insights и посмотреть, что он там будет рекомендовать.
    Если на сайте нет webp, таки рекомендация будет обязательно )
    Ответ написан
    3 комментария
  • Где достать вот такую карусель?

    @lagudal
    вообще то там открыто абсолютно owl-carousel используется
    Ответ написан
    Комментировать
  • Стоит ли использовать Visual Composer как иструмент взаимодействия с сайтом?

    @lagudal
    Visual Composer, равно как и остальные page builder-ы, предназначены для быстрого построения страниц людьми, не умеющими либо не желающими делать это руками.
    Достоинства - можно быстро путем простого перетаскивания элементов слепить что то более менее визуально приемлемое.
    Недостатки - лишний код, среди которого много "мусора", вспомогательного кода для и от этих билдеров, затрудненность стандартного ручного редактирования таких страниц, как правило, темы с билдерами довольно тяжелые и медленные, в сравнении с темами где их нет.
    Как то вроде уже не раз обсуждали это тут, вот например.
    Использовать или нет - ну бывают случаи, когда это оправдано, а так решать вам.
    Ответ написан
    Комментировать