HTML2WP. Серия #7.2. Раздел Наша команда на странице «О нас» через галерею

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

29 комментариев к “HTML2WP. Серия #7.2. Раздел Наша команда на странице «О нас» через галерею”

  1. В очередной раз спасибо за видео!
    Появилось несколько вопросов.
    1) я реализовал подключения визуального редактора несколько иначе через условие или (||) т.е.
    if ( $id == ‘main_services_desc’ || $id == ‘about_quick_history’ || $id == ‘about_staff_history’) {
    $value = true;
    } elseif ( $id == ‘home_one_screen_title’ ) {
    $value = true;
    }
    return $value;
    В видео реализовано через отдельный цикл else, как будет правильнее?

    2) На каме не нашел нужной функции, при выводе слайда помимо пути хочу вывести alt (в теге есть). Подскажите, как правильно прописать функцию, что бы он цеплял из соответствующего поля?

    PS: а то что последнее видео в плейлисте с ограниченным доступом, так и задумано? 🙂 или я что-то пропустил?)

    Ответить
    • 1. Как удобнее так и можно делать. Можно вообще массив соорудить и в него id передавать а потом проверять, а можно через swich делать
      2. Если для альтов отдельное поле, то просто выводить его. Но в плагине Камера, там все работает через js и сложно так что-то сказать
      3. Да, видео выходит вторник, пятница. Так что опубликуется только завтра в 16 по мск

      Ответить
    • 1. по поводу подключения, спросил, так как не особо шпарю пока шпарю в пхп, ну если сойдет — отлично 🙂
      2. Со стороны бекенда, я только на вашем канале начал копаться в «потрохах», картинка имеет ряд полей (служебной информации). Визуально они выглядят так (мне хотелось бы автоматически при формирование галереи цеплять 2 поле, это хорошо с сео стороны) — https://goo.gl/i7uok3
      На каме порылся, видел get_image_tag(), но это как я понял не то…Вы не реализовывали такое?

      *PS*: я не имел виду плагин камеру 🙂 я перед тем как спрашиваю, пытаюсь найти на wp-kama)))) но пока не особо получаеться.

      3. По видео только нагнал, буду ждать, отличный сериал, ещё раз большое спасибо!!

      Ответить
    • Так как поля возвращают айди картинки,то по нему можно без проблем получить любые данные о ней. Например используя get_post для типов записи attachement и тогда вы сможете втащить и описание и альты

      Ответить
  2. Задам даже отдельным вопросом, нашел достаточно серьезный (со стороны сео) косяк.
    Сразу, что бы Вы сами могли взглянуть «вживую» — https://goo.gl/IWq30z
    У домена есть SSL, обратил внимание на то, что сайт загружается в режиме «смешанное содержание» (знак восклицания справа от адреса сайта, т.е. в коде есть https:// и http//).
    Сразу оговорюсь:
    1. в .htaccess включена переадресация с http на https
    2. в настройках сайта (настройки общая) названия URL начинаются с https
    И все равно, часть данных подгружается по незащищенному протоколу, посмотрел исходный код и понял, что подгружаются те элементы, в которых мы «ковырялись»

    по http:// подгружаются данные вызываемые функцией: get_the_permalink(), так же есть просто выведенные через echo переменная.

    *Консоль на это тоже руегается: https://goo.gl/yHpzJK
    ** хотелось бы решить проблему без использования плагинов.

    Ответить
    • *ВАЖНО* у вас должен быть подключен ssl сертификат к доменному имени.
      Предысторию удалять не стал 🙂 …проблему решил следующим образом⬎
      Так как по незащищенному протоколу подгружались *картинки для слайдера* и формировались *гиперссылки у container banner_wr* (это 4 блока, которые «наезжают» на слайдер), работал с ними (но если у кого-то данный баг вылезет в другой области) — решается аналогичным образом.
      *Использовал функцию*: set_url_scheme()

      *Заставляем грузиться картинки для слайдера по HTTPS*
      Было: <div data-src="»>
      Заменяем на: <div data-src="»>

      *Заставляем формировать ссылки у banner_wr по HTTPS*
      Было: <a href="»>
      Заменяем на: <a href="»>

      и вуаля, данные грузятся по https.

      Ответить
    • Хм, есть версия — требуется изменить значения в полях. Например, ссылки на соцсети поменять и тд. Это раз, во вторых обновить пермалинки и все поля, прост нажав на кнопку сохранить

      Ответить
    • >>во вторых обновить пермалинки и все поля, прост нажав на кнопку сохранить
      Попробовал — *не помогло*.

      >> Хм, есть версия — требуется изменить значения в полях. Например, ссылки на соцсети поменять и тд.
      Врать не буду, не понял, что Вы имеете ввиду (на уровне кода конечно же) 🙂

      Ответить
    • Хм, не понял зачем так сложно? Вы проверяете на ssl и выводите если ssl есть, а если его нет, то что происходит? Это раз. И во-вторых, если получаются линки на картинки, то имеет смысл обновить данные в БД или просто поставить плагин Simple SSL

      Ответить
    • Другие варианты я не нашел. Вариант использования плагина, как вы предложили — не вижу в нем целесообразности, так как по протоколу подгружаются лишь те данные, которые мы правили, остальное работает корректно. Причем как я писал, если «выдрать ссылки на картинки, которые отображаются в слайде из исходного кода страницы и открыть отдельно. Они загружаются корректно — по https:

      Если вернуть все по дефолту (как делалось в видео уроке), *данные подгружаются по http, как следствие сайт загружается в режиме смешанного содержания*. Скриншот для наглядность —
      http://shot.qip.ru/00Tvmq-1T5tGu27A/

      В первом сообщение я сделал акцент на сео и не просто так, так как по основной своей специализации я контент менеджер и наглядно, на практике видел увеличение поисковой выдачи ресорсов, которые переехали с http На https либо исправили эту ошибку (когда часть грузиться по http, а часть https)

      PS: БД обновил — не помогло.

      Ответить
    • надеюсь не самоподписанный сертификат ssl? Просто такие известные браузеры могут не пропускать и при попытке загрузить сайт с таким сертификатом будет вылезать сообщение, что сайт не безопасен (regru выдает от comodo на один год, дальше за деньги).

      Не совсем по теме, но хотелось бы спросить актуальность информации, посмотрел недавно видео по настройке All In One WP Security и по переводу домена (ns записи) на Cloudflare…некоторые параметры практически дублируются, не вызовет ли это конфликт, если установить плагин и перевести домен?
      Или выбрать что-то одно? Вы свои сайты в этом плане как сделали?

      Ответить
    • Не, нормальный сертификат, пара магазов на таком работают и все прекрасно

      Может быть и конфликт. Я клаудом пользуюсь только на одном сайте, на остальных просто All In One WP Security стоит

      Ответить
    • вот я и думаю, на свой сайт визитку повесить All In One WP Security, так как там определенно будет меньше, чем на информационике, который хочу запустить.
      А по какому принципу вы вешали сайт на слоуд и на плагин? По принципу так фишка легла? 🙂 или чем-то тоже руководствовались?

      Ответить
    • От сайта зависит, если контент обновляется редко, тогда на клоуд, иначе просто плагин

      Ответить
  3. Спасибо Артём за труд!
    Незнаю знаешь ли, но в Sublime есть удобная фича:
    Edit -> Line -> Reindent
    Автоматически идентирует код, исходя из указанных настроек( размер индентации в табах или спейсах)
    Можно подвесить под hotkey, у меня допустим Ctrl + Shift + R на Windows.
    Очень удобно, экономит кучу времени.
    Надеюсь полезно ещё кому-нибудь будет. =)

    Ответить
    • Рад стараться.
      Знаю-знаю такое, у меня на Ctrl +Alt + L как на шторме. Перешел на phpstorm, но думаю людям пригодиться

      Ответить
  4. Здравствуйте Артем.

    Спасибо за Ваши видео. Учусь «ковыряться» в ворпресс благодаря только вашему каналу.

    У меня есть вопрос: как сделать, чтобы картинки стали кликабельные и выводились в модальном окне. У меня на сайте используется fancybox и хочется сделать эту возможность БЕЗ плагина (типо easyfancybox и ему подобных).

    Код: http://prntscr.com/fobbff — сама секция и вот сам скрытый див с кодом http://prntscr.com/fobc2m

    К сожалению, я еще не достаточно силен в функция вордпресса и PHP, поэтому вынужден спросить помощь в решении у вас.

    Заранее спасибо вам!

    Ответить
    • Доброго! Спасибо, что смотрите.
      Так просто и не получиться, надо смотреть документацию самого fancybox, в так алгоритм простой:
      1. Подлючаем сам скрипт модалки, в данном случае fancybox
      2. Создаем нужный хтмл, судя по скринам — это есть
      3. Инициализируем скрипт на нужных хтмл блоках.
      А вот как инициализацию делать — это надо документацию соответствующего скрипта смотреть. Насколько помню в fancybox как-то по хитрому инициализация делается, на data блоки, но это не точно

      Ответить
    • в общем получается 3 варианта развития событий:

      1) мне как малоопытному это сложно сделать, поэтому стоит обратиться к вам за помощью (платной) и реализовать это. Тогда возникает вопрос на какую стоимость примерно рассчитывать?

      2) либо реализовать это не через галерею а например через list-item. Но не уверен, что это будет проще и не придется так же вытягивать всплывашки как с галереи.

      3) либо не мучаться и поставить плагин и реализовать это таким образом. Но тут вопрос в том, не будет ли плагин нагружать сайт сильно (вопрос принципиален, так как стараюсь обходиться без каких либо подобных плагинов). И какой посоветуете в таком случае? (я так подозреваю EasyFancybox скорее всего)
      PS ваше видео насчет влияния плагинов на скорость сайта смотрел.

      Поэтому, исходя из этого хочется узнать ваше мнение как бы вы поступили на моем месте?

      Спасибо!

      Ответить
    • Доброго! Если действительно интересует мое мнение, то поставьте плагин и не мучайтесь, больше времени останется на контент. Если хочется разобраться, тогда вам придется еще поучить javascript так как все всплывашки на нем работают. А плагин можно любой использовать, и вагон, поищите в репозитории по тегу lightbox

      Ответить
  5. Возник вопрос, как сделать так, чтобы картинки стали кликабельными и открывались в fencybox? В админке, когда ставлю «ссылка: медиафайл», то ничего не меняется. Именно при выводе через theme options таким способом.
    Если создаю галерею в редакторе, то все работает.
    Заранее спасибо!)

    Ответить
    • Оно и не будет менять, для фансибокса, насколько помню надо атрибут rel прописывать, а в редакторе сей атрибут автоматом подставляется

      Ответить

Добавить комментарий

%d такие блоггеры, как: