1001site կատալոգի ոճերը
Ոճը նախապես մշակված կայքի ձևանմուշ է, որը հիմնված է հայտնի հարթակի վրա՝ գույներ, տառատեսակներ, կոճակների և քարտերի ձևեր և անիմացիաներ: 1001site կատալոգը պարունակում է 1000 ոճ: Ընտրեք ձևանմուշ, սեղմեք «Կիրառել», և ձեր կայքը կնախագծվի այդ ոճով:
Ու՞մ համար է սա հարմար։
Նրանց համար, ովքեր ցանկանում են գեղեցիկ կայք՝ առանց դիզայների։ Կարող եք փոխել ոճը այնքան անգամ, որքան ցանկանում եք։
Որտեղ ընտրել ոճը#
- Ձեր հաշվի մեջ՝ Կարգավորումներ → Գլխավոր էջ և Ցանկ → «Կայքի ոճ» → «Ընտրել ոճ» (կամ «Ընտրել մեկ այլ»): Կամ հետևեք ուղեցույցի 2-րդ քայլին։
- 1001site.com կայքում բացեք ոճը և սեղմեք քարտի ներքևի մասում գտնվող «Կիրառել ձեր տախտակին» կոճակը: Եթե արդեն մուտք եք գործել, ոճը կկիրառվի անմիջապես:
- Կատալոգում, գրանցվելուց հետո, ընտրեք «Ստանալ» → «Ամեն ինչ ներառյալ»: Ոճը կհիշվի և կկիրառվի վճարումից հետո:
Քայլեր#
Քայլ 1. Բացեք կատալոգը#
«Կայքի ոճ» բաժնում սեղմեք «Ընտրել ոճը»։ Կբացվի քարտերով պատուհան։ Պահեք մկնիկը քարտի վրա՝ նմուշ կայքի տեսանյութը տեսնելու համար։
Քայլ 2. Գտեք ոճ#
Որոնումը որոնում է ըստ ապրանքանիշի, գույնի, տառատեսակի և կատեգորիայի: Օրինակ՝ «apple», «minimal», «dark», «shop»:
Քայլ 3. Սեղմեք «Կիրառել»#
Մի քանի վայրկյանից կկիրառվի ոճը՝ գույներ, տառատեսակներ, կլորացում, ստվերներ և անիմացիաներ: Ընտրված ոճի անվանումը և նախադիտումը կհայտնվեն «Կայքի ոճ» բլոկում: Բացեք կայքը՝ սեղմելով «Տեսնել արդյունքը» հղման վրա:
Ինչն է փոխում ոճը#
| Ի՞նչ | Ինչպես |
|---|---|
| Գույներ | Ետնապատկեր, քարտեր, տեքստ, շեշտադրում: Լռելյայն բաց կամ մուգ թեմա՝ ինչպես օրինակում: |
| Տառատեսակներ | Google Fonts-ից ընտրվել է օրինակելի տառատեսակին նման տառատեսակ |
| Ձև | Կոճակների և քարտերի կլորացում, հարթ քարտեր կամ ստվերով, խտություն |
| Անիմացիաներ | Չորս հավաքածուներից մեկը՝ հանգիստ, մեղմ, փայլուն, դինամիկ |
| Տուն | Եթե «գլխավոր էջի դիզայն» անջատիչը միացված է, վերևում կավելացվի հերոսի բլոկ՝ կայքի անվամբ և ոճի կարգախոսով։ |
Ոճը չի ազդում ձեր տեքստի, ապրանքների, կատեգորիաների, էջերի կամ ձեր CSS-ի վրա: Ձեր CSS խմբագրումները պահվում են ոճի բլոկի կողքին:
Ոճի և արհեստական բանականության օգնական#
Ոճը ընտրելուց հետո, արհեստական բանականության օգնականը հավաքում է գլխավոր էջը և էջերը՝ հիմնվելով այդ ոճի դիզայնի հղումների վրա՝ կոմպոզիցիա, պատկերներ, տպագրություն և տեքստի երանգ։ Սա նույն սկզբունքն է, ինչ դիզայներների համար՝ ոճ → դիզայնի համակարգ → էջեր։
Փոխել կամ հեռացնել ոճը#
- Փոփոխություն ՝ «Ընտրել այլ» → ընտրել նոր → «Կիրառել»։ Նախորդ ոճի բլոկը փոխարինվում է, այլ ոչ թե ավելացվում։
- Հեռացնել ՝ ոճի նախադիտման մեջ աղբարկղի պատկերակը։ Սա հեռացնում է ոճի CSS-ը և անունը։ Գույներն ու տառատեսակները մնում են այնպես, ինչպես կան. դուք կարող եք դրանք կարգավորել «Բրենդինգ» բաժնում կամ խնդրել օգնականին «վերագործարկել դիզայնը»։
Ոճի ֆայլեր#
Կատալոգի յուրաքանչյուր ոճ ունի ֆայլեր, որոնք հասկացվում են արհեստական բանականության գործիքների կողմից.
- DESIGN.md (ամբողջական և կոմպակտ) — ոճի նկարագրություն՝ գույներ՝ դերերով, տառատեսակներով, չափսերով, ներդիրներով, «անել/չանել» կանոններով։
- Tailwind v4-ը Tailwind-ի թեմա է։
- CSS փոփոխականներ - CSS փոփոխականներ։
- Դիզայնի տոկեններ — JSON տոկեններով։
Ֆայլերը կարելի է պատճենել կամ ներբեռնել ոճի կատալոգի էջից: Դրանք հեշտ է տալ Կլոդին, ChatGPT-ին, Cursor-ին կամ մեր օգնականին. «Պատրաստեք այն այս ոճով»: Տեսեք Ոճերի կատալոգը:
Սակագներ#
Վճարովի պլաններով հնարավոր է ոճ կիրառել ձեր կայքում: Առանց պլանի, ոճը հիշվում և կիրառվում է ավտոմատ կերպով վճարումից հետո:
Հարցեր և պատասխաններ#
Ոճը կիրառվել է, բայց կայքը նման չէ օրինակին։ Ինչո՞ւ։#
Ոճը կրում է գույներ, տառատեսակներ, ձևեր և անիմացիաներ: Էջի կառուցվածքը և լուսանկարները ձերն են: Որպեսզի գլխավոր էջը նման լինի օրինակին, հարցրեք արհեստական բանականության օգնականին. «Գլխավոր էջը ձևավորեք կայքի ոճով՝ հերոս, առավելություններ, պատկերասրահ, կոնտակտներ»:
Կարո՞ղ եմ ոճը կիրառել մի քանի կայքերի վրա։#
Այո, ոճը կիրառվել է ընթացիկ կայքում: Փոխեք կայքերը ձեր վահանակում և կրկին կիրառեք ոճը:
Ես ձեռքով փոխեցի գույնը, ապա կիրառեցի ոճը։ Ո՞րն է հաղթում։#
Ոճ։ Ոճի գույները կգերակշռեն ձեռքով ընտրվածներին։ «Կոդ և վիջեթներ» բաժնի CSS կոդը կմնա։
Որտեղի՞ց են գալիս օրինակները։#
Հայտնի կայքերի ոճերի բաց կատալոգից։ Տեսանյութերն ու պաստառները պահվում են մեր սերվերում։