0:00
друзья начинаем мы нашу
0:05
очередную Встречу по сайтостроению и
0:10
опять же мы продолжим с WordPress а
0:18
так А куда сюда так непонятно А вот что-то пошло
0:25
Значит у нас есть наш чудесный сайт Open
0:33
йога.ру Давайте его опыт йога
0:39
найдет ли он так идет так как мы ключевое слово и такое вставили у нас
0:46
нашел значит и вот как сделано как сделан сайт вообще
0:58
сама логика устройства сайта она следующая во-первых
1:03
я в очередной раз напомню вам что чтобы вы не делали вы тут же начинаете жать
1:09
кнопку F12 и смотреть как это все выглядит с мобильного телефона потому что больше 80 процентов всего
1:18
60-70 процентов Все смотрят с мобильных телефонов бесполезно вылизывать для десктопа если
1:26
у вас как это смотрится с телефона Теперь сама
1:32
логика ничего вот поставьте себя на место человека который первый раз заходит на ваш сайт
1:39
и смотрит чего там у вас сделано я для удобства опять покажу десктопную версию
1:46
но так что там идет процесс
1:54
не тот
2:02
ля ля так технический небольшие сложности
2:12
пошла трансляция да
2:18
так и вот сама логика того что как сделать чтобы с первого взгляда у вас
2:26
все было понятно его и выпилить WordPress есть два
2:32
два способа
2:37
Как сказать представление внутреннее внутреннее представление WordPress А
2:43
сейчас я попытаюсь
2:52
не хочет меня пускать не хочет меня пускать
3:03
так вот когда мы делаем сайт этот Мы зашли
3:09
во внутрь этого сайта И вот так он выглядит изнутри снаружи он
3:17
выглядит по-другому снаружи он выглядит Вот так и настраивать его можно изнутри
3:24
следующим образом здесь если так что там совсем здесь все у меня свернул
3:31
непонятность вот эту нажму штучку чтобы вот так он развернул мне вот эти вот все
3:37
настройки здесь есть самые основные настройки WordPress а я на него нажимаю
3:44
а и здесь вот общие настройки написания чтение обсуждения Медиа файлы постоянные
3:50
ссылки одна из них вот по моему чтение Да
3:55
чтение это как сорганизовать ваш сайт как сейчас сделан сайт на вардпрессе
4:01
на главной страничке выводится последовательность ваши последние записи
4:07
это так называемая схема блога то есть раз вывел и сразу же вверху то
4:13
есть по идее остается только вот Верхнее меню шапка А вот здесь вот этого всего
4:20
вроде как нет нет а идут даже вот этого нет а идут вот новые материалы они Идут
4:27
Идут Идут они там допустим каждый день добавляется здесь они появляются но это
4:32
очень неудобно Почему Потому что человек первый раз заходит на сайт ему вообще говоря узнать
4:39
о чем сайт зачем и почему такая точка зрения что есть же вверху
4:45
она что человек туда зайдет прочитает а только потом поймет и так далее Вот это
4:52
совершенно неправильная концепция люди не тратят время ни на что если вы
5:00
сразу им не покажете они этого сразу они никогда не будут заходить в меню или там вот гамбургер особенно никогда не на
5:07
него нажимать не будут поэтому хорошо бы что человек зашел на сайт и вы сразу же ему сказали Здравствуйте кто я что я
5:14
зачем и почему и сколько это стоит Да но если там допустим вы там для занятий йогой у нас здесь как архив
5:22
опять же почему еще люди любят людей люди не любят систем как бы с людьми мы общаемся
5:30
давно тысячи и Тысячи лет их миллионы себе подобными А с компьютерными сайтами
5:36
мы там и одного поколения не общаемся поэтому надо как-то предельно человечно
5:42
все никакой зауме никакого официоза отпугивает и всех уводит в сторону так
5:50
вот значит как сделан этот сайт он был он сделан сейчас в настройках Так что
5:56
это система блога и по идее здесь должно было бы все начинаться вот с новых
6:02
записей но тут тем не менее Вот вставлены вот эти вот дополнительная
6:07
информация Чего Куда вот меню такое антигамбургерное
6:13
а потом что делать Как учиться права на нашу йогу что бери и пользуйся Да делай
6:21
что хочешь это мы сделали здесь с помощью плагина
6:26
это плагин называется эдинсёртон вот он этот плагин Сейчас я в
6:32
него зайду и он здесь пишет блоки вот фактически Все что вы там вверху видели она вот
6:39
здесь представлена если на ключик нажать на ручку то вот оно отражается так здесь
6:45
и потом там всплывает одно за другим Но это страшно неудобно это дополнительные плагина есть такое правило Чем меньше
6:52
плагинов тем лучше вообще чем меньше у вас каких-нибудь дополнительных частей к
6:58
сайту тем больше его надежность быстрота вы сами потом можете забыть что вы делали поэтому надо сокращать Но это у
7:05
нас мы еще когда делали сайт мы сами ничего не разбираемся на лету во всем разбираемся теперь есть возможность
7:11
по-другому сделать этот сайт через настройки а именно вот здесь вот есть
7:17
можно выбрать что главная страничка будет статическая страница не выводы
7:23
последних новостей блога а статическая страница Тогда можно на этой статической страницы
7:31
вот эту всю информацию разместить без использования вот этого эденсердера плагина прям сразу непосредственно
7:40
вот ну возникает вопрос А где же тогда выводить
7:45
последние Ну записи вот здесь вот и
7:50
предлагается главная страничка и страничка где будут выводиться записи Ну то есть предполагается что будет еще
7:56
одна страничка и человек на неё нажмет что почитать записи вот это вот вся архаика представление о том как вообще
8:05
говоря люди как люди
8:12
пользуются интернетом она Понятно сейчас умирает и умрет вот так как скорость увеличивается всего
8:19
со страшной силой то помните любой переход на ссылку это считайте что
8:27
вообще там ничего нет никто не пойдет все должно быть в одном месте так вот как сделать есть обходной вариант в
8:35
самом же WordPress можно разместить главную страничку а там так называемый элемент системы гутенберг который
8:42
выведет вот эти все записи но только на этой страничке то есть у вас будет и
8:48
отдельная страничка записями Но кроме того Вы можете Вот этот список вывести и
8:53
до главную страничку сейчас мы начнем с вами это все делать мы сейчас с вами начнем героически переделывать сайт Open
9:00
yoga.ru ну для начала нам надо создать две страницы одна из которых будет главная
9:06
вторая та на которые будут выводиться записи И для этого мы идем ищем страницы
9:12
то есть я напомню записи и страницы в вордпрессе вещь разная запись это как записи блога что-то
9:19
опубликовала новая новая новая страница это как такая статическая статическая страница она постоянно в
9:27
общем-то в принципе это очень подобные вещи Ну вот они здесь исторически так разделены
9:34
кто-то говорит что изначально был WordPress заточен как блок а потом решили страница статические не знаю
9:40
предысторию нам надо создать две страницы Одна страница которая будет называться
9:47
кстати здесь у нас много всяких страниц но как сейчас показывает практика их
9:53
надо все по удалять они не прижились Вот кроме возможно только 60 видов
9:58
разделов йоги добавить новую страницу Вот мы сейчас сделаем главную
10:04
главное у нас будет главной тут же сразу нам подсказки что ребята
10:10
читайте узнавайте как это все замечательно пользоваться но мы не будем это читать мы сразу пишем главное
10:22
Ой теперь у меня английский а нужен русский
10:34
вот и это у нас и будет главной нашей страничкой потом вот при первом открытии
10:40
она сейчас пустая здесь ничего нет кроме слова главное это мы потом спрячем чтобы даже название не было не высвечивалось
10:48
значит и мы что опубликовать жмем опубликовать он еще раз типа Вы уверены
10:54
да готовы да пятый раз подумали подумали
11:00
все опубликовали но помним Да что у каждой страничке есть еще URL и он
11:07
должен быть Человека читаемый а он взял вот он URL он его просто взял перевел
11:12
главное английскими буквами русское слово что совершенно никому не нужно
11:19
для поисковых систем они вряд ли поймут что ну мы сразу заменяем это на устоявшиеся слово английского языка Home
11:27
переключаемся на английский и пишем коме
11:33
вот такое выражение хомяки так хоме компьютерный хомяк
11:40
так так все и обновить чудесненько Вот Мы создали одну
11:47
страничку которая у нас теперь будет главной нам нужно еще одна страничка
11:53
возвращаемся где были это страницы куда будут выводиться Все
12:01
записи по мере их публикации и назовем ее так опять с английского
12:08
переключаемся новые записи новые записи
12:19
так и вот то же самое та же самая история он сейчас переведет напишет
12:24
новые записи значит английскими буквами русский что совершенно смысла никакого
12:30
не несет и поэтому такой лайфхак открываем Google Translate чтобы самим
12:35
не мучиться потому что тогда бывает сложно и вот как Ювентус Ну пойдёт Хотя можно еще по-другому как-то перевести
12:42
новые записи Ну нам и так нормально Мы публикуем здесь Дело в том что поменять
12:47
URL Я так понимаю можно только после того как ты опубликовал статью вот он новый записи Ну совершенно
12:55
неинтересно мы вставляем Google Translate там New entries
13:03
обновляем обновили вот у нас возникла эти две
13:12
странички одной из которых мы привяжем
13:19
который мы привяжем главную страничку а вторую страничку Где будут выводиться список новых записей Но вот у нас уже
13:29
готовый сайт работает Если мы сейчас его начнем на лету что-то делать он будет недоступен для обычных людей а люди
13:36
пришли за йогой они там что-то качают узнают
13:41
поэтому мы сделаем хитрость мы сейчас выведем две эти новые страницы в меню
13:47
будем их там править а потом как только окончательно сделаем переключим на них
13:53
сайт А до этого времени он будет по старому работать как вот он у нас сейчас работает
14:00
И для этого мы идем во внешний вид Заходим в меню
14:05
и вот у нас вот эти две таблички мы их только что добавили мы сейчас добавим в
14:10
меню у нас правда и так тут меню непродуманное Здесь много всего
14:17
и даже что-то скрыто какие-то дочерние вещи что совершенно не позволительно
14:23
друзья помните в меню само по себе гамбургерное плохое А если вас еще там
14:28
какие-то под списки какие-то подписка все считайте до этого никто не доберется
14:33
всем никогда за секунду не увидел плюнут на ваш сайт уйдут и будут правы Вот они
14:40
эти две Ну у нас как бы получилось что у нас две странички главное это главное и
14:46
вот та которую мы сейчас сделали надо чтобы она и как-то отличалось ну во-первых логин
14:52
лагал перетащим вниз здесь что хорошо меню перетаскиваешь а местами меняется
14:59
это наверх новые записи пускай так и остаются новыми записями А это чтобы как-то
15:05
отличать мы вот что сделаем мы поставим маленькую точечку чтобы самим не
15:10
запутаться Что это у нас это у нас
15:16
собственно не главное не главное как главная страничка сайта А главное Вот то
15:22
есть чего которое станет в будущем проверяем Все ли у нас на месте
15:30
сейчас вот он обновит экран Я надеюсь и у нас появится Да вот у нас появилась
15:35
главная и появилось новые записи вот эти здесь главное Но это главное которое
15:41
сейчас А это которая будет если на неё ткнул это будет пустая страничка здесь ничего нет кроме названия её главное и
15:49
то мы сейчас его скроем По той простой причине что когда открываешь и так понятно что я открыл сайт а тут ещё как
15:55
говорят что получается главное Вот и теперь После этого мы можем
16:02
приступить к тому чтобы формировать главную страничку
16:08
нашего будущего сайта И чем хорош этот метод что когда вы на нее зашли у вас
16:13
вверху сразу редактировать страницу не надо заходить в эти Эден Сёрферы не надо
16:18
эти плагины не надо идти все как его HTML или искать и прочее прочее вот
16:25
здесь чирик нажал И вот теперь можно все что угодно делать
16:32
с этой страницы самое первое вот названьку убрать бы просто делается WordPress и глазик закрываем все больше
16:39
на звонки не будет видно а дальше нас начинается такая вот работа
16:46
по перетаскиванию давайте мы откроем наш сайт как вот он
16:51
сейчас выглядит по перетаскиванию вот этих всех пунктов вот этого всего всего
16:58
всего всего до того момента что новые материалы Вот
17:03
на эту главную страничку делать это понятно Можно по-разному
17:09
иногда можно даже вот так тупо сейчас интересно он съест
17:15
или не съест Копировать Вот я зашел на главную А
17:21
дальше иду в бутенберг чирик вот плюсик я нажимаю и чудо не
17:27
надо ваш Тим или разбираться все разбито вот на такие основные составные части
17:32
страницы Только знай Выбирай нужную вот в данном случае мне нужно абзац
17:38
выбрал абзац и Вставляю и у меня чирик сразу же все это в виде
17:44
списка вывел я смотрю и радуюсь и говорю обновить
17:50
и После чего он сразу мне говорит А вот просмотр странички Можно прям здесь я
17:56
нажимаю посмотрю что у меня с главной стала Опаньки главное исчезла и
18:01
добавился вот этот вот список который мы с вами видели вот здесь
18:08
то есть понятно что можно это еще вылизывать прилизывать Но в данном случае Идем дальше дальше значит вот
18:17
статья Наталья мы ее копируем
18:23
Это точно также вставляем чтобы опять редактировать главную
18:29
нажимаем вот вверху редактировать страницу опять таки наша страница открылась опять
18:35
плюсик и вот он составной абзац вообще в
18:40
гутенберге много вот таких вот вот такого плана
18:46
Понятно цвет слетел Конечно можно подправить
18:53
но тем не менее Вот так вот мы смотрим Что появилось Да появилась перечень
19:01
потом вот статья Натальи но ее фотографии нет И сейчас надо будет ставить фотографию
19:08
Так значит чтобы не запутаться мы эту
19:13
фотографию сейчас отсюда сейв имидж с хотя там он внутри где-нибудь хранится хранится но тем не
19:23
менее Вот он в даунды на компьютер Пускай сохранит лучше перезагрузим еще
19:28
раз потому что там возможно уже много пока мы найдем
19:34
нужную фотографию Хотя может быть надо быть поискать вот опять редактируем страницу значит
19:41
как ставить фотографии до чтобы она была обтекала есть Следующий пункт гутенберга
19:48
вот я нажал вот здесь посмотреть все на самом деле здесь очень много Давайте вам покажу еще очень много таких вот
19:55
фрагментов Из чего можно составить страничку главную вот там была кстати
20:00
фотография фото Точнее изображение вот опять мы нашли то же самое и его
20:05
выбираем Он говорит Да а что ты хочешь вставить я
20:11
говорю а ну давайте библиотеку посмотрим что там библиотека То есть это то что мы раньше загружали
20:19
загружали на сайт а тут чего только нет Чего тут только нет и тогда 224
20:28
и понятно что там есть конечно же где-то фото на талии таким образом
20:36
загрузить еще мы вот и вот мы рано или поздно нашли сразу смотрим на объем
20:43
загружаемый помните картинка должна быть особенно на главной страничке предельно маленькая Не дай Бог с вашей этой
20:52
смартфона мыльницы Сфотографировать и выложить там 3000 на 3000 пикселов там и
20:59
пять мегабайт размеров картинки все ваш сайт станет К сожалению это очень
21:05
типичная ошибка всех прежде чем вставлять фото или картинку
21:11
максимально ее сокращайте максимально разными способами бесплатные способы
21:17
платные способы с компьютерные способы здесь уже все сжато 100 на 100
21:24
мы нажимаем выбрать вот у нас появилось фото на талии но только нам надо Что
21:30
сделать чтобы оно обтекала слева то есть текст был по левому краю она сделала но
21:36
она же не понимает что обтекать он берет снизу внизу ничего нет поэтому мы берём вот этот блок и вот этими вот
21:43
эти перемещениями вверх перемещаем вверх я Ну так раз чирик чирикен обтекло и мы
21:49
говорим Ура обновить нам это нравится и смотрим как это все выглядит и смотрим о
21:56
формируется наша главная страничка но одну вещь мы забыли сделать Сейчас мы ее
22:01
подправим вспомните у нас на нашем сайте есть еще правая колонка куда мы вставляем там
22:10
Перечни видов йоги рекламы и прочее прочее Понятно в телефоне она сползает в
22:15
самый низ и её не видно и некоторые Давайте вообще избавимся Но
22:21
нет мы не будем избавляться все-таки 30 процентов смотрят сайт не с телефонов с
22:27
компьютеров А любое место это рекламное место где вы еще рекламу разместите там
22:33
или еще кому-нибудь полезную информацию это ценность поэтому 30 процентов ценности нельзя им пренебрегать но у нас
22:42
не настроен в нашем WordPress что надо вот такую же структуру с правой колонкой
22:48
на каждой страничке Ну ничего Мы настроим даже вот самое простое нажать настроить Вот сейчас он у нас перекинет
22:56
это такая настройка есть внутренняя настройка сайта А вот это вот как бы
23:02
внутренний внешне тут с левой стороны что внутри делается а снаружи сразу
23:07
будешь видеть что снаружи и мы что с вами на связи мы настраиваем с вами страницы это называется на английском
23:13
page page страница открыли и видим что у нас выбран во всю ширину страницы а мы
23:21
говорим нет Нам надо с блоками и выбираем с блоками и тут же опубликовать
23:27
чирик а дальше сайт бар значит как его выводить и тоже вот без
23:35
сайдбара У нас сейчас выбрано А мы говорим нет Нам нужен сайт бар 30 процентов просмотров это в общем-то
23:42
серьезная цифра и опять опубликовать и вот тут вот у нас по идее должно что-то
23:50
поменяться Но я честно говоря Пока не вижу Сейчас посмотрим появился ли у нас
23:55
появился Вот видите все у нас появился также как и до этого был на главной
24:02
страничке вот этот левый сайт бар Ну тот же самый остался что был до этого а мы продано Да мы продолжаем дальше
24:11
настраивать нашу Вот эту вот чудесную страничку
24:17
главную следом что у нас идет вот опять же сейчас в процессе разработки но очень
24:25
бы хорошо чтобы все наши занятия были на главной страничке народ после этой хвори
24:31
сидит дома вместо того чтобы в зала ходить и страдает вообще нельзя Дома ходить сидеть постоянно до перемещаться
24:39
а народ не ходит Поэтому такая вот важная информация чтобы народ знал что
24:44
на Бауманской есть центр рипа где вы придёте и там для начинающих все виды
24:51
йоги Там просто чудесно и критом йога для начинающих и чего там только нет
24:58
и вот и вот такой Блок Мы возьмем скопируем
25:06
так как он у нас сделано я что-то Ой это у меня перебросил как раз туда
25:13
да а здесь он похоже сделан немножко по-другому он сделан у нас название
25:21
то есть вода заголовок Похоже это заголовок мы его скопируем копия
25:30
зайдем нашу главную страничку опять же редактировать стране это вообще долгая
25:35
песня муторная Если кто меня сейчас смотрит у кого есть сайт конечно понятно Да он
25:40
делает первые шаги А если кто-то на ускоренное потом поставить и все вжик Посмотрите
25:45
заголовок выбираем то есть заголовок он будет красивый заголовок в интернете договорились что
25:53
он начинается вот такими обозначениями он H1 – это самый главный заголовок и он
25:59
должен быть только лишь один на страничке все остальные должны Аж два Аж три четыре пять шесть они размером
26:05
поменьше их может быть сколько угодно на страничке Past и вот он у нас выдал Да но по всей
26:14
видимости это будет слишком жирно слишком большой размер Давайте H5
26:19
посмотрим Ну вот аж 5 вроде бы хотя это отдельная тема какой заголовок за Каким
26:26
должен быть это очень важная тема но так как мы в этом понимаем мало а вы если
26:33
нас смотрите еще меньше то пока мы на этом заострять внимание не
26:40
будем Ну опять же всегда надо смотреть как это все выглядит просмотр странички
26:46
и все Ой какая радость то как хорошо страничка выглядит новый рано радуйтесь
26:51
надо постоянно жать F12 и смотреть на телефонную версию вот на телефоны пока
26:59
еще ничего Хотя вот с размерами шрифтов вот этом H
27:05
123456 это надо все будет продумать просмотреть Ну и конечно же самые первые
27:11
засады как все посмотрелось хорошо на десктопе А тут видим у нас в платную
27:16
нету отступа От текста картинки это какой-то глюк
27:22
надо с ним разбираться Вероятно это можно все настроить мы пока не знаем как это вероятно все лечится Но это всегда
27:30
такая вот досада и готовьтесь весь мир современного АйТи это одна досада на
27:36
другой потому что мир усложняется все не состыковывается все все идет тяжело Ладно Вернемся мы к
27:45
десктопной версии доступной версии теперь дальше что у нас
27:52
идет дальше там по по счету у нас идет вот этот перечень фактически
27:59
самой вот этой нашей рекламой и потом еще картиночка с метро где же эти занять
28:05
какие-то проходят они в двух местах на Новослободской если про Москву говорите на Бауманской и вот чтобы народ иногда
28:13
на карты лучше реагирует сразу видит Где в метро чем полная надпись писать
28:20
визуально мы бы у нас быстрее реакция Визуальная чем пока мы там прочитаем Ну
28:26
вот опять выбираем гутенберг абзац теперь делаем пест О вставилась даже с
28:33
гиперссылками вставилась но теперь надо что теперь надо картиночку сюда вставить
28:40
вот опять изображеньку изображение выбирать библиотека файлов
28:49
Вот она эта картиночка которая уже была подготовлена выбрать ее вот она выбрана
28:56
обтекание по левому как вот фотографии у нас и повыше её
29:02
размещаем так Чирик так вот она переместилась не забываем
29:08
обновление то иногда делаешь Делаешь обновление не сделала ничего не видно Ну
29:14
вот по типу постепенно приобретает форму дальше идем вот дальше здесь есть одна
29:21
один нюанс вот эти вот кнопочки Анти гамбургер вот эти три полоски гамбургер
29:27
это враги придумали Да вот мы сделали но мы
29:33
сделали как дополнительный код в CSS в файле можно реализовать это все с
29:42
помощью такого гутенберговского
29:49
там тоже есть кнопка это конечно гораздо проще сделать но сейчас на это очень
29:55
много времени уйдет переносить каждую кнопку Поэтому пока временно сделаем хитро мы выберем еще один
30:03
гутенберговский паттерн паттерн или блок или паттерн
30:09
блок плохо блок который называется HTML
30:14
код Где же это html-код ищем его вот он выбираем
30:20
а и чем хорошо мы сейчас не будем пока думать мы зайдем в Эден где у нас вот
30:28
эти кнопочки были они у нас были вот Похоже это да вот
30:36
этот код пугающие выглядит для непосвященных Но
30:41
ничего страшного нет копируем его тут все понятно Если разбираться
30:48
Самое главное ничего не бояться делать потом Потом разберемся просто тупо
30:54
вставляем этот код обновляем у нас по идее должны появиться
31:00
вот эти вот кнопочки но еще раз это на костылях Решение вот оно такое красивенькое но его можно
31:08
реализовать за счет внутреннего гутенберга вского это блок у них называется Да блок он там
31:16
так и называется батн Давайте на него взглянем Вот я наперёд покажу
31:23
где он потому что надо будет каждую кнопочку эту еще раз переделывать
31:30
вот он вот этими черными у нас все вот так и называется кнопки то есть или вот
31:35
этими кнопок туда понаставлять их перепрограммировать чем Хорошо вам не надо знать код это все будет человека
31:41
читаем собственно Почему мы и уходим от insertera потому что чтобы не заставлять
31:47
изучать HTML код для наших студентов которым надо создать сайт Они пока не
31:53
знаю что такое этот блок гутенберг Что такое HTML
31:59
вот так так так значит Чего я делаю Я возвращаюсь мы пока еще раз сделали за
32:06
счет вот такого решения дальше идем Что у нас там по очереди но
32:13
тут оно как-то у нас помещалась в два ряда а там почему-то в два ряда не поместилось
32:18
вот тоже вопрос для размышленники как это все подправить Ну что-нибудь потом
32:26
тут оно от разрешения еще вероятно зависит самого
32:33
в общем что-то надо подумать это вполне можно сделать чтобы поместилось и на
32:39
один экран на один экран в два таких
32:44
этих Но вообще строго говоря Здесь много избыточных кнопочек
32:49
избыточных кнопочек все никак никак их не решим дальше вот
32:56
дальше идет продолжение вот этого это этой страницы
33:02
еще человек зашел на сайт Что там делать не понять это вы думаете так он же
33:07
догадается что тут надо изучать 60 видов разделов йоги общаться с единомышленниками учиться на бесплатных
33:14
курса Но это ваши хотелки точнее вы думаете что человек так подумать А он не подумает пока вы ему не скажете вот
33:21
поэтому еще раз все надо прописывать понятным языком Делай раз делать два делай 3 не ожидаешь что кто-то там будет
33:28
думать за вас вот себя поставьте на место человека Приходите вы же не умеете мысли читать
33:35
там и прочее так редактируем страничку
33:41
мою редактируем и вставляем теперь вот эту надпись что делать опять же это идет
33:47
она скорее всего у нас пойдет как заголовок он нам предлагает H2 но мы там
33:53
уже X5 использовали попробуем и здесь ещё поменяем не понравится поменяем всё
34:00
так поменяли А после этого у нас идёт у
34:07
нас здесь почему-то разнесено ну наверное это правильно вот перечень того что всё-таки надо делать копируем
34:14
опять плюсик здесь нажимаем выбираем абзац вставляем Past
34:22
обновляем все потом что там надо там еще раз фотографию почему потому что чтобы
34:29
Как так эмоционально отделить что это к вам обращается поэтому добавляем фото
34:34
еще раз плюсик добавить блок добавить изображение в очередной раз ищем
34:43
фотографию Натальи где-то в самом самом низу еще Ура Вот
34:53
она Нашлась вставили обновить ада и она нас повыше должна
35:00
быть Ну и посмотрим что у нас получилось вот он предлагает просмотреть страничку
35:06
смотрим страничку
35:14
посмотреть страничку Да вот смотрим смотрим Ага похоже все более и более
35:22
Похоже на то из чего она сделала но еще раз вот этот вариант был сделан с
35:28
помощью Dancer это тенденсер вот в таком коде здесь фактически вот каждая закладочка и конечно можно просмотреть
35:34
если ключик нажать и вот эту вот надпись Куда Вот он выведет но Опыт показал что
35:42
тяжело с этим долго новый плагин
35:48
так потом дальше самое главное права на нашу йогу открытая йога махатмам
35:55
принадлежит никаких копирайтеров поэтому это надо провозгласить потому
36:01
что сейчас столько всяких ушлых деятелей завелось значит йогу от махат пытается
36:07
на них свои там авторские права ставить Хотя это глупейшая мысль не придумаешь
36:14
Ну чтобы подчеркнуть что мы не такие
36:19
права на нашу йогу опять пускай будет обновить
36:26
потом вот эту вот трогательную речь Что можете копировать распространять Но
36:32
желательно конечно ссылку на то что мы есть давать Почему Потому что у нас появляется новая быстрее чем там где вы
36:39
вероятно опубликуете и вот как бы и нам лишняя реклама и человечеству польза
36:49
вот так вставляем еще раз это через абзац мы это делаем такие обычные тексты
36:55
это абзац эти все те остальные
37:02
так так так вот он этого послание Ну правда у нас не передался цвет цвет
37:08
Можем потом доработать Но вообще что-то говорит что чем меньше цветовая гамма
37:14
тем лучше у нас сейчас здесь Два цвета Ну вот еще красные эти самые
37:20
кнопочки с белым потому что устаешь когда все мелькает все вот это вот
37:26
устаешь и смотреть не хочется все мы сделали дальше начинается вот этот
37:32
большой блок значит что это бальза большой блок
37:37
и это вот движок наш Мы о нем говорили в
37:44
предыдущем нашем занятии это наш рекламный движок то есть грубо говоря в одном месте меняешь везде раз-раз-раз
37:50
меняется как он сделан он сделан тоже через Эден
37:57
сделан виде кода вот он этот код Он ведет на наш сайт
38:04
Давайте его покажу этот сайт интересно запомнил или нет 2
38:16
ой ой очень хорошее решение Кому надо вот если у вас там куча сайтов вы там на
38:24
своей фирме или у вас тоже какая-нибудь йога или там не йога Да вот вас куча сайтов но надо чтобы в одном месте
38:31
поменял к Это рекламку она везде череп чирик везде поменялось обычно много
38:36
времени уходит вот рекомендую мы сами им пользуемся ничего лучшего пока не нашли
38:43
он у нас называется ривай в это сервер так но интересно запомнился здесь нет не
38:52
запомнился изнутри Хроме еще раз Да ладно Бог с ним У нас сейчас не об этом речь о том что мы
38:58
оттуда берем код Ну то есть мы вот в этом и вайф это сервере в одном месте делаем рекламку а потом код вставляем в
39:06
разные места и потом здесь меняем у нас везде автоматически меняется потому что ну сил нет при 100 открытая йога
39:13
децентрализованная этих сайтов Гигантское количество у каждой свое замучаешься менять а так в одном месте
39:20
поменял везде всё поменялось все радостные и счастливые радуются песни Вот так вот выглядит вот так не буду
39:28
сейчас касаться уже Ещё раз снимали Ну может быть ещё что-нибудь снимем как этим пользоваться сейчас нам надо что
39:34
нам надо просто на эту главную страничку вот мы уже достаточно длинную сформировали
39:41
вставить код код и мы его сейчас вставим нажмем редактировать страницу
39:49
вот в самый низ лезем опять плюсик и
39:55
блок гутенберга вот он HTML он нам услужливо его запомнил и выставил и мы
40:01
сюда вставляем Past обновить
40:08
обновить и теперь сейчас у нас Должно все выползти вот этой вот же простыней
40:14
которая там все она выйти Так вот вставил он все сразу выползает где надо
40:23
конечно не оправданно на сайте делать такую длинную простыню с рекламой потому
40:28
что ее никто не смотрит Но в нашем случае это единственная возможность
40:34
потому что Open йога чтобы в одном месте было вообще все что самое актуальное иначе народ вообще не видит не читает не
40:42
понимает хотя на баннеры плохо реагируют все все их пропускают никто на них не
40:47
кликает ну и деваться некуда без баннеров Тоже никуда не деться
40:54
вот а дальше что на А вот дальше у нас начинается фактически все Да у нас
41:00
начинаются новые материалы Но если до этого они выводились автоматическом
41:06
режиме то теперь мы должны придумать как их вывести Ну вот на этой нашей главной страничке но для начала надо опять же
41:13
заголовья написать что теперь у нас пойдут новые
41:20
материалы но мудрейший гутенберг продумал И это
41:26
всё и уже сделал соответствующий блок Так ну только вот Мы сперва заголовья
41:34
выделим что это новые материалы опять же пятый возьмём
41:40
размер а дальше начинается интересное Да вот как нам сделать чтобы
41:45
опять же все материалы новые также выводились но только выводились именно
41:50
на этой страничке оказывается все проблемы с которыми
41:56
связываешься уже давно у кого-то были решены вот вся йога Да Ой новый
42:03
материалы друзья все что нового уже 2000 лет известно мы ничего нового не говорим
42:10
что было неизвестно до нас вот как важно иметь пользоваться Гуглом
42:16
поиск вообще целая большая поиск информации поиск информации это первая
42:22
ступень вашей успешной карьеры научитесь пользоваться поиском в Гугле в
42:28
YouTube всё светлое будущее больше шансов имеет появится у вас так
42:36
вот уже все давно известно вообще умение задавать вопросы особенно если вы в
42:43
программировании идете или в йогу учитесь словесно выражать чего вы хотите вот
42:52
тупо пишите первые попавшиеся вот у меня такая правда как вот маленькие дети Дедушка
42:58
Мороз я там Включил компьютер а он не включается Пишет там чего-то чего-то да
43:04
И вот пишите что он там пишет Все Дедушка Мороз Помоги решить вот так же
43:09
обычно человек ну а что за Я не знаю что спрашивать Ну хоть что-нибудь можешь хоть любые слова какие-нибудь прям вот
43:17
человек как бы ты сказал что это вот хрень не работает лучше прям вот пишите хрень не работает а потом номер хрени
43:25
там какой-нибудь Philips там я вот на монитор смотрю Да и
43:32
он поймет что не вы первый такой были так
43:37
все просмотреть и вот ищем блоки но тут
43:43
у нас видите блоки вот Спектра это дополнительные блоки они по умолчанию не
43:48
идут вот это вот идут по умолчанию с любым WordPress и мы ими пользуемся и вот здесь есть
43:57
блок называется новые последние записи
44:02
и мы сейчас я как раз и выведем вот раз чирики все последние записи вывелись но
44:08
видите как-то Опаньки там же картиночка там все А тут как непонятно Ну ничего
44:14
сейчас настроим главное опубликовать вот опубликовали страничку а теперь
44:21
начнем настраивать этот блок выбираем его Так о чем не выбирается
44:30
так и здесь вот где-то должна быть настройка его но то чего-то мне не
44:36
показывает её другое пишет
44:43
не надо писать Так вот я его выбрал вообще вот здесь вот должна настроечки
44:49
так посмотреть может быть нет так ссылки в редакторе отключены не
44:57
понимают что он этим хочет сказать не понимаю Мне обычно это все очень Лихо
45:05
происходило А тут вот он не хочет мне я не знаю что делать дальше
45:14
показать я тут застыл А тут вот настройки этого
45:22
блока Вот они сползли Где Вот он вот они раз о Все просто разрешение экрана
45:28
маленькая тут видать драйвера для вот этого Филипса не нашел Ubuntu
45:35
а вообще друзья прежде чем покупать хоть какую-нибудь хрень опять же смотрите на совместимость с
45:42
Linux операционной системы если это хрень не поддерживает Линекс лучше вообще с ней не связывайтесь потому что
45:50
это путь в никуда будущее исключительно за линексом чтобы кто не говорил
45:56
вот он поэтому видать драйвер не подхватил не дружит видать Хотя могу
46:02
клеветать на Philips может как раз дружит мы там что-то неправильно нажали теперь дальше Ну вот теперь будем
46:08
настраивать вот эти наши записи во-первых сколько их выводить вопрос
46:14
противоречивый С одной стороны Чем больше тем больше будет грузиться
46:19
страница с другой стороны есть такая без я не привычка у владельцев телефона вот так вот пальчиком
46:27
пока он пальчиком делает он остается на вашем сайте а это плюс для поисковика Да
46:32
а как только завершается он не будет там смотреть Дальше он уходит на другой сайт
46:38
Поэтому чем больше он будет так пальчиком тем в
46:43
общем-то плюс Ну мы не знаем Какую цифру придумать поэтому помните Да придумали
46:49
цифру 42 Почему Потому что 42 пусть
46:54
будет 42 новости которые он выводит все их вот сейчас вот
47:00
здесь должно появиться 42 Вот они 42 новости
47:06
не спрашивайте почему ответ помните тот Автостопом по галактикам ответ 42 вот ну
47:13
и теперь бы хорошо чтобы это по-другому выглядело хотя бы так
47:19
значит что нам надо нам надо ли Вот здесь тоже вопрос спорный Надо ли
47:25
отображать дату публикации Иногда надо иногда нет если люди постоянно ходят Ну
47:30
может быть и надо если люди вообще первый раз какая разница сегодня или год назад Хотя если они видят что давно не
47:37
менялось они больше не заходят уж сайт умер так но нам что надо показать изображение
47:44
чик о уже ближе люди любят картинки люди не любят читать
47:51
но теперь непонятно вот это вот к этой или к этой относится значит выравнивание
47:58
по левому краю раз чирик еще Хорошо теперь картиночка вот это вот картиночка
48:04
она то здесь ничего смотрится но на телефоне может быть 150 на 150 многовато
48:10
потому что вообще там телефон где-то Примерно это 400 точек в ширину
48:16
Почему я говорю без безумия 2000 там кому-нибудь картинку загружать вас с телефона нет такого разрешения вот
48:23
сейчас выставлено 150 ну многовато может быть Ну давайте до 50
48:30
если сразу можно раз И вот все Все вроде как бы приличника теперь дальше Вот
48:36
добавить ссылку на изображение чтобы на изображение ткнул и перешел здесь по умолчанию почему-то не делается Хотя
48:43
надо так Ну давай все о делается Ну что посмотрим что у
48:48
нас получилось Обратите внимание Мы не пользуемся Ну как бы вот это более хорошее решение чем
48:56
было до этого потому что мы не пользуемся сторонними плагинами мы не лезем в этот HTML код это всё встроено в
49:03
саму систему и при обновлении WordPress по идее это должно обновиться и не надо думать что там конфликт каких-то версий
49:11
Там и так далее и так далее посмотрим что у нас получилось обновить
49:16
просмотреть так А сколько у нас уже там времен
49:25
так так Ну вот у нас чего-то тут с вами
49:31
аж не вывел чтобы он показал почему вот посмотреть на главной вот смотрим она
49:37
все ближе и ближе начинает быть похожи на то что у нас было до этого и вот даже перечень наших этих
49:46
материалов еще раз здесь вопрос как там настроить шрифт настроить там масса
49:52
всего это отдельная тема для размышления но в первом приближении Вот она у нас и
49:59
пошло-поехало выглядит ну близко к тому что было до этого
50:08
что мы забыли посмотрим а по-моему все мы уже сделали для главной страницы
50:14
смотрим Ну да вроде бы все
50:22
Все мы вроде бы сделали Ну вот здесь в виде блога Здесь идет еще
50:30
там Смотреть дальше понятно что при такой реализации
50:35
на главной страничке у нас этого нет Смотреть дальше но вообще говоря редко
50:41
Кто смотрит Смотреть дальше у нас все
50:48
и ну 42 и так Вполне вполне достаточно Хотя можно продумать чтобы еще потом
50:55
дальнейшие все но в любом случае Вы помните мы две странички создали и у нас еще одна страничка новые записи это вот
51:02
как раз тот же вариант который был до этого [музыка] в
51:08
главной страничке вот так сейчас нет не туда я ткнул
51:16
где новые записи
51:22
а мышь пока еще не подключили так Ну и все теперь мы в принципе что
51:29
можем сделать бьют барабаны все радуются мы сейчас переделываем Open йогу мы
51:35
сейчас делаем главную страничку не той как которая она была до этого главной А той которую мы
51:42
сейчас только что сделали хотя там что
51:48
да хорошая идея Ну скорее всего по скорости Мы вылезем в плохую какую-то
51:53
зону потому что мы ничего не оптимизировали Но это абсолютно хорошее замечание чтобы не делал page Speed
52:00
посматривай что иногда PHP показывает что он тебе какой-то плагин не нужны
52:05
установлен так без которого жить можно
52:12
Ну нас правда и так у нас вот Луна Вот это луна она очень много съедает вот
52:19
фаза Луны но она нам дорога мы не хотим от нее избавляться
52:26
Мы хотим на нее смотреть Потому что А когда шрат хупредком делать когда новолуние все забывают все бегают
52:34
куда-то а тут раз зашел Опаньки Новолуние значит предков поминать надо если предки
52:43
недовольны не видать тебе не в этой жизни так ну 55 Хотя было
52:50
раньше больше опять же вот здесь он как раз нам потом распишет что у нас не так
52:57
где мы там секунды потеряли на работе следующая наше занятие А
53:04
теперь мы смотрим Все ли мы перенесли Все ли у нас Окей Так это у нас Что это у нас было
53:12
так вот мы на главную заходим Да вот это у нас было главное Да теперь бьют
53:17
барабаны и мы переключаемся на новую на новое реализацию этого сайта для этого
53:24
мы идем в настройки в меню где они у нас вот здесь вот эти вот они наши настройки
53:33
так написание
53:38
Нет не написание тогда вот это чтение да И теперь мы вот
53:44
Просто берем и нажимаем статистическая страница видите последние записи отключены и выбираем во-первых
53:51
главное нас где-то страничка главная а во-вторых новые записи Вот она новый за
53:58
это то что мы перед этим создали Ну и не забыть сохранить изменения
54:03
и смотрим Что у нас получилось но нас ждет сейчас опять же разочарование Почему Потому что на первый взгляд
54:10
ничего не поменялось почему сейчас я объясню почему обновляем А ничего не
54:15
поменялось Почему Потому что мы Эден сёрферта не отключили и Эден нам так и
54:22
выводит на каждую страничку то что он до этого выводил А тут он
54:28
выводит вот после этого он уже выводит то что надо вывести и еще один огрех Но
54:33
мы потом его подправим это какое количество народу просмотрело Это здесь не нужно здесь ну там
54:40
подправим значит сейчас нам надо чтобы что-то увидеть Да И вот новые странички
54:46
это будет фактически аналог того что было до этого вот так как это было до
54:52
этого Вот они эти все новые наши странички
54:57
огромное количество с возможностью там дальше листать
55:02
но нам надо отключить вот эти все эдинсертеровский эти но мы не будем так
55:09
вот чтобы совсем отключать отключать мы их просто временно отключим отключено и настройки сохранены
55:20
Так это что мы это мы отключили вот эту простыню теперь вот это тоже надо
55:25
отключить и тоже раз отключить это работа с аденос сердером она отдельно
55:31
тоже не совсем очевидная долго мы ругались прежде чем понять
55:37
никто не читает руководство А вообще руководство бесполезно читать надо
55:43
интуитивные системы делать чтобы все сразу было понятно и без чтения хотите
55:50
успешность сделайте чтобы без чтение было понять Вот они прочитать не прочитают это ты скорее переделаешь что
55:57
было интуитивно понять тут К сожалению многие начинают
56:04
хотелки что я придумал Так все будет суровая школа жизни особенно в каком это
56:12
стартапе долго понять что не человечество под себя изменить ой то еще
56:20
занять А вот под человечество подстроиться проще а вот когда ты подстроился потом ты
56:27
можешь ведь веревки из доверчие человечество там тоже своя есть
56:34
философия Так мы чет забыли отключить мы забыли
56:41
отключить новые материалы где-то там в эденсер и остались новые Вот вот этот мы
56:46
забыли отключить всё отключено сохранить
56:54
так обновляем страничку ура ура
57:00
фактически Это новая реализация сайта Open йога.ру Но вот немножко в другом в
57:08
другом исполнении кого-то это будет страшно раздражать людей страшно раздражает когда что-то меняется их
57:13
понимаю Я сам такой но иногда технология диктует свои
57:19
этот схватка прогресса нашей человечество она не ослабевает и вот тут
57:25
уже ничего не поделаешь Потому что так хоть как-то работает а без этого не будет работать никак Ну тут еще одна
57:33
вещь есть вот вот это вот оценили У нас есть еще один плагин который выводит
57:39
количество оцененных страничек А мы сейчас отключим что вот это вот надпись
57:44
исчезла не сбивала с толку идем в плагины
57:49
WordPress как такой большой конструктор к вот здесь уже вот здесь огромное количество плагинов установлено и Мы
57:57
сейчас каунтер ищем счётчик где этот счётчик
58:03
Counter так так так так вот он postcounter и мы
58:11
сейчас здесь просто отключим чтобы он не считал наши странички вот отображения
58:19
вот тип страницы отдельные страницы не нужно и главную не нужно Не нужно чтобы
58:25
он их считал и по идее сейчас должно исчезнуть сохранить изменения
58:33
смотрим Ура сделали вот вот мы сейчас со старого
58:39
типа сайта то есть по старому мы его сделали по причине полнейшая некомпетентности незнания Как работает
58:46
WordPress на что-то новое что более технологично И самое главное
58:52
что это можно дать человеку непонимающему вот этот внутреннюю кухню потому что обычно читаешь там
58:59
руководство по WordPress У тебя же так просто зайдете все СС и отправите такой код такой кот и бедный человек думает
59:05
можешь ты мой что это такое Да и бросает закрывать
59:12
что Нет конечно да можно это всё представить в виде кода для тех кто разбирается и привык
59:21
Да ну мы можем вот этот иметь ввиду вот эти вот красные кнопки Да но это пока
59:26
костыли потому что мы можем то же самое сделать с помощью вот блока гутенберг который
59:33
так и называется кнопки Но это у меня еще минут 15 ушло на перепрограммирование а итак уже там
59:40
нибудь Все я думаю вот в YouTube надо не в два раза ускорить в три раза ещё такую
59:46
сделать Пришли мне иногда не хватает Да в три раза проверим Да И вот да О
59:52
молодец напоминаешь Да чтобы вы не делали нет даже до скорости сразу F12
59:57
Потому что сейчас нас ждут разочарования что на телефоне это всё будет ужас
1:00:03
Ну что Ну ужас Ну не хуже Ужас да
1:00:11
во всяком случае какая-то логика присутствует что уже радует потому что
1:00:19
если там все перепутано вот тогда и теперь заходим на page спит у нас кстати это
1:00:27
сайт остался мы его там было 55 у нас а мы сейчас еще раз его анализируем
1:00:37
анализируем он анализируется у нас Ну собственно что может ускорить мы
1:00:43
отключили до денсер может быть за счет этого да вот собственно и дынсертера у нас там не осталось
1:00:50
поэтому Вполне может быть что он зашевелится но не факт
1:00:57
yes yes Мы даже повысили скорость вот значит лишний раз Век живи век учись да
1:01:03
то есть что вот Чем проще решения войти Чем меньше плагинов Чем меньше с
1:01:10
привлечением всего нового тем все веселее И лучше даже выиграли в скорости
1:01:16
загрузки сайта так за 7 остаемся искренне вашей
1:01:21
вот туби continue значит ждите продолжение куда жать а Open йога
1:01:29
класс.com хотите изучать бесплатно интернет по эти самые стать
1:01:35
преподавателем Нет я все уже напутал общем разберетесь чтобы класс.com там
1:01:41
все написано Куда идем
1:01:48
Ну хоть что-то там записалось то если я еще и в пустоту говорил
1:02:02
это веселье Время сколько
1:02:17
Так значит мы что-то там не дожали
1:02:24
Завершить
