Организация файлов проекта сайта: структура Яндекс Диска и связка с WordPress
Организация файлов — это фундамент любого веб‑проекта. Когда структура каталогов продумана заранее, команда быстрее находит нужные файлы, не теряет версии макетов, не дублирует контент и без стресса передаёт проект заказчику. А если структура отсутствует или собрана «на коленке», даже простая задача превращается в квест: «где лежит актуальный макет?», «какая версия файла правильная?», «куда заказчик прислал исходники?».
В этой статье мы разберём единую структуру каталогов для веб‑проекта, которая закрывает основные потребности разработчика и команды: хранение контента, макетов, кода, бэкапов, документов и доступов. Особое внимание уделим связке с инструментами, привычными для WordPress‑разработчика: Яндекс.Диск, плагин UpdraftPlus для бэкапов, FileBird для структурирования медиабиблиотеки, Git для версионирования кода.
Структура построена так, чтобы её можно было сразу внедрить в работу, адаптировать под разные типы проектов и масштабировать по мере роста команды. В конце статьи — готовый шаблон с чек‑листом, это поможет внедрить структуру без лишних сложностей.
Цели и польза единой структуры каталогов
Какие проблемы решает структура
- Путаница в версиях. Вместо пяти файлов с названиями вроде
final_v2_new.psd— чёткое разделение: входящие в_inbox, актуальные макеты вdesign, старые версии вarchive. Плюс простое правило нейминга — и сразу понятно, какой файл брать в работу. - Риск потерять сайт. UpdraftPlus по расписанию делает бэкапы, а папка
backupsхранит их в одном месте — если что-то сломается, восстановишь быстро. - Стресс при передаче проекта. Никаких бесконечных переписок «а где исходники?».
- Делегирование без бардака. Чёткие правила и Git позволяют подключить помощника и не тратить время на разбор его правок.
Почему это даёт скорость и предсказуемость
- Файлы находятся за 10–30 секунд. Ты точно знаешь, где лежат макеты, ТЗ и исходники — не тратишь часы на поиски.
- Старт нового проекта — дело пары минут. Шаблон папок копируешь и сразу работаешь по проверенной схеме — не нужно каждый раз придумывать систему хранения.
В итоге ты не борешься с бардаком, а сразу делаешь то, за что тебе платят. А все технические детали и правила разберём дальше по статье.
Общая структура проекта: 1‑й уровень каталогов
Чтобы не держать всё в голове, сразу фиксируем базовый шаблон — его ты копируешь на каждый новый проект и экономишь кучу времени. Ниже — папки первого уровня, которые закрывают 90 % рабочих задач, плюс коротко про назначение каждой.
project-superkapusta/
_inbox/ # буфер: сюда падает всё, что прислали
archive/ # старые версии макетов и файлов
backups/ # бэкапы от UpdraftPlus
content/ # контентные активы (картинки, выгрузки, ресурсы темы)
design/ # актуальные исходники макетов (PSD, Figma‑экспорт)
docs/ # ТЗ, брифы, договоры, протоколы, инструкции
superkapusta.ru/ # папка сайта (код, конфиги, Git)Яндекс.Диск как единое хранилище
Яндекс Диск здесь — не «облако для бэкапов», а рабочий слой, через который проходит весь проект. Вот как это выглядит на практике, включая фишки, которые реально экономят время разработчика.
Доступ под роли. Создаёшь корневую папку проекта и расшариваешь её разным людям с разными правами. Заказчику — чтение design и docs для просмотра и _inbox для редактирования, чтобы мог смотреть макеты и документы и добавлять изображения товаров, логотипы, текстовки с описанием, то, что понадобится дизайнеру или администратору контента. Дизайнеру — полный доступ к design и content/source, но без доступа к site и backups. Разработчику — всё. Это настраивается один раз, и дальше не нужно думать «а вдруг клиент зайдёт и удалит Git‑репозиторий».
Версии файлов без Git. Для макетов и документов у Яндекс Диска есть история изменений: если дизайнер перезаписал PSD или кто‑то удалил кусок ТЗ — откатываешься в пару кликов. Git тут не помощник (он для кода), а встроенная версия Яндекс Диска закрывает макеты, ТЗ и договоры.
Передача проекта без архивов. Вместо «скину ZIP» ты даёшь доступ к конкретным папкам и отправляешь ссылку на README.md в корне. Заказчик открывает, видит структуру, читает инструкцию — и не задаёт вопросов «а где что лежит».
Скриншоты прямо в Диск. Если ты фиксируешь правки или собираешь референсы, используй встроенный инструмент скриншотов Яндекс Диска: он сразу сохраняет картинку в выбранную папку (например, в design/references). Не нужно сохранять на рабочий стол, потом искать и вручную кидать в облако. Для разработчика это экономит 5–10 минут в день на рутине.
Неограниченное хранение данных с телефона. Если загружаешь фото и скриншоты через мобильное приложение Яндекс Диска, они попадают в безлимитную галерею — не тратят место основного тарифа. Это важно, когда собираешь референсы на ходу: телефон не забивается, а все снимки сразу доступны на ноутбуке и в проекте.
Связка с Яндекс Почтой и Яндекс Документами. В почте вложения из писем можно сохранять прямо в нужную папку проекта на Диске — не нужно сначала скачивать, потом переносить. А Яндекс Документы (аналог Google Docs) удобно держать рядом: ТЗ, брифы и протоколы встреч лежат как отдельные файлы в docs, а правки идут в истории версий. Получается единая связка: почта → вложения → папка проекта → документ → версия.
Сколько это стоит. Для одного проекта хватит бесплатного тарифа (10–15 ГБ), но если ведёшь 3–5 проектов параллельно, берёшь 100 ГБ за небольшую подписку. Это дешевле, чем терять время на поиск файлов или восстанавливать потерянные данные.
Подробнее про настройку Яндекс Диска под разработку — выбор тарифа, тонкая настройка прав, подключение WebDAV и интеграция с WordPress — разберём в отдельной статье. Здесь же зафиксируем главное: Яндекс Диск — это каркас, на который навешиваются все процессы: автоматизация, доступы, версионирование и передача проекта.
Каталог «_inbox»
Это буферная зона, куда падает всё, что прислали по проекту: макеты, правки, ТЗ, скриншоты, исходники. Никакой ручной сортировки в момент получения — файлы просто складываются сюда и ждут обработки.
Как устроены папки внутри _inbox. По каждой дате приёма создаётся отдельная папка с указанием источника:
_inbox/
Иванов/2026-08-11
whatsapp/2026-08-22
AI/2026-08-29Так сразу видно, когда пришёл файл и откуда: из почты, из мессенджера, из облака заказчика. Это помогает отследить «потерянные» файлы и доказать, что ты получил правки вовремя.
Файлы не переименовываются. Как заказчик назвал — так и лежит. Если пришёл Сайт_главная_ФИНАЛ_2.psd, он остаётся с этим именем. Переименовываешь только при перемещении в рабочую папку (например, в design) по правилам нейминга. В _inbox важно сохранить оригинал — на случай, если нужно будет сверить, что именно прислал заказчик.
Формат не меняется. Ничего не конвертируется, не сжимается, не переэкспортируется. PSD остаётся PSD, MOV остаётся MOV. Любые преобразования идут уже на следующем этапе, когда файл уезжает из _inbox в рабочую папку.
Срок жизни. В _inbox ничего не хранится после обработки. Файлы либо уходят в рабочие папки (design, content/source, docs), либо — если оказались не нужны — в archive. Папка не должна превращаться в свалку: если она разрастается, значит, сортировка буксует.
Ручная сортировка занимает 5–10 минут в день, но на уровне 3–5 проектов это уже полчаса ежедневной рутины. Поэтому в одной из следующих статей я расскажу как можно автоматизировать этот процесс.
Каталог «archive»
Здесь живут старые версии файлов: layout_v1.psd, layout_v2.psd и т. п. В рабочей папке design остаётся только актуальный макет, а история версий уходит в archive. Это спасает от путаницы и экономит место в активной зоне.
Каталог «backups»
Папка под бэкапы проекта. Сюда плагин UpdraftPlus складывает архивы по расписанию. Держать бэкапы в одном месте критично: если сайт упадёт, ты точно знаешь, где свежие архивы, и восстанавливаешь всё за 15 минут.
Совет: настрой в UpdraftPlus хранение последних 2 бэкапов БД и 1 полный бэкап. Старые будут автоматически удаляться — так папка не разрастается.
Каталог «docs»
Все юридически значимые артефакты: ТЗ, брифы, договоры, протоколы встреч, инструкции, чек‑листы. Сюда же кидаем PDF‑версии макетов для согласования (если заказчик просит). Так переписки и документы не теряются в почте, а лежат в понятном месте.
Каталог «design»
Только актуальные исходники макетов: PSD, Figma (экспорт), Sketch. Старые версии сразу уходят в archive, чтобы не плодить дубли. Для WordPress‑разработки это важно: верстальщик или разработчик всегда берёт из design именно тот макет, который утверждён.
Каталог «content»
Это ядро контентных активов проекта: здесь хранятся готовые материалы к публикации (изображения, видео, документы, вложения, миниатюры записей, тексты статей, промпты для ИИ), а структура отражает сущности WordPress.
content/
source/ # ресурсы темы: лого, иконки, шрифты, фоны
fonts/
images/
exports/ # готовые выгрузки для импорта
acf/ # JSON/CSV с полями ACF
woo/ # выгрузки WooCommerce
xml/ # стандартный экспорт WordPress
avatars/
categories/
categories_thumbnails/
categories_backgrounds/
pages/
posts/
custom_posts/Структура папки content повторяет типы записей WordPress: отдельные подпапки под посты, страницы, кастомные типы (например, posts/, pages/, custom_post_type/). Это даёт чёткую привязку файлов к конкретным сущностям — сразу понятно, какой контент к чему относится.
Плагин FileBird отражает это дерево папок прямо в медиабиблиотеке WordPress. В админке ты видишь ту же структуру, что и на диске, — и загружаешь файлы сразу в нужную ветку (например, картинку для поста — в posts/). Так порядок из файловой системы переносится в админку, а поиск и работа с контентом становятся предсказуемыми.
Подкаталог «source»
Здесь лежат ресурсы, которые используются в теме WordPress:
- изображения (фото, логотипы, иконки, декоративные изображения);
- шрифты;
- фоновые видео, бэкграунды
Подкаталог «exports»
Сюда складываются готовые выгрузки контента — то, что можно сразу использовать или импортировать:
- стандартный экспорт WordPress (XML) — для переноса постов, страниц, терминов таксономии и вложений;
- экспорт полей ACF (JSON/CSV) — удобно для переноса кастомных блоков и репитеров между средами;
- выгрузки из WooCommerce (товары, атрибуты, категории) — для быстрого развёртывания магазина на тестовом стенде;
- файлы из WP All Import и аналогичных инструментов — чтобы не терять готовые маппинги и шаблоны импорта.
Каталог сайта
Здесь лежит всё, что относится к самому WordPress‑проекту: код темы, кастомные плагины, конфиги. Назови папку доменным именем, у меня: «superkapusta.ru» . Сюда же инициализируем Git: он фиксирует изменения в коде, и ты видишь, кто и когда что менял.
superkapusta.ru/
theme-superkapusta/ # код темы
plugins/ # кастомные плагины
config/ # настройки (wp-config, .htaccess, экспорт опций)
.git/ # история коммитов (не синхронизировать с облаком)
.vscode/ # конфиги редактора (не синхронизировать)
.gitignore # исключения для Git
README.md # инструкция для разработчика.git/исключаем из синхронизации Диска — иначе конфликты индексов при работе с двух машин.- Репозиторий пушим на GitHub — там живёт удалённая история.
- Локально работаешь через десктоп‑клиент Диска: код синхронизируется как обычные файлы, а
.git/остаётся только на машине. - Для
.git/и.vscode/в настройках Яндекс Диска (десктоп‑клиент → Исключаемые папки) добавляешь эти директории — чтобы они не ушли в облако.
Такая структура первого уровня — это фундамент. Дальше ты добавляешь автоматизацию, политики доступов и документацию, но база уже готова.
Правила организации файлов
Без правил именования и хранения даже идеальная структура быстро превратится в хаос: файлы начнут плодиться с непонятными названиями, версии перепутаются, а новому человеку понадобится полдня, чтобы разобраться, что вообще лежит в проекте.
Правила нейминга файлов и папок
Единый стиль названий — это способ находить файлы за секунды и не открывать каждый, чтобы понять, что внутри.
Базовые принципы:
- Только латиница и нижний регистр. Никаких пробелов, кириллицы и заглавных:
category_thumbnail-lifestyle.webp— да,миниатюра Категории Лайфстайл.JPG— нет. Кириллица ломает пути в WordPress и вызывает баги при импорте. - Слова через дефис, не через подчёркивание.
hero-banner.psd— да,hero_banner.psd— нет. Дефис — стандарт для URL и путей в WordPress, подчёркивание оставим для переменных в коде. - Префикс по типу сущности. Перед названием файла ставим префикс, указывающий, к чему он относится:
category_thumbnail-*,post_cover-*,page_hero-*. Так файлы одного типа группируются в списке по алфавиту и сразу читаются. - Дата в формате ISO. Если нужна дата — только
YYYY-MM-DD:2026-08-29_layout_v2.psd. Это даёт естественную сортировку по хронологии, в отличие от29.08.2026или29-08-2026. - Версия — суффиксом.
layout_v1.psd,layout_v2.psd,layout_final.psd. Неlayout_new.psdи неlayout_final_final_2.psd. Словоfinalиспользуем один раз — когда версия реально утверждена.
Папки — по сущностям WordPress. Названия папок повторяют типы записей: posts/, pages/, custom_posts/, categories/, avatars/. Если внутри нужна подпапка — добавляем префикс: categories_thumbnails/, categories_backgrounds/. Так дерево читается как структура сайта, а не как «папка 1, папка 2».
Примеры правильных названий:
content/
categories/
categories_thumbnails/category_thumbnail-coding.webp
posts/
posts_covers/post_cover-wordpress-setup.webp
pages/
pages_images/page_image-contacts.webp
source/logo.svg
design/2026-08-25_homepage_v2.psdЧто нельзя:
design/
Макет главной (финал) (2).psd // кириллица, пробелы, скобки
IMG_3847.jpg // нечитаемое название
final_v2_NEW_FINAL.psd // нет версионной логики
Category thumbnail coding.WEBP // заглавные и расширение в верхнем регистреСтандарты хранения макетов и исходников
Макеты и исходники — самая «болезненная» зона: именно тут чаще всего теряются версии, путаются правки и возникает вопрос «а какой файл брать в работу». Правила ниже закрывают это.
Актуальный макет — всегда один. В design лежит только утверждённая версия. Если появилась новая — старая немедленно уезжает в archive с датой и версией в имени. Если в design лежат два .psd с похожими названиями — система уже сломалась.
Имя макета = дата + версия. 2026-08-25_homepage_v2.psd — сразу видно, когда создан, какая версия и что внутри. Когда нужно показать заказчику «вариант до правок» — берёшь из archive предыдущую версию по дате.
Исходники дизайна — отдельно от контента. PSD, Figma, Sketch лежат в design. Картинки, шрифты и иконки для темы — в content/source. Не смешивай: design — это рабочие макеты, content/source — это ресурсы, которые реально используются на сайте.
Экспорт из макетов — в content. Когда режешь макет и готовишь картинки для сайта, они идут в content/source/images/ (или в соответствующую подпапку по типу записи). Не оставляй нарезку в design — там только исходники.
Правки от заказчика — через _inbox. Если заказчик прислал правки в виде нового файла — он падает в _inbox, ты работаешь с ним, создаёшь новую версию макета в design, старую переносишь в archive. Оригинал правок из _inbox не переименовываешь и не удаляешь, пока не закроешь задачу.
Figma — экспорт локально. Если работаешь в Figma, экспортируй макеты в PNG/PDF для согласования и кидай в design. Сам файл Figma можно хранить ссылкой в README.md или в docs/links.md — не обязательно дублировать бинарник, если команда работает в облаке Figma.
Шрифты — в content/source/fonts/. Держи только те, что реально используются в теме: .woff2 для веба и оригиналы (.ttf, .otf) — на случай, если понадобится конвертация. Лицензии лучше положить рядом в docs/licenses/.
Безопасность и доступы
Структура папок и правила нейминга — это порядок. Но без политики доступов порядок превращается в риск: заказчик случайно удалит Git‑репозиторий, стажёр перезапишет макет, а доступы к хостингу уйдут в переписку в Telegram.
Главное правило: доступ по принципу минимально необходимого. Каждый участник видит только то, без чего не может работать.
Как это выглядит на практике в Яндекс Диске:
- Заказчик: чтение
designиdocs, запись в_inbox. Он может смотреть макеты, читать ТЗ и кидать туда файлы (логотипы, фото товаров, тексты), но не трогает код, бэкапы и архив. - Дизайнер: полный доступ к
designиcontent/source(чтобы брать шрифты и иконки), но без доступа кsite,backups,archive. - Разработчик: полный доступ ко всему.
Важно: расшаривай не всю корневую папку проекта, а отдельные подпапки с нужными правами. Это сразу закрывает риск, что кто‑то случайно удалит Git или затрёт бэкап.
Интеграция с WordPress
Как структура папок отражается в медиабиблиотеке
Стандартная медиабиблиотека WordPress — плоский список всех файлов по дате загрузки. Когда файлов больше ста, ориентироваться невозможно: обложка поста, иконка категории и фоновое видео лежат вперемешку.
Решение — повторить структуру из content/ прямо в админке. Если на диске файл лежит в content/categories/categories_thumbnails/, то и в медиабиблиотеке он должен быть в папке categories/thumbnails. Так порядок из файловой системы зеркально переносится в WordPress.
Плагин FileBird: отражение структуры папок в админке WordPress
Плагин FileBird превращает плоскую медиабиблиотеку в дерево папок. Ты создаёшь папки и подпапки прямо в админке, перетаскиваешь файлы мышкой — всё как в проводнике.
Как настроить под нашу структуру:
- После установки плагина в меню админки Медиафайлы создаёшь корневые папки по сущностям WordPress:
posts,pages,categories,avatars,custom_posts. - Внутри каждой — подпапки по назначению:
categories_thumbnails,categories_backgrounds,posts_covers. - При загрузке файла сразу кладёшь в нужную папку — не в общую кучу.
- Служебные папки
sourceиexportsв медиабиблиотеку не переносим — они для разработчика, а не для контента.
categories/
categories_thumbnails/
categories_backgrounds/
posts/
pages/
custom_posts/
avatars/Плюс к Free‑версии: FileBird хранит структуру в собственной таблице базы данных, не трогая wp_posts. Если удалишь плагин — файлы останутся на месте, просто дерево пропадёт.
Практические сценарии и частые ошибки
Чек‑лист по внедрению проекта
Создаёшь новую папку проекта и проходишь по пунктам:
- Корневая папка —
project-[домен]/на Яндекс Диске. - Папки 1‑го уровня —
_inbox,archive,backups,content,design,docs,[домен]/. _inbox— подпапки по источникам (email/,whatsapp/,Иванов/), внутри — по дате ISO.content— подпапки по сущностям WordPress (posts/,pages/,categories/,custom_posts/), плюсsource/иexports/.- Каталог сайта — папка
[домен]/сtheme/,plugins/,config/. Git инициализирован,.git/исключён из синхронизации Диска. - FileBird — структура папок из
content/создана в медиабиблиотеке. - UpdraftPlus — расписание настроено (БД ежедневно, файлы раз в неделю), хранение — 2/1 копии, удалённое хранилище подключено к
backups/. - Доступы — расшарены папки под роли: заказчик (
_inboxзапись,design/docsчтение), дизайнер (design/content/sourceполный), разработчик (всё)..
Пример настроенного проекта
Проект: блог «superkapusta.ru» на WordPress с кастомным типом записей «case»:
project-superkapusta/
_inbox/
Иванов/2026-08-11/
whatsapp/2026-08-22/
archive/
homepage_v1.psd
homepage_v2.psd
backups/
content/
source/
fonts/montserrat-regular.woff2
images/logo.svg
exports/
acf/acf-export-2026-08-25.json
xml/wordpress-export-2026-08-20.xml
categories/
categories_thumbnails/
category_thumbnail-coding.webp
category_thumbnail-lifestyle.webp
categories_backgrounds/
category_background-code.webp
posts/
post_cover-wordpress-setup.webp
pages/
page_hero-contacts.webp
custom_posts/
case_cover-redesign.webp
design/
2026-08-25_homepage_v2.psd
docs/
tz-main-page.doc
superkapusta.ru/
theme-superkapusta/
plugins/
config/
.git/
.gitignoreЗаключение
Единая структура каталогов — это не «бюрократия ради галочки», а рабочий инструмент, который экономит часы на поиске файлов и страхует от потери версий. Для WordPress‑разработчика она становится каркасом, на который ложатся привычные процессы: управление медиабиблиотекой, создание резервных копий, автоматизация рутины и обновление темы.
Если внедрить структуру системно, эффект будет заметен сразу:
- Меньше хаоса. Любой член команды за 10–30 секунд находит нужный макет, исходник или бэкап, потому что знает, где это лежит по умолчанию.
- Масштабируемость. Структура одинаково хорошо работает и на одиночном проекте, и в команде из 3–5 человек: роли и зоны ответственности уже прописаны, регламенты обработки файлов и бэкапов — настроены.
- Безопасность и контроль. Политика доступов снижает риски утечки данных снижают риски утечки данных, а архивация и расписание бэкапов страхуют от потери результатов работы.
Самое важное — не пытаться внедрить всё идеально с первого дня. Начни с малого: создай папки 1‑го уровня на Яндекс.Диске, пропиши базовые правила нейминга и настрой UpdraftPlus на еженедельный бэкап базы данных. Дальше добавляй детали: FileBird в админке, Git в папке сайта.
В статье мы разобрали не просто «как назвать папки», а целостную систему: от хранения файлов до взаимодействия с командой и заказчиком. Шаблон проекта и чек‑лист по внедрению — готовые артефакты, которые можно скопировать и использовать уже сегодня. Так ты заложишь фундамент, который потом останется только развивать.
коментарии