Видео скринкасты 2024, Декабрь

Всем привет! Добро пожаловать в полную серию статей о создании мобильного сайта для первого художника с помощью WordPress. Это немного отличается от последней серии "

В этом скринкасте я рассказываю о том, как было общение между мной и Джеффом, когда он впервые написал мне по электронной почте о своем желании изменить дизайн сайта. "

Из последнего видео мы знаем, что у нас есть пять основных моментов, которые следует учитывать при создании дизайна этого сайта. Мы будем держать их в голове как "

Мы начинаем с открытым файлом Photoshop. Довольно глупо выглядящий «вытянутый» снимок экрана iPhone, который просто сначала дает нам холст в мобильном телефоне »

У нас есть «заголовок» дизайна, нам просто нужно разобраться с остальной частью страницы. У нас есть список самых важных целей, которые мы пытаемся достичь »

Мы хотим работать локально, работая над этим проектом. Всего несколько причин: это быстро. Мы можем работать офлайн из любого места. Мы работаем над полным "

Мы в процессе урезания нашей темы WordPress примерно до минимума, насколько это возможно. Нас не беспокоит дизайн, к которому мы стремимся ",

Мы выбрали Proxima Nova в качестве основного шрифта, который будет использоваться для сайта Джеффа. В наши дни это чертовски популярно, но отлично смотрится с работами Джеффа. Простой,"

Мы скоро перестанем смотреть здесь на старый сайт. Это последний раз! Теперь, когда у нас есть подходящая локальная среда разработки, мы планируем предоставить "

В этом скринкасте мы видим, что CodeKit начинает смотреть наш проект. Это значительно упрощает множество задач разработчика. Первое, что мы делаем, это делаем "

Мы решили использовать RoyalSlider для слайдера на главной странице. Я давно являюсь поклонником AnythingSlider, потому что я был частью его создания, и я "

Слайдер реализован и работает, просто не похоже на то, как мы его проектировали. Мы проходим процесс удаления HTML и CSS, которые мы "

Слайдер работает! Но он размещен не совсем так, как мы разработали в нашем файле Photoshop. Нам нужно больше места под ним, чтобы показать больше основных "

У нас есть план навигации по домашней странице, нам просто нужно сделать это в коде. Я говорю конкретно о навигации по домашней странице, потому что это, вероятно, только "

Мы почти закончили с навигацией по домашней странице, но есть какое-то странное пространство под нашим слайдером и над самой навигацией. Мы пытаемся выяснить "

У нас хорошее начало навигации по домашней странице, но есть еще кое-что, что нужно сделать для стилизации. Мы начинаем с заполнения самого содержания ".

Это будет самый простой нижний колонтитул на сайте. Это будет символ авторского права с именем Джеффа (я думаю, всегда приятно иметь имя "

Приступаем к работе над блог-зоной сайта. Мы хотим, чтобы область блога на сайте находилась по адресу / blog /, поэтому в конечном итоге мы создаем шаблон страницы для того, что называется "

Блог выводит то, что мы хотим, но типографика и макет не совсем там. Мы добавляем немного разметки здесь и там, чтобы дать "

Типографика все еще не совсем правильная, поэтому мы тратим немного больше времени на ее корректировку. Здесь это имеет смысл, потому что заголовок и тело "

Есть только один способ попасть в область блога сайта с домашней страницы - это щелкнуть «Последние записи». Но это приведет вас к самому большому "

Практически во всех темах WordPress есть файл page.php. Это шаблон, который контролирует «Страницы» - один из типов контента по умолчанию, который »

Навигация по домашней странице хорошо удовлетворяет наши потребности, но иметь такой огромный кусок навигации на каждой странице сайта непрактично. Нам понадобится "

Мы действительно можем расширить возможности "CMS" WordPress с помощью всего лишь пары плагинов: Advanced Custom Fields и Custom Post Types UI. С этими"

В последнем видео мы узнали, как создать собственный цикл и выводить пользовательские данные из наших пользовательских типов сообщений и пользовательских полей. На этот раз нам нужно это сделать "

У нас есть еще один тип сообщения, к которому нужно применить правильные настраиваемые поля: слайды домашней страницы. Это то, что было бы легко и заманчиво "

Установив два наших плагина для расширения CMS, мы потратили немного времени на их настройку. «События» на сайте Джеффа - прекрасный тому пример. Событие""

Я думал, что мы можем перейти по событиям, о которых мы говорили в прошлом видео, но когда я конкретизировал область событий, пришлось написать достаточно кода: "

Одна из пяти основных областей сайта - это страница контактов. Однако для этого практически не требуется никакого покрытия, потому что мы просто создали его в Wufoo и "

Когда окно браузера становится больше, ползунок в верхней части домашней страницы становится до смешного большим. Это первая мобильная серия, но поскольку мобильная "