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

Домашняя страница The Lodge, когда вы вошли в систему (например, / lodge /), будет своего рода страницей «портала». Эта серия, которую мы назовем "Большой красный знак v10"

Великий переход на WordPress в процессе! Дорабатываем файл header.php и переходим в index.php. index.php отвечает за нашу домашнюю страницу. Первый"

Мы продолжаем переносить код со статического макета на страницу WordPress index.php. Мы немного настраиваем «цикл», чтобы выводить именно то, что мы хотим. Спускаемся "

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

Пришло время действительно переместить наш дизайн в WordPress. Можно также начать сверху вниз и начать с заголовка. Помимо логики "

Мы ТОЛЬКО НАСКОЛЬКО запустить эту штуку! Пришло время рассмотреть последние несколько мелких проблем, которые необходимо решить, прежде чем мы сможем запустить. Имейте в виду, что "

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

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

Примерно через месяц после запуска мы говорим о том, как прошел запуск v10. Мы просматриваем документ, который создали в самом начале этого процесса »

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

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

Мы приступили к созданию панели под заголовком галереи. У этого бара неплохая работа. Он сообщает людям, где они находятся и что смотрят (хлебные крошки, "

Я был взволнован тем, что начал работу в разделе "Галерея" на сайте. Это одна из областей, которая была особенно плохой в v9. У него не так много трафика, но "

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

Каждый снимок экрана (или видео) в галерее имеет отдельную страницу. Вы легко доберетесь до них, просто щелкнув само изображение. Мы хотим сделать это "

У нас есть область галереи, настроенная в WordPress, она выдает то, что нам нужно, но на странице еще почти нет стиля. Мы"

В этом скринкасте мы тратим немного времени на размышления о том, как будет выглядеть отдельная страница скриншота галереи. Есть немного данных, которые мы уже "

Все наши системы пользовательского поиска Google настроены (мы настраиваем разные системы для каждого раздела сайта). Наш пользовательский интерфейс для поиска готов к работе. У нас есть"

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

Область поиска в заголовке «работает» в том смысле, что она спроектирована, и вы можете открывать и закрывать ее и все такое. Но на самом деле поиск не ведется "

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

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

Альманах был запущен в версии 9 и так и не был завершен. Но с каждым днем ​​все ближе и ближе. Итак, в версии 10 мы будем использовать "

Это особый эпизод из серии редизайна версии 10, посвященный ВОЗВРАЩЕНИЮ ДЖЕДАЙ! Мы проиграли последний скринкаст. Мы пытались использовать "

Это особенный тематический эпизод из серии редизайна версии 10! Все начинается просто отлично. Мы начинаем перемещать некоторые вещи "

Вы, вероятно, хорошо знаете, почему использование контроля версий - это хорошо. Если нет, я быстро рассмотрю это в этом видео. Затем мы попадаем в "

Мы тратим целый час на изучение дизайна Photoshop и написание разметки HTML5, описывающей то, что мы видим. Мы стараемся быть максимально семантическими и обсуждаем »

В котором я показываю и объясняю самые основы того, что означает «адаптивный веб-дизайн». Затем я прохожу повсюду и показываю примеры, связанные "

Просто сохраните веб-сайт из браузера (в Firefox вы получите файл .html и все ресурсы), поместите его в свою общую папку и щелкните правой кнопкой мыши "

Я беру реальный пример того места, где я знал, что использование спрайтов было бы хорошей идеей, создаю спрайт вручную в Photoshop (мой предпочтительный метод) и "