Frila school

Frila school

@frilaschool
Изображение канала: Frila school
636 подписчиков
9 постов
Посты
Как одна скобочка может заставить вас попотеть.
Вчера буквально 2.5 часа я провел в поисках ошибки, которую можно было решить за 1 минуту. Одна из моих учениц сказала что у нее отвалились шрифты на сайте, в блочной теме конечно же. Вчера вообще массово какая то шрифтовая веселуха была у другой ученицы они тоже отвалились, но там по другой причине. Но вернемся к случаю со скобкой. В блочных темах есть стайлбук, это такое место где можно сделать определенные стили для элементов и потом применять их к заголовкам к примеру. Очень удобная штука и ускоряет работу. Проблема была в том что в редакторе стили шрифтов отображались а на фронтенде, готовом сайте их не было. Я уже чет только не делал, и кеш чистил, и через инструмент разработчика искал стили, и https микс контент изучил, короче нет и все. Короче пришел к выводу что это проблема только из-за стайлбука. Думаю может плагин не обновлен, поставил новый и все тоже самое, не работает и все. Начал изучать стайлбук подробно, смотрю а там в стилях она прописала код кастомный, там редактор встроен небольшой чтобы CSS писать, я чисто механически код удалил оттуда и как обычно проверил страницу. И все заработало!!! В первую очередь я подумал что это баг редактора, и решил перенести код в другое место. Вставил и получаю ошибку CSS синтаксиса. Это была скобка внутри мобильной адаптации… Маленькая закрывающая скобка, которая привела к тому что весь файл стайлбука просто не подключался на фронтенд. Вывод простой: Будьте внимательны по написании кода и проверяйте его через VS Code хотя бы, там будет показываться ошибка если где-то не закрыта скобка. И конечно ставьте 🔥 Давайте наберем 30 штук и я расскажу про вторую ошибку шрифта на другом сайте и как мы ее решили.
Изображение поста
Стоит ли делать прелоадер в блочной теме?
Preloader это страница предзагрузки перед основным сайтом или какой-то страницей. Мы делаем ее чтобы скрыть на доли секунды не загрузившийся контент. Раньше ее часто делали на конструкторах где сайт грузился долго, какое то время мы видели анимацию логотипа или какого-то элемента. Но в блочных темах и так быстро грузится страница, зачем он нужен? Один из примеров: у вас видео на первом экране запускается автоматически, нужно время после открытия сайта, тут то и можно сделать прелоадер. Записал для вас видео как его сделать. Огромная просьба, пожалуйста смотрите в Ютубе, если есть хоть какая то возможность! https://youtu.be/aOaubhEt_o0?si=AfkfzLIvR2rLDCNx И я буду выставлять видео на сайте школы Фрила https://frila-wordpress.ru/preloader-v-blochnoj-teme/ Понравилось видео ставим ❤️
Изображение поста
Когда стартует мини-курс по ВордПресс для новичков и что это такое вообще.
О мини-курсе: Тут мы будем делать Лендинг на блочной теме без кода с помощью плагина Гриншифт. Главное отличие от моих основных курсов отсутствие работы с Фигмой, да именно в этом курсе я решил не напрягать новичков созданием супер уникального дизайна, мы сразу собираем сайт прямо в ВордПресс. Вы должны понимать что делать сайт для заказчиков таким способом не есть правильно, сложно делать правки для них. Для заказчиков этот способ можно использовать только предлагая тариф без правок. Поэтому мы плавно подошли к вопросу, а кому же подходит этот мини-курс? - предприниматель который хочет сделать сайт быстро чтобы попробовать идею - новичок который хочет научиться делать простые сайты и познакомится с ВордПресс - тем кто хочет попробовать делать структуру сайта через нейросеть Этот мини-курс доступен в первые в двух вариантах. Самостоятельно за 4990 рублей И С поддержкой куратора 1 месяц в общем чате учеников, поэтому можно не боятся что не получится Цена тарифа с поддержкой 10990 рублей Старт курса 7 июля, как для самостоятельного так и для тарифа с поддержкой. По вопросам бронирования мест писать сюда @Nicecoderr
Почему заказчики хотят как у конкурентов?
Каждый фрилансер создающий сайты и хотящий сделать что-то крутое в какой то момент столкнется с мнение заказчика «хочу как у конкурента» И знаете что тут нужно понять заказчика и его страхи, что у сайт то вы делаете для его бизнеса, и у него как и любого другого человека есть страх к чему то новому, неизведанному. Поэтому он и показывает пальцем на сайт конкурента находящийся в ТОП поисковой выдачи. Тут есть несколько определенных правил, как можно попробовать сделать и другой сайт и как у конкурента. Дизайнера тоже можно понять, кто захочет копию сайта положить себе в портфолио? Поэтому конкурентов мы используем с умом, можно взять смыслы, тексты и переработать их через нейросеть, и сделать что-то свое но при этом как у конкурента. Так вы сможете и себе проект в портфолио сделать, и заказчик будет доволен 😊 Ведь в душе он будет понимать что хоть как то защищен от возможной неудачи. На моих курсах мы делаем анализ конкурентов даже если заказчик об этом не просит, это основа для создания любого сайта, конечно при условии что конкуренты в этой нише есть. А если товар и услуга новые, можно взять примеры из смежной темы, чаще всего такие будут. Согласны ставим 👍
Изображение поста
Почему я многорукий?
И какая была стратегия на фрилансе. Иногда мне кажется что я все умею - но при этом ничего не могу. Начинал фрилансить я с нуля. До этого у меня вообще не было какого-то опыта из студии к примеру. Я вообще не умел делать сайты, если только прям минимальную базу. Предыстория Начал то я с популярного таргетинга в запрещенке, и уже пробовал всякое разное. Но это было еще до полного выхода на фриланс, таргетом я так сказать пробовал себя. Уйти с прошлой деятельности было сложно - а че страшно же начинать что-то новое. Но события которые начались в мире с 2019 года, просто не дали другого варианта, как только перейти на фриланс. (В офис на дядю я работать идти не хотел) Но как было стартануть если ничего толкового не умеешь, а зарабатывать нужно? Учиться? Это время нужно, можно вообще учиться всю жизнь, но так и не попробовать фриланс на вкус, как и какое-то другое дело. Поэтому я принял решение пойти на биржу ФЛ и попробовать себя там - там тогда времена были когда ПРО аккаунт стоил 2000 рублей (а мы еще возмущались что это дорого😂) Я продумал такую стратегию. От малого к большому, как в любом бизнесе, а фриланс как понимаете это бизнес. Стратегия была банальна и проста. Беру все заказы подряд, желательно мелкие, чтобы выполнить за 2-3 часа и получить 5000 рублей в день. Эти деньги вложить в рекламу себя на Авито, и оттуда брать уже заказы на лендинги от 35000 рублей. По факту все это работает и сейчас, как и работало миллион лет назад - когда у тебя была 1 лошадь и 1 поле, но если много работать стало бы больше лошадей и полей. Самое главное чтобы на фрилансе уметь работать таким способом - мне было нужно быть многоруким. Я брал заказы не умея их делать… Гугли и Яндексил и находил ответы, благо учиться я хотел. Заметьте тут главная мысль что начните уже что-то делать! Шагните к первому заказу даже если ничего не умеете, разберетесь по факту. Согласны же? Ставим 👍
Изображение поста
Как сделать красивую историю на сайте.
И я не про Stories плагины), а про историю продукта или услуги. Чтобы сайт начал приносить пользу, на нем нужно сделать интересную историю. И тут главное создать идею у продукта. Это когда человек заходит на сайт и не просто листает блоки, а втягивается в рассказ: зачем это вообще было создано, кому это помогает, как это решает его проблему, почему это важно именно сейчас,и почему он должен доверять именно этой компании В первом экране можно дать крючок: Почему мы начали этот бизнес или Как мы делаем продукт который помогает людям. Можно сделать вот такие блоки. «Наша история» или «Почему мы это делаем». Блок отзывы клиентов как часть истории. В видео или текстовой статье с фото — чтобы было живо, как мини-документалка. Посмотрите, как это делают бренды типа Patagonia, Tinkoff, Apple, или даже небольшие локальные компании вроде барбершопов или кафе. В любом случае нужно делать историю о продукте который решает проблему. Каждый сайт пусть будет наполнен смыслом. Это работает на SEO продвижении и знаете почему? Раньше многие просто вписывали ключевые слова в текст - поисковые роботы не были такие умные и ели любой контент. Теперь они смотрят на поведение - если человеку нравится контент, он будет находится на сайте долго, соответственно ваши позиции в поиске будут намного выше чем у конкурентов без истории.
Изображение поста
https://www.figma.com/design/Bi3uEOR3MZGknPW5uOVNvO/50--Landing-page-designs--Community-?node-id=801-2256&t=loYjDw3CP5x5aCRP-1
Каждый из экранов сайта просит копируете отдельно и правите
Так нужны дизайнеры сайтов или всех заменит нейросеть?
Вот каждый день эта истерика в инете все возрастает. И да нейросети иногда поражают своими возможностями. Но вот смогут ли они заменить дизайнеров? сейчас пока это лишь помощники. Я записал для вас новое видео на Ютубе по этому поводу. Нашел новую нейросеть от Гугла, а сами понимаете какие у них возможности. Она создает не только дизайн в Фигме но и пишет HTML CSS и возможно JS https://youtu.be/w-D67KysFqQ Тайм-коды работают на Ютубе и есть в описании к ролику 00:00:00 Вступление что за нейросеть от Google 00:00:50 Пишем промпт через ChatGPT 00:04:09 Генерируем дизайн через Google Stitch 00:10:50 Делаем дизайн магазина с помощью нейросети Пожалуйста просмотрите ролик полностью, это даст ему хороший толчок для просмотров.
Изображение поста
Задолбающий popup.
Помните еще в 2015 году на сайтах постоянно всплывали какие то непонятные окошки, с рекламой. Как же меня это бесило, читаешь статью а тебя хлоп и выходит такое окошко. Но сказать в оправдание Popup это очень хорошая штука когда не появляется внезапно. Он должен быть управляемым. Тоесть нажал на кнопку и тебе хлоп окошко с формой заявки, удобно же. Так делают очень часто. Записал для вас видео на Ютубе, как сделать такой Popup без знания кода. Тайм-коды доступны в описании к видео 00:00:00 Вступление 00:00:36 Работа с классическим меню 00:06:01 Плагин для создания классического меню 00:08:38 Создание Popup без кода Смотреть видео можно тут https://youtu.be/Wfwo86FY2Zw В этом видео я рассказал не только про Popup, но также показал как вернуть классическое меню в блочную тему. А это очень крутая вещь, давно ее хотел там использовать. Очень жду ваших реакций прямо в Ютубе. Лайчики там к примеру ❤️
Изображение поста
Вам будет гораздо проще если вы сразу продумаете структуру сайта…
Ребята, часто делая сайты для заказчиков я совершал ошибки и эти ошибки приводили к переработкам. Смотрите пример Как-то в самом начале ко мне пришел заказчик и успел меня задолбать. Но виноват был не он. А то что я не соблюдал правила разработки сайтов. Эти правила использую почти все крупные студии. И если бы я знал как правильно вести разработку сайта то все было бы иначе. Разработка должна начинаться с брифинга, а многие фрилансеры привыкли делать сразу что им в голову придет. Мы делаем сайт не просто так, мы продумываем инструмент приносящий заявки. В первую очередь любой сайт должен решать проблему посетителя - тогда он купит. Поэтому в новом курсе по многостраничнику я уделил этому несколько уроков. Мы разбираем брифинг, как сделать структуру сайта, как правильно составить договор чтобы ТЗ было прописано и не делать ТЗ бесплатно при этом. И многое другое… Если вы хотите не совершать таких ошибок с самого начала приходите на мой курс @Nicecoderr
Изображение поста
Что делать если попали в тупик.
При создании сайтов мы часто сталкиваемся с разного рода проблемами. Сейчас я приведу простой пример и расскажу как я решаю появляющиеся задачи. Вот прям на днях был такой случай что на сайт одной из моих учениц перестали грузится шрифты, сами то шрифты загрузить было можно но физически на странице сайта они не отображались. Можно плюнуть, переустановить WordPress и сделать все с нуля, но это очень много работы. Лучше разобраться почему такая проблема возникла. С чего я начал. Во первых нужно было понять каким способом загружены эти шрифты. 1 способ - через редактор стилей блочной темы 2 способ - через настройщик внутри Гриншифта 3 способ - прописать в стилях пути до CDN где лежат шрифты, чаще просто с Гугла тянут Один раз у меня такое было что шрифты с блочной темы не грузились и это был баг когда еще блочные темы были совсем молодые в версии 5.8, его конечно же пофиксили Проверили загрузку, смотрим что шрифты загрузили файлом. А может файл битый? Или шрифт не читается? Грузим свой файл шрифта, проверяем и опять ничего не меняется. Хочется сказать что же за сцуко такое. И даже Никите не напишешь и не спросишь что за херня😂 Ладно идем дальше… Проверяем инструмент разработчика. Шрифты отображаются при наведении на Элемент, но с помощью плагина проверки шрифта его показывает зачеркнутым. Задача становится все интереснее. Гуглим… Находим 100500 разных статей на не нужные тематики. Пишем нейросети такой вопрос, она выдает базу из поиска, но можно выловить несколько интересных моментов. Говорят нужно пойти и проверить сеть в подключении шрифтов в том же инструменте разработчика. Проверяем и делаем скриншот (я уже сталкивался с таким и было проще понять что это именно в нем проблема) Отправляем скриншот нейросети и получаем ответ что вероятно виноват сертификат http Сначала сайт был на обычном, потом переехал на https, и пути у шрифтов были именно на http Браузер не хотел отображать микс контент Идем в специальный плагин Better Search Plugins И меняем все адреса с http на https Теперь все ок) Так что не пугайтесь сломанных сайтов, почти любую проблему можно решить если подходить к ней по шагам. А если хотите получать поддержку на обучении, у меня есть тариф с поддержкой, очень удобная штука если встали в тупик и не понимаете как решить ту или иную проблему при создании сайта. Пишите @Nicecoderr все расскажу.
Изображение поста
Продвигаются ли сайты на блочной теме?
Когда я задумывал сайт Trek-Kavkaz.ru это было чисто решение для школы, я просто показывал как сделать интернет-магазин без знания кода, как добавить его в поиск Яндекса, короче все по делу. Но я не планировал продавать ботинки) (хотя может и надо раз магазин вышел в поиск) Да конечно это минимальная выдача, да и трафика мало пока. НО Я ЗАГРУЗИЛ ТУДА 7 товаров! И он вышел в топ чуть выше CDEK в ТОП на главной. Представьте себе что Яндексу все равно что там мало товаров. Релевантность запросу есть - сайт открывается быстро - хорошо пошли в ТОП. Я не покупал ссылки. Я не продвигал сайт по рекламе. Это учебный сайт. Как видите блочные темы также хорошо продвигаются по SEO, нет никакой разницы с сайтами на коде, просто сайт на коде мы пишем кодом, а сайт на блочной теме тот же самый код зашит в кнопки редактора. По сути одно и то же. Так что ребята если нужен курс по магазину пишите мне @Nicecoderr и давайте выведем и ваш магазин в ТОП Яндекс поиска.
Изображение поста
Новое видео на канале!
Помните совсем недавно вышло обновление Фигмы? Так вот там появились Гриды, такие же как CSS грид в блочных темах. В этом видео я рассказал как их использовать и подробное руководство вышло на 20 минут. Ну вроде все что мог о них рассказал и примеры даже привязал. Посмотреть видео можно тут на Ютубе Но лучше если откроете из поиска Яндекса я буду вам очень благодарен ❤️ 00:00:00 Что будем делать в этом видео 00:01:00 Где найти Фигма Грид 00:08:00 Карточки постов 00:12:30 Экран сайта в Figma Grid 00:21:50 Автолейауты
Изображение поста
Часть вторая по вёрстке сайта.
Первая часть вышла еще несколько дней назад. Предыстория этой вёрстки. Я решил сделать редизайн странички основного курса, и оформить ее правильно. Правильно - это значит не просто набросать блоки как попало, а сделать структуру по всем правилам создания таких лендингов. А то как сапожник без сапог, сайты всем делаю, а себе не могу нормальный сделать, просто не хватало времени. Вот что будет во второй части нашей верстки. А делать мы будем много чего интересного. 00:00:00 Что будем делать на GreenShift блочных темах 00:00:50 Делаем блок с кнопкой и видео 00:20:00 Блок с программой, всплывающее окно по ссылке 00:40:00 Блок отзывы, Grid сетка 00:50:00 Блок с выпадающим Dropdown на ВордПресс 00:60:00 Блок с футером, настройка формы подписки на рассылку Тайм-коды есть внутри Ютуба и они должны там работать. Видео смотреть тут https://youtu.be/uHyZ_eNVwmc Пожалуйста проявляйте активность на видео внутри Ютуба (поставьте лайк, сохраните в посмотреть позже, или напишите любой коммент) Это помогает продвигать ролик❤️ и мотивация записывать еще больше видео для вас. Это новый сайт который мы заверстали https://frila-wordpress.ru/kurs-po-wordpress-bez-koda/
Изображение поста
Совсем забыл)
Вышло новое видео про вёрстку сайта на Гриншифт. Все желающие могу по практиковаться и узнать для себя что-то новое. Видео на Ютуб уже выложил Смотреть тут 00:00:00 Что будем делать 00:01:30 Начинаем верстать шапку сайта header 00:16:59 Первый блок Hero 00:32:25 Второй блок почему блочные темы 00:57:00 Третий блок для верстки
Изображение поста
Супер обновление Фигма уже вышло
Это одно из масштабных обновлений! Говорят оно поменяет рынок создания сайтов, так ли это? Рассказал в своем видео на Ютуб Смотреть видео 00:00:00 О обновлении Фигмы 00:01:51 Что появилось в обновлении 00:02:05 Grid сетка Фигма 00:03:04 Figma Buzz 00:05:00 Figma Sites 00:07:01 Figma Draw
Изображение поста
⚡️⚡️⚡️Объявляется майская распродажа!!!
Мир Труд Май! Длительность 24 часа Для самостоятельного изучения В этой распродаже будет огромный пак с курсами 1 Пакет Курс по блочным темам (основной) 50 уроков обычная цена 12990 рублей Курс по многостраничнику 12 уроков обычная цена 2990 рублей Комплект из двух курсов 10.000 рублей 2 пакет Курс по блочным темам (основной) 50 уроков обычная цена 12990 рублей Курс по многостраничнику 12 уроков обычная цена 2990 рублей Курс по созданию магазина на блоках 26 уроков 10990 рублей Комплект из 3 курсов 15990 рублей 3 пакет Курс по блочным темам (основной) 50 уроков обычная цена 12990 рублей Курс по многостраничнику 12 уроков обычная цена 2990 рублей Курс по созданию магазина на блоках 26 уроков обычная цена 10990 рублей Курс по HTML CSS обычная цена 2990 рублей + 1 созвон 45 минут на любую тему связанную с фрилансом обычная цена 3000 рублей Комплект из 4 курсов и одного созвона 17990 рублей Всем кто успеет приобрести курсы в течении 3 часов после запуска + 10% скидка Для покупки писать сюда @Nicecoderr
Изображение поста
Обновление блочных тем.
Вышла стабильная версия ВордПресс 6.8.1 Ваши сайты должны обновится автоматически. По слухам это последнее крупное обновление блочных тем в этом году. Но как понимаете Гриншифта это не касается, у них обновления идут очень часто! Записал для вас видео про все популярные обновления блочных тем. На Ютубе искать по фразе Обновление блочных тем на ВордПресс на новую версию - копируется простым нажатием Для экономящих энергию🤣 вот ссылка на видео (Видео) Что будет в видео Об обновлении ВордПресс Книга стилей Изображения для постов Цвета для текста Открытие шаблонов прямо из поста Моментальная загрузка страниц Технология защиты паролей Bcrypt Ставим свои 🔥 если тоже рады обновлению.
Изображение поста
Вот бывает сидишь себе собираешь сайт а ничего не получается…
Контейнер куда то уезжает, блок с изображением вообще себя ведет как отдельное от сайта😂 И вроде все просто - но ничего не понятно, и даже вопрос задать некому… А вот и есть) Вопросы можно задавать мне на созвонах, я прям детально их просмотрю и помогу сдвинуть эти блоки как нужно. Так что теперь у вас есть огромное преимущество, это моя поддержка. Я днем и ночью несу охрану ваше спокойствия и мысля «а вдруг не получится» больше не будут беспокоить вас. Есть такая пословица Одна голова хорошо, а две лучше. Записаться на созвоны можно тут @Nicecoderr
Как новичку без знаний в дизайне сделать сайт?
Я скажу вам что с новыми технологиями это очень просто! Идете в Ютуб и смотрите мой новый ролик, там я даю: Пошаговое руководство, как создать дизайн в нейросети Relume и перенести его в ВордПресс. Записал для вас подробное видео, которое можно посмотреть на Ютубе. Ролик можно посмотреть тут (Смотреть видео) Ставьте ваши ❤️ - спасибо за вашу активность!
Изображение поста