Відеосюжети 2025, Січень

№ 91: Фотошопінг окремих сторінок галереї - CSS-хитрощі

№ 91: Фотошопінг окремих сторінок галереї - CSS-хитрощі

У цьому скрінкасті ми витрачаємо трохи часу на роздуми про те, як виглядатиме окрема сторінка скріншота галереї. Є трохи даних, які ми вже "

# 87: Розмітка галереї - CSS-хитрощі

# 87: Розмітка галереї - CSS-хитрощі

У нас є зона галереї, налаштована в WordPress, вона випльовує те, що нам потрібно, щоб виплюнути, але на сторінці ще майже немає стилів. Ми "

# 90: Налаштування окремих сторінок у галереї - CSS-хитрощі

# 90: Налаштування окремих сторінок у галереї - CSS-хитрощі

Кожен знімок екрана (або відео) у галереї має свою окрему сторінку. Дістатися до них легко, просто натиснувши саме зображення. Ми хочемо зробити це "

# 89: Налаштування галереї - CSS-хитрощі

# 89: Налаштування галереї - CSS-хитрощі

У цьому відео ми робимо купу налаштувань панелі, яку ми встановили, використовуючи більшість функціональних можливостей Галереї. Дизайн - це лише налаштування, чи не так? "

# 86: Фотошопінг галереї - CSS-хитрощі

# 86: Фотошопінг галереї - CSS-хитрощі

Мені було приємно розпочати роботу в Галереї на сайті. Це одна з областей, яка була особливо поганою у v9. Це не отримує тонни трафіку, але "

№ 88: Будівництво галерейного бару - CSS-хитрощі

№ 88: Будівництво галерейного бару - CSS-хитрощі

Ми взялися за побудову бару під заголовком галереї. У цьому барі є досить робота. Це повідомляє людям, де вони перебувають і що вони переглядають (панірувальні сухарі, "

# 84: Переміщення нижнього колонтитула в WordPress - CSS-хитрощі

# 84: Переміщення нижнього колонтитула в WordPress - CSS-хитрощі

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

# 85: Перегляд публікації блогу (single.php) у WordPress - CSS-хитрощі

# 85: Перегляд публікації блогу (single.php) у WordPress - CSS-хитрощі

Якщо нам довелося вибрати, подання для однієї публікації в блозі - це, мабуть, найважливіший шаблон на сайті. У нас є статичний макет сторінки допису в блозі, тому ми "

# 158: Місяць пізніше: Остаточне обгортання - CSS-хитрощі

# 158: Місяць пізніше: Остаточне обгортання - CSS-хитрощі

Приблизно через місяць після запуску ми говоримо про те, як пройшов запуск v10. Ми переглядаємо документ, який ми створили на самому початку цього процесу "

# 80: Оновлення локального вмісту шляхом запуску SQL - CSS-хитрощі

# 80: Оновлення локального вмісту шляхом запуску SQL - CSS-хитрощі

Зараз у нас є файл .sql завдяки його експорту та завантаженню, як це було в минулому відео. Тепер нам просто потрібно запустити його і переписати наш "

№ 156: Запуск сайту, частина 1 - CSS-хитрощі

№ 156: Запуск сайту, частина 1 - CSS-хитрощі

Це великий момент! У нас є перелік речей, які ми знаємо, що нам потрібно робити, і ми просто почнемо їх робити і опублікуємо цей сайт. Можливо "

№ 155: Перегляд контрольного списку перед запуском - CSS-хитрощі

№ 155: Перегляд контрольного списку перед запуском - CSS-хитрощі

Ми ТІЛЬКИ ПРО те, щоб запустити цю штуку! Пора розглянути останні кілька невеликих проблем, які потребують скорочення, перш ніж ми зможемо запустити. Майте на увазі, "

# 81: Переміщення заголовка до WordPress - CSS-хитрощі

# 81: Переміщення заголовка до WordPress - CSS-хитрощі

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

# 157: Негайне продовження запуску після - CSS-хитрощі

# 157: Негайне продовження запуску після - CSS-хитрощі

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

# 83: Створення домашньої сторінки WordPress, частина 2 - CSS-хитрощі

# 83: Створення домашньої сторінки WordPress, частина 2 - CSS-хитрощі

Ми продовжуємо переносити код із нашого статичного макету на нашу сторінку WordPress index.php. Ми трохи налаштовуємо "петлю", щоб вивести саме те, що ми хочемо. Ми спускаємось "

# 82: Створення домашньої сторінки WordPress, частина 1 - CSS-хитрощі

# 82: Створення домашньої сторінки WordPress, частина 1 - CSS-хитрощі

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

№154: Стиль архівів лоджів та відеосторінка Single Lodge - CSS-хитрощі

№154: Стиль архівів лоджів та відеосторінка Single Lodge - CSS-хитрощі

Домашня сторінка The Lodge, коли ви ввійшли в систему (тобто / lodge /), буде якоюсь "портальною" сторінкою. Ця серія, яку ми будемо називати "Великий редизайн v10"

№ 152: Стилізація сторінки входу в WordPress (Lodge) - CSS-хитрощі

№ 152: Стилізація сторінки входу в WordPress (Lodge) - CSS-хитрощі

Наш "віджет" для The Lodge на бічній панелі сайту (відображається на більшості сторінок, включаючи домашню сторінку) має два стани. Один, коли користувач виходить з системи, і один "

№ 153: Стайлінг форми реєстрації в Lodge - CSS-хитрощі

№ 153: Стайлінг форми реєстрації в Lodge - CSS-хитрощі

Сторінка реєстрації для The Lodge дуже важлива зі зрозумілих причин: це сторінка, яка збирає гроші та надає доступ до членства "

№ 150: Захист відеовмісту за допомогою посилань S3, які закінчуються - CSS-хитрощі

№ 150: Захист відеовмісту за допомогою посилань S3, які закінчуються - CSS-хитрощі

У цьому скрінкасті ми розглядаємо, як ми можемо розміщувати файли на Amazon S3 (Проста служба зберігання) таким чином, що ми можемо зробити посилання на використання цих ресурсів, але не "

№ 151: Створення модуля будиночка (і короткий звіт про швидкість) - CSS-хитрощі

№ 151: Створення модуля будиночка (і короткий звіт про швидкість) - CSS-хитрощі

Ми робимо модуль для загальної бічної панелі сайту, який призначений лише для The Lodge. Якщо ви ввійшли в систему, вона вас вітає та надасть відповідні посилання "

№ 149: Створення форми для входу в Лодж - CSS-хитрощі

№ 149: Створення форми для входу в Лодж - CSS-хитрощі

Однією з причин, чому WordPress є чудовим, є те, що він постачається із власною повноцінною системою автентифікації користувачів. Написати це з нуля в наші дні "

# 148: Стилізація кнопки для реєстрації в Lodge - CSS-хитрощі

# 148: Стилізація кнопки для реєстрації в Lodge - CSS-хитрощі

В останньому відео ми з’ясували, як розміщувати різний вміст у наших шаблонах на основі логіну та статусу користувачів. Ми використовуємо, що "

# 144: Стилі та обгортання сторінок сторінок форумів - CSS-хитрощі

# 144: Стилі та обгортання сторінок сторінок форумів - CSS-хитрощі

Ми намагаємось завершити стиль форумів тут. Одним з основних навігаційних механізмів на форумах є нумерація сторінок. Унизу сторінки "

№ 145: Вступ до лоджі (приватний доступ) - CSS-хитрощі

№ 145: Вступ до лоджі (приватний доступ) - CSS-хитрощі

Ми зробили невелику підготовку до цієї нової "Зони приватного доступу" на CSS-Tricks. Ми розглянули плагіни WordPress, щоб допомогти нам, навіть визначилися з одним і встановили "

№ 146: Спеціальний заголовок для лоджі - CSS-хитрощі

№ 146: Спеціальний заголовок для лоджі - CSS-хитрощі

В останній трансляції ми зачепили цю фотографію із iStockPhoto засніженої каюти та лісу. Ми опустили його у фоновому режимі, за основну область вмісту "

№ 143: Обговорення стилів та функціональності нової теми на форумах - CSS-хитрощі

№ 143: Обговорення стилів та функціональності нової теми на форумах - CSS-хитрощі

Не сердься, але мені довелося трохи стрибнути вперед, тому що була якась виснажлива довга нудна робота, яка перекриває різні погляди, ставлячи правильно

№ 142: Стилі модулів форумів - CSS-хитрощі

№ 142: Стилі модулів форумів - CSS-хитрощі

Уздовж правої сторони форумів є ряд модулів. "Модулі" візуально, "Модулі" буквально в коді, а "Модулі" в тому змісті, який вони "

# 141: Обмежити встановлення та налаштування Content Pro - CSS-хитрощі

# 141: Обмежити встановлення та налаштування Content Pro - CSS-хитрощі

У цьому скрінкасті ми трохи відпочиваємо від боротьби зі стилями Vanilla Forums і працюємо над налаштуванням Restrict Content Pro (RCP), нашого плагіна WordPress для