1001site каталогоос авсан загварууд
Загвар гэдэг нь сайн мэддэг платформ дээр суурилсан урьдчилан боловсруулсан вэбсайтын загвар юм: өнгө, фонт, товчлуур болон картын хэлбэр, хөдөлгөөнт дүрс. 1001site каталог нь 1000 хэв маягийг агуулдаг. Загвар сонгоод "Хэрэглэх" дээр дарахад таны вэбсайт тухайн хэв маягаар дизайнтай болно.
Энэ хэнд тохиромжтой вэ?
Дизайнергүйгээр үзэсгэлэнтэй вэбсайт хүсдэг хүн бүрт зориулав. Та хүссэнээрээ хэв маягийг өөрчилж болно.
Хаана хэв маягийг сонгох вэ#
- Таны бүртгэлд: Тохиргоо → Нүүр хуудас болон Цэс → "Сайтын хэв маяг" → "Загвар сонгох" (эсвэл "Өөрийг сонгох") эсвэл гарын авлагын 2-р алхамыг дагана уу.
- 1001site.com вэбсайтын лавлах хэсэгт: хэв маягийг нээгээд картын доод хэсэгт байрлах "Самбартаа хэрэглэх" дээр дарна уу. Хэрэв та аль хэдийн нэвтэрсэн бол хэв маягийг тэр даруй хэрэглэх болно.
- Каталогт бүртгүүлэхдээ "Авах" → "Бүгд багтсан" гэснийг сонгоно уу. Төлбөр төлсний дараа хэв маягийг санаж, хэрэглэнэ.
Алхамууд#
Алхам 1. Каталогийг нээх#
"Сайтын хэв маяг" хэсэгт "Хэв маяг сонгох" дээр дарна уу. Картуудтай цонх нээгдэнэ. Жишээ сайтын видеог үзэхийн тулд картын дээгүүр хулганы заагчийг аваачна уу.
Алхам 2. Загвар олох#
Хайлт нь брэндийн нэр, өнгө, фонт болон ангиллаар хайлт хийнэ. Жишээлбэл: "apple," "minimal," "dark," "shop."
Алхам 3. Хэрэглэх дээр дарна уу#
Хэдэн секундын дараа хэв маягийг ашиглана: өнгө, фонт, бөөрөнхийлөлт, сүүдэр, хөдөлгөөнт дүрс. Сонгосон хэв маягийн нэр болон урьдчилсан харагдац нь "Сайтын хэв маяг" блок дээр гарч ирнэ. "Үр дүнг харах" холбоос дээр дарж сайтыг нээнэ үү.
Хэв маягийг юу өөрчилдөг вэ#
| Юу | Хэрхэн |
|---|---|
| Өнгө | Дэвсгэр, карт, текст, өргөлт. Жишээн дээрх шиг анхдагч цайвар эсвэл бараан загвар. |
| Фонтууд | Жишээ фонттой төстэй фонтыг Google Fonts-оос сонгосон |
| Маягт | Товчлуур болон картуудыг бөөрөнхийлөх, хавтгай эсвэл сүүдэртэй картууд, нягтрал |
| Анимаци | Дөрвөн багцын нэг: тайван, зөөлөн, гэрэлтсэн, динамик |
| Гэр | Хэрэв "нүүр хуудасны дизайны" товчлуурыг идэвхжүүлсэн бол сайтын нэр болон загварын уриа бүхий баатрын блок дээд хэсэгт нэмэгдэх болно. |
Энэ хэв маяг нь таны текст, бүтээгдэхүүн, ангилал, хуудас эсвэл CSS-д нөлөөлөхгүй. Таны CSS засварууд хэв маягийн блокийн хажууд хадгалагдана.
Стиль болон хиймэл оюун ухааны туслах#
Хиймэл оюун ухааны туслах нь хэв маягийг сонгосны дараа нүүр хуудас болон хуудсуудыг тухайн хэв маягийн дизайны лавлагаа дээр үндэслэн угсардаг: найрлага, дүрслэл, хэвлэмэл болон текстийн өнгө. Энэ нь дизайнеруудын хувьд хэв маяг → дизайны систем → хуудаснуудтай ижил зарчим юм.
Загварыг өөрчлөх эсвэл устгах#
- Өөрчлөлт: "Бусадыг сонгох" → шинээр сонгох → "Хэрэглэх." Өмнөх загварын блокийг нэмэхгүй, харин сольсон.
- Устгах: загварын урьдчилсан харагдац дээрх хогийн савны дүрс. Энэ нь загварын CSS болон нэрийг устгана. Өнгө болон фонтууд хэвээрээ үлдэнэ - та тэдгээрийг Branding хэсэгт тохируулах эсвэл туслахаас "дизайныг дахин тохируулах"-ыг хүсэж болно.
Загварын файлууд#
Каталог дахь хэв маяг бүр нь хиймэл оюун ухааны хэрэгслүүдээр ойлгогддог файлуудтай байдаг:
- DESIGN.md (бүрэн бөгөөд авсаархан) — хэв маягийн тайлбар: дүр, фонт, хэмжээ, догол мөр, хийх/хийхгүй байх дүрмүүд бүхий өнгөнүүд.
- Tailwind v4 нь Tailwind-д зориулсан сэдэв юм.
- CSS хувьсагчууд - CSS хувьсагчууд.
- Дизайн Токенууд — Токентой JSON.
Файлуудыг загварын каталогийн хуудаснаас хуулж эсвэл татаж авч болно. Тэдгээрийг Клод, ЧатGPT, Курсор эсвэл манай туслахад өгөхөд хялбар: "Үүнийг энэ загвараар хий." Загварын каталогийг үзнэ үү.
Тарифууд#
Төлбөртэй төлөвлөгөөтэйгөөр вэбсайтдаа хэв маягийг ашиглах боломжтой. Төлөвлөгөөгүй бол хэв маягийг санаж, төлбөр хийсний дараа автоматаар хэрэглэнэ.
Асуулт ба хариулт#
Загварыг ашигласан боловч сайт нь жишээ шиг харагдахгүй байна. Яагаад?#
Энэ хэв маяг нь өнгө, фонт, хэлбэр, хөдөлгөөнт дүрсийг хамардаг. Хуудасны бүтэц болон зургууд таных. Нүүр хуудсыг жишээ шиг харагдуулахын тулд хиймэл оюун ухааны туслахаас "Нүүр хуудсыг сайтын хэв маягаар зохион бүтээ: баатар, давуу талууд, галерей, холбоо барих хүмүүс" гэж асууна уу.
Би нэг хэв маягийг олон сайтад хэрэглэж болох уу?#
Тийм ээ, хэв маягийг одоогийн сайтад хэрэглэсэн. Хянах самбартаа сайтуудыг сольж, хэв маягийг дахин хэрэглэнэ үү.
Би өнгийг гараар сольж, дараа нь хэв маягийг хэрэглэсэн. Аль нь хожих вэ?#
Загвар. Загварын өнгөнүүд нь гарын авлагын өнгөнүүдээс илүү давуу талтай. "Код ба виджетүүд" хэсгээс захиалгат CSS хэвээр байна.
Та жишээнүүдийг хаанаас авдаг вэ?#
Алдартай вэбсайтын хэв маягийн нээлттэй каталогоос. Видео болон зурагт хуудсуудыг манай сервер дээр хадгалдаг.