[Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 2

[Повтор] WordPress Theme Development with Bootstrap [Повтор] Разработка тем для WordPress с помощью Bootstrap - Часть 2 ​ Продолжительность: 186 минут, Видео с 26 по 45 (Весь курс имеет продолжительность 12 часов) Формат: Видеокурс Перевод: Русская озвучка Переводчик:Samigg Вы хотите расширить ваши знания по HTML, CSS и PHP и научиться тому как использовать их в бизнесе или позволит вам зарабатывать в качестве фрилансера? Кем бы вы ни были, дизайнером-фрилансером, предпринимателем, сотрудником компании, в поисках нового направления или пишите код в качестве хобби - этот курс научит вас тому, что позволит вам либо: Зарабатывать деньги на стороне Так что вы сможете накопить на отпуск, который вы так хотите, сможете рассчитаться с долгом, за машину, за ипотеку или просто получите дополнительные деньги, которые можно тратить на что угодно. Создать постоянный доход У разработчиков на WordPress есть различные варианты. Очень многие разработчики живут исключительно тем, что создают темы на WordPress и продают их на таких сайтах как ThemeForest. Фрилансеры-дизайнеры и разработчики так же могут создать проект на WordPress и начать зарабатывать дополнительные $1,000 - $5,000 в месяц. Кому стоит записаться на данный курс? Графические и Web-Дизайнеры Графические дизайнеры очень талантливы, но попросите их написать код их дизайна и они оцепенеют! Из-за этого у них нет выбора, кроме как нанять web-разработчика. Любой профессиональный графический дизайнер знает, что наим web-разработчика может быть довольно дорогим. Если вы дизайнер, изучение того, как написать ваш собственный сайт на WordPress может абсолютно изменить ваш бизнес! Теперь вы будете ценным не только как отличный дизайнер, но и как разработчик, который может сделать все! Так вы сможете зарабатывать дополнительные $1,000 - $5,000 с каждого проекта. Предприниматели У предпринимателей есть мечты и во многих случаях их бюджет ограничен. Чтобы выжить в этом мире очень важно иметь отличный веб-сайт. Так или иначе отличный веб-сайт стоит огромных денег. Если вы научитесь создавать высококачественные веб-сайты для стартапов самостоятельно, то вы сэкономите целую кучу денег, во многих случаях сумма доходит до $10,000. Сотрудники компании Каждая компания знает, что обучение и тренинг своих работников это ключ к процветанию команды. В зависимости от типа компании в которой вы работаете, если вы понимаете как писать код и можете разработать веб-сайт на CMS, то вы можете начать вести переговоры с руководством о переводе на более престижную должность или насчет повышения зарплаты. Пишите код в качестве хобби Очень весело учиться новому. Вы сможете добавить в свой арсенал создание динамических веб-сайтов. Вы даже сможете продать темы и плагины для WordPress! Возможности безграничны. Люди, которые ищут новую работу У вас нет работы? Ищите более высокооплачиваемую работу? Мечтаете о работе, которая позволит вам работать практически где угодно в мире? Возможно вам стоит стать веб-разработчиком. Веб-разработчики отлично зарабатывают, от $33,000 до более чем $105,000 в год. Они либо работают в прекрасных компаниях, которые меняют мир или же они пользуются создают свои собственные компании, становятся независимыми от места и работают из дома, из кофеен, в самолете, на пляже или где угодно! Что получим в конце проекта? На протяжении всего курса вы будете работать над созданием прекрасного, на 100% написанном вами с использованием Bootstrap веб-сайта. Самая крутая часть? Ваш веб-сайт на Bootstrap не будет выглядить как типичный веб-сайт на Bootstrap, множество примеров которого вы видели в интернете. Это очень сильно измененный дизайн, и это тот тип макета, который я использую для создания WordPress веб-сайтов для своих клиентов. Особенности проекта: Современный секси дизайн Вы будете работать над современным, профессиональным дизайном и версткой. Качественные HTML5 и CSS3 Вы научитесь вручную писать ошеломительные семантически верные HTML5 и CSS3 веб-сайты. Очень простая в использовании CMS Это позволит вашим клиентам без проблем обновлять веб-сайты, изменив ваши статичные веб-сайты на динамичные веб-сайты, используя WordPress. Вы можете очень серьезно увеличить вашу эффективность и прокачать ваши навыки веб-разработки. Делая это, вы сможете брать больше проектов, брать больше денег за проект и зарабатывать больше денег как фрилансер. Почему стоит записаться на данный курс? Я не занимаюсь ерундой. Я живу этим, и я делюсь с вами своим процессом того, как можно комфортно жить будучи работающим из дома веб-разработчиком. В этом курсе нет воды, просто 100% качественный контент и ничего больше. Если вы запишитесь на этот курс, последуете за мной и начнете действовать, я гарантирую, что вы не только полюбите данный курс, но вы так же увидите и реальные результаты. У вас будут необходимые навыки и вы сможете с уверенностью брать проекты на WordPress от клиентов и в целом получать больше денег за проекты. Перестаньте тратить время впустую, начните учиться со мной! Запишитесь сегодня! Требования к знаниям? Базовое понимание HTML, CSS и PHP (курс по HTML и CSS в переводе есть на складчике) Иметь доступ к редактору кода, бесплатному или платному. Я предпочитаю Coda 2, использую только его. Свежая версия Bootstrap и Wordpress (мы поговорим об этом в начале курса) Загрузить и установить MAMP (или альтернативу - мы поговорим об этом в курсе) Ваш любимый напиток. Что я получу от этого курса? Больше 82-х лекций и 12 часов контента! Получите навыки, которые помогут вам зарабатывать деньги на стороне, в качестве обычного фрилансера или будете работать весь день, как работающий из дома фрилансер Научитесь с легкостью создавать прекрасные HTML и CSS веб-сайты с помощью Bootstrap (они не будут выглядеть так как обычные веб-сайты написанные с использованием Bootstrap!) Научитесь преобразовывать статические HTML и CSS веб-сайты в темы для WordPress Научитесь использовать PHP для создания сайтов и тем на WordPress Научитесь процессу превращения статичных веб-сайтов в динамические веб-сайты на WordPress Позволите вашим клиентам обновить свои веб-сайты, создавая аккаунты для пользователей Целевая аудитория? Этот курс подходит для тех, кто любит развиваться и действовать! Навыки, которые вы получите в этом курсе позволит вам создать доход на стороне или же создать бизнес по созданию веб-сайтов на WordPress для клиентов. У вас уже есть базовое понимание HTML, CSS и PHP? Этот курс прокачает эти навыки и превратит их в неоценимо ценные активы. Если вы не имеете представление о HTML, CSS и PHP, то этот курс будет довольно сложным для вас, вам стоит предварительно освежить знания по этим направлением, прежде чем смотреть данный курс. Этот курс вам не подойдет, если вы не любите юмор, обучение из первых рук, или изучение вещей, которые могут изменить вашу жизнь. Этот курс подойдет для тех, кто хочет начать бизнес по разработке веб-сайтов или начать работать как фриласнер. Раздел №1: Введение 1 Добро пожаловать на курс! Вы приняли верное решение 04:28 2 (Прекрасный) Окончательный Веб-Сайт на WordPress, который вы напишите в данном курсе 08:07 Раздел №2: Что вам необходимо знать о Bootstrap 3 Что такое Bootstrap? И почему умение работать с ним сэкономит вам сотни часов 05:19 Раздел №3: Что вам необходимо знать о WordPress 4 Что такое WordPress? И почему вам стоит разобраться в нем 04:14 5 Два способа создания веб-сайтов на WordPress, которые позволят вам зарабатывать больше 09:57 6 Мои страхи относительно создания веб-сайтов на WordPress стоили мне $24,000 09:06 7 Статический или Динамический веб-сайт, какой лучше? 02:55 Раздел №4: Информация об архитектуре 8 Почему всегда стоит начинать разработку веб-сайта с создания макета 04:54 9 Рекомендованные ресурсы для создания макета и шаблона вашего веб-сайта 06:32 Раздел №5: Настройка окружения: Начинаем работу над проектом 10 Бесплатная загрузка: Bootstrap Framework 04:13 11 Бесплатная загрузка: Конечные файлы курса + тема на WordPress! 05:04 12 Настройка окружения вашего проекта 04:36 Раздел №6: Шаблон Bootstrap: Домашняя страница 13 Пишем стандартный шаблон веб-страницы 10:57 14 Добавление внешнего скрипта к вашему HTML документу 05:42 15 Устанавливаем бесплатный шрифт иконок с FontAwesome 05:52 16 Устанавливаем бесплатный шрифт иконок с TypeKit & Google Fonts 06:28 17 Пишем раздел Header и Navigation 12:04 18 Пишем раздел Hero 09:37 19 Стилизуем раздел Hero с помощью CSS 13:23 20 Учимся тому как создать эффект параллакса при скролинге меньше чем за 5 минут 06:32 21 Учимся писать раздел "Opt-In" 07:17 22 Учимся создавать модальное вплывающее окно используя Bootstrap 08:24 23 Пишем раздел "Boost Your Income" 05:30 24 Пишем раздел "Who Should Take This Course" 05:25 25 Пишем раздел "Course Features" используя спрайты CSS 12:22 26 Пишем раздел "Final Project" 07:07 27 Пишем раздел особенности и встраиваем видео с YouTube 07:11 28 Пишем раздел Instructor (Плюс бонус: Впечатления Элвиса!) 12:37 29 Пишем прекрасные круги на CSS3 10:14 30 Простой трюк для вертикального выравнивания вашего контента внутри элемента 05:18 31 Пишем отзывы и учимся превращать квадратные изобажения в круглые с помощью CSS3 11:25 32 Пишем раздел Sign Up Раздел 09:51 33 Пишем Footer 08:56 34 Отзывчивые медиа запросы и основная очистка CSS 09:15 Раздел №7: Шаблоны Bootstrap: Обзор блога 35 Пишем базовую структуру макета 05:53 36 Пишем отрывок блога на HTML 10:55 37 Стилизуем открывок бога на CSS 15:33 38 Пишем и стилизуем сайдбар и виджеты 12:27 Раздел №8: Шаблоны Bootstrap: Сообщение блога 39 Пишем Сообщение блога 06:20 40 Пишем раздел комментариев блога 16:15 Раздел №9: Шаблоны Bootstrap: Страница ресурсов 41 Важность страницы ресурсов 05:09 42 Пишем макет страницы ресурсов, состоящий из трех колонок 14:58 Раздел №10: Шаблоны Bootstrap: Страница контактов 43 Пишем форму контактов 10:50 Раздел №11: Тема WordPress: Настройка 44 Загружаем последнюю версию WordPress 01:41 45 Создаем начальную тему Underscores" 03:53 46 Устанавливаем WordPress на локальный компьютер быстрее чем за 5 минут 07:18 47 Устанавливаем тему Underscores 03:23 48 Конвертируем ваш статический Header в динамический Header 08:33 49 Используем ресурсы (Добавляем стили, скрипты, шрифты и изображения) 10:31 50 Очищаем вашу таблицу стилей и редактируем CSS для WordPress 13:20 51 Конвертируем ваш статический Footer в динамический Footer 03:28 Раздел №12: Конвертируем ваш статичный шаблон: Домашняя страница 52 Создаем шаблон домашней страницы для WordPress 13:18 53 Пишем Hero & Используем "Custom Fields" для дополнительной информации 17:00 54 Прекрасный Plugin: Advanced Custom Fields 04:30 55 Пишем раздел "Boost Your Income" с использованием Advanced Custom Fields 24:55 56 Пишем раздел "Who Should Take This Course" с использованием Advanced Custom Fields 08:41 57 Прекрасный Plugin: Custom Post Types UI 03:50 58 Добавляем "Course Features" используя CPT & Advanced Custom Fields 22:13 59 Добавляем "Project Features" используя Custom Post Types UI 12:27 60 Пишем раздел Instructor используя Advanced Custom Fields 15:43 61 Пишем раздел отзывов используя Custom Post Types 08:41 62 Очищаем шаблон используя get_template_part() 17:57 Раздел №13: Конвертируем ваш статический шаблон: Страница ресурсов 63 Создаем шаблон страницы ресурсов 04:00 64 Добавляем изображение Feature и Fallback 06:47 65 Как добавить ресурс и отобразить его в вашей теме 16:48 Раздел №14: Конвертируем ваш статический шаблон: Блог 66 Настраиваем страницу Index в вашем блоге 05:21 67 Пишем индивидуальные выдержки из блога 17:15 68 Пишем целое сообщение блога 05:31 69 Стилизуем и настраиваем раздел комментариев 05:12 70 Настраиваем шаблон архивов 06:58 71 Настраиваем шаблон результатов посика 05:47 Раздел №15: Конвертируем ваш статический шаблон: страница контактов 72 Создаем и настраиваем шаблон во всю ширину 07:40 73 Устанавливаем плагин Contact Form 7 и добавляем Custom Form 12:31 Раздел №16: Заканчиваем работу над WordPress шаблоном 74 Добавляем и настраиваем виджеты сайдбара 09:56 75 Настраиваем меню WordPress 10:24 76 Создаем полезную страницу 404 13:53 Раздел №17: Запускаем ваш веб-сайт на WordPress 77 Во первых, вам нужен надежный и доступный веб хостинг. 07:40 78 Устанавливаем WordPress как профессионал 03:44 79 Устанавливаем и настраиваем вашу WordPress тему на Live Server 11:23 Раздел №18: Последние детали 80 Отслеживайте ваших посетителей с помощью Google Analytics 03:24 81 Вы создали вашу собственную тему на WordPress! Теперь что? 05:25 Раздел №19: Бонусная лекция: Советы & Трюки 82 Почему никогда не нужно удалять CSS Outlines 02:38 Высококвалифицированный профессионал, Бред Хасси является страстным и опытным веб-дизайнером, разработчиком, блоггером и цифровым бизнесменом. Бред родом из города Йеллоунайф, который находится у северной границы Канады. Чтобы получить хорошее образование, развить в себе необходимые навыки и стать одним из главных людей в решении проблем веба, создания дизайнерских решений и обсуждения проблем программирования он переехал из Йеллоунайфа на восточное побережье Канады в город Ванкувер. Решительность Бреда и любовь с которой он занимается своим делом привела его в очень интересные места, где он встретился с отличными людьми. Для него было большей честью работать с ними, предоставлять им решения их проблем. Он работал с огромным количеством компаний. Это были как мелкие, так и крупные игроки по всей Америке. Бред пишет веб-сайты на заказ. Он так же предоставляет дизайнерские решения для огромного количества клиентов своей компании Brightside Studios. Он постоянно пишет статьи на тему пассивного дохода и жизни на полную катушку. Он так же предоставляет высококачественные учебники и курсы по веб-дизайну для десятков тысяч отличных людей, которые желают овладеть данным ремеслом. 70,000+ Студентов не могут врать Присоединяйтесь к Бреду и приключению в мир веб-дизайна, веб разработки и обсуждения кода. Вы об этом не пожалеете! Все части: [Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 1 [Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 2 [Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 3 [Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 4 ​ Переводы курсов Брэда Хасси (доступные для членов клуба): Курс верстки PSD в HTML5/CSS3: Ручное кодирование красивого сайта за 4-часа! Учебник по Twitter Bootstrap 3 - Основы Bootstrap для начинающих программистов Создание веб-сайта с нуля с помощью HTML & CSS