୧୦୦୧ସାଇଟ୍ କ୍ୟାଟାଲଗ୍ରୁ ଷ୍ଟାଇଲ୍ଗୁଡ଼ିକ
ଏକ ଶୈଳୀ ହେଉଛି ଏକ ଜଣାଶୁଣା ପ୍ଲାଟଫର୍ମ ଉପରେ ଆଧାରିତ ଏକ ପୂର୍ବ-ଡିଜାଇନ୍ କରାଯାଇଥିବା ୱେବସାଇଟ୍ ଟେମ୍ପଲେଟ୍: ରଙ୍ଗ, ଫଣ୍ଟ, ବଟନ୍ ଏବଂ କାର୍ଡ ଆକୃତି, ଏବଂ ଆନିମେସନ୍। 1001site କ୍ୟାଟାଲଗରେ 1,000ଟି ଶୈଳୀ ଅଛି। ଏକ ଟେମ୍ପଲେଟ୍ ଚୟନ କରନ୍ତୁ, "ପ୍ରୟୋଗ କରନ୍ତୁ" ଉପରେ କ୍ଲିକ୍ କରନ୍ତୁ ଏବଂ ଆପଣଙ୍କ ୱେବସାଇଟ୍ ସେହି ଶୈଳୀରେ ଡିଜାଇନ୍ ହେବ।
ଏହା କାହା ପାଇଁ ଉପଯୁକ୍ତ?
ଯେଉଁମାନେ ଡିଜାଇନର୍ ବିନା ଏକ ସୁନ୍ଦର ୱେବସାଇଟ୍ ଚାହାଁନ୍ତି ସେମାନଙ୍କ ପାଇଁ। ଆପଣ ଯେତେଥର ଇଚ୍ଛା ଶୈଳୀ ପରିବର୍ତ୍ତନ କରିପାରିବେ।
କେଉଁଠାରେ ଏକ ଶୈଳୀ ବାଛିବେ#
- ଆପଣଙ୍କ ଆକାଉଣ୍ଟରେ: ସେଟିଂସ୍ → ହୋମ୍ ଏବଂ ମେନୁ → "ସାଇଟ୍ ଷ୍ଟାଇଲ୍" → "ଷ୍ଟାଇଲ୍ ଚୟନ କରନ୍ତୁ" (କିମ୍ବା "ଅନ୍ୟ ଏକ ଚୟନ କରନ୍ତୁ")। କିମ୍ବା ଗାଇଡର ଦ୍ୱିତୀୟ ପଦକ୍ଷେପ ଅନୁସରଣ କରନ୍ତୁ।
- ଡାଇରେକ୍ଟୋରୀ ୱେବସାଇଟ୍ 1001site.com ରେ: ଶୈଳୀ ଖୋଲନ୍ତୁ ଏବଂ କାର୍ଡର ତଳେ "ଆପଣଙ୍କ ବୋର୍ଡରେ ପ୍ରୟୋଗ କରନ୍ତୁ" ଉପରେ କ୍ଲିକ୍ କରନ୍ତୁ। ଯଦି ଆପଣ ପୂର୍ବରୁ ଲଗ୍ ଇନ୍ କରିଛନ୍ତି, ତେବେ ଶୈଳୀଟି ତୁରନ୍ତ ପ୍ରୟୋଗ ହେବ।
- ପଞ୍ଜିକରଣ ସମୟରେ, କ୍ୟାଟାଲଗରେ, "ଏହା ପାଆନ୍ତୁ" → "ସମସ୍ତ ଅନ୍ତର୍ଭୁକ୍ତ" ଚୟନ କରନ୍ତୁ। ପେମେଣ୍ଟ ପରେ ଶୈଳୀଟି ମନେରଖାଯିବ ଏବଂ ପ୍ରୟୋଗ କରାଯିବ।
ଷ୍ଟେପ୍#
ପାଦେ 1. କ୍ୟାଟାଲଗ୍ ଖୋଲନ୍ତୁ#
"ସାଇଟ୍ ଷ୍ଟାଇଲ୍" ବିଭାଗରେ, "ଷ୍ଟାଇଲ୍ ଚୟନ କରନ୍ତୁ" କ୍ଲିକ୍ କରନ୍ତୁ। କାର୍ଡଗୁଡ଼ିକ ସହିତ ଏକ ୱିଣ୍ଡୋ ଖୋଲିବ। ନମୁନା ସାଇଟର ଭିଡିଓ ଦେଖିବା ପାଇଁ ଏକ କାର୍ଡ ଉପରେ କର୍ସର କରନ୍ତୁ।
ପାଦେ 2. ଏକ ଷ୍ଟାଇଲ୍ ଖୋଜନ୍ତୁ#
ସନ୍ଧାନ ବ୍ରାଣ୍ଡ ନାମ, ରଙ୍ଗ, ଫଣ୍ଟ ଏବଂ ବର୍ଗ ଅନୁସାରେ ସନ୍ଧାନ କରେ। ଉଦାହରଣ ସ୍ୱରୂପ: "apple," "minimal," "dark," "skop."
ପାଦେ 3. ପ୍ରୟୋଗ କରନ୍ତୁ ଉପରେ କ୍ଲିକ୍ କରନ୍ତୁ#
କିଛି ସେକେଣ୍ଡ ମଧ୍ୟରେ, ଶୈଳୀଟି ପ୍ରୟୋଗ ହେବ: ରଙ୍ଗ, ଫଣ୍ଟ, ଗୋଲିଙ୍ଗ, ଛାୟା ଏବଂ ଆନିମେସନ୍। ଚୟନିତ ଶୈଳୀର ନାମ ଏବଂ ପୂର୍ବାବଲୋକନ "ସାଇଟ୍ ଷ୍ଟାଇଲ୍" ବ୍ଲକରେ ଦେଖାଯିବ। "ପରିଣାମ ଦେଖନ୍ତୁ" ଲିଙ୍କ୍ କ୍ଲିକ୍ କରି ସାଇଟ୍ ଖୋଲନ୍ତୁ।
କଣ ଶୈଳୀ ପରିବର୍ତ୍ତନ କରେ#
| କ’ଣ | କିପରି |
|---|---|
| ରଙ୍ଗଗୁଡିକ | ପୃଷ୍ଠଭୂମି, କାର୍ଡ, ପାଠ୍ୟ, ଉଚ୍ଚାରଣ। ଡିଫଲ୍ଟ ହାଲୁକା କିମ୍ବା ଗାଢ଼ ଥିମ୍ - ଯେପରି ଉଦାହରଣରେ ଅଛି। |
| ଫଣ୍ଟଗୁଡ଼ିକ | ଗୁଗୁଲ୍ ଫଣ୍ଟରୁ ଉଦାହରଣ ଫଣ୍ଟ ପରି ଏକ ଫଣ୍ଟ ଚୟନ କରାଯାଇଛି। |
| ଫର୍ମ୍ | ବଟନ୍ ଏବଂ କାର୍ଡ, ଫ୍ଲାଟ କାର୍ଡ କିମ୍ବା ଛାଇ ସହିତ ଘନତାକୁ ଗୋଲ କରିବା |
| ଆନିମେସନ୍ | ଚାରୋଟି ସେଟ୍ ମଧ୍ୟରୁ ଗୋଟିଏ: ଶାନ୍ତ, କୋମଳ, ଚମକଦାର, ଗତିଶୀଳ |
| ଘର | ଯଦି "ଡିଜାଇନ୍ ହୋମପେଜ୍" ସ୍ୱିଚ୍ ସକ୍ଷମ କରାଯାଏ, ତେବେ ଉପରେ ସାଇଟ୍ ନାମ ଏବଂ ଷ୍ଟାଇଲ୍ ସ୍ଲୋଗାନ୍ ସହିତ ଏକ ହିରୋ ବ୍ଲକ୍ ଯୋଡାଯିବ। |
ଶୈଳୀଟି ଆପଣଙ୍କର ପାଠ୍ୟ, ଉତ୍ପାଦ, ବର୍ଗ, ପୃଷ୍ଠା, କିମ୍ବା ଆପଣଙ୍କର CSS ଉପରେ ପ୍ରଭାବ ପକାଇବ ନାହିଁ। ଆପଣଙ୍କର CSS ସମ୍ପାଦନାଗୁଡ଼ିକ ଷ୍ଟାଇଲ୍ ବ୍ଲକ ପାଖରେ ସେଭ୍ ହୋଇଛି।
ଷ୍ଟାଇଲ୍ ଏବଂ AI ଆସିଷ୍ଟାଣ୍ଟ#
ଏକ ଶୈଳୀ ଚୟନ କରିବା ପରେ, AI ସହାୟକ ସେହି ଶୈଳୀର ଡିଜାଇନ୍ ସନ୍ଦର୍ଭ ଉପରେ ଆଧାର କରି ହୋମପେଜ୍ ଏବଂ ପୃଷ୍ଠାଗୁଡ଼ିକୁ ଏକତ୍ର କରନ୍ତି: ରଚନା, ଚିତ୍ର, ଟାଇପୋଗ୍ରାଫି, ଏବଂ ପାଠ୍ୟ ସ୍ୱର। ଏହା ଡିଜାଇନର୍ ପାଇଁ ସମାନ ନୀତି: ଶୈଳୀ → ଡିଜାଇନ୍ ସିଷ୍ଟମ୍ → ପୃଷ୍ଠା।
ଶୈଳୀ ବଦଳାନ୍ତୁ କିମ୍ବା କାଢ଼ିଦିଅନ୍ତୁ#
- ପରିବର୍ତ୍ତନ କରନ୍ତୁ: "ଅନ୍ୟ ବାଛନ୍ତୁ" → ନୂତନ ଚୟନ କରନ୍ତୁ → "ପ୍ରୟୋଗ କରନ୍ତୁ"। ପୂର୍ବ ଶୈଳୀ ବ୍ଲକଟି ବଦଳାଯାଇଛି, ଯୋଡାଯାଇ ନାହିଁ।
- ହଟାନ୍ତୁ: ଷ୍ଟାଇଲ୍ ପ୍ରିଭ୍ୟୁରେ ଥିବା ଟ୍ରାଶ୍ କ୍ୟାନ୍ ଆଇକନ୍। ଏହା ଷ୍ଟାଇଲ୍ର CSS ଏବଂ ନାମକୁ ହଟାଇ ଦିଏ। ରଙ୍ଗ ଏବଂ ଫଣ୍ଟଗୁଡ଼ିକ ଯେପରି ଅଛି ସେହିପରି ରହିଥାଏ - ଆପଣ ସେଗୁଡ଼ିକୁ ବ୍ରାଣ୍ଡିଂରେ ଆଡଜଷ୍ଟ କରିପାରିବେ କିମ୍ବା ସହାୟକଙ୍କୁ "ଡିଜାଇନ୍ ପୁନଃସେଟ୍" କରିବାକୁ କହିପାରିବେ।
ଷ୍ଟାଇଲ୍ ଫାଇଲଗୁଡ଼ିକ#
କ୍ୟାଟାଲଗ୍ର ପ୍ରତ୍ୟେକ ଶୈଳୀରେ ଏପରି ଫାଇଲ୍ ଅଛି ଯାହା AI ଉପକରଣଗୁଡ଼ିକ ଦ୍ୱାରା ବୁଝାଯାଇପାରିବ:
- DESIGN.md (ସମ୍ପୂର୍ଣ୍ଣ ଏବଂ ସଂକ୍ଷିପ୍ତ) — ଶୈଳୀ ବର୍ଣ୍ଣନା: ଭୂମିକା, ଫଣ୍ଟ, ଆକାର, ଇଣ୍ଡେଣ୍ଟ, କରନ୍ତୁ/କରନ୍ତୁ ନାହିଁ ନିୟମ ସହିତ ରଙ୍ଗ।
- Tailwind v4 ହେଉଛି Tailwind ପାଇଁ ଏକ ଥିମ୍।
- CSS ଭେରିଏବଲ୍ - CSS ଭେରିଏବଲ୍।
- ଡିଜାଇନ୍ ଟୋକନ୍ — ଟୋକନ୍ ସହିତ JSON।
ଫାଇଲଗୁଡ଼ିକୁ ଷ୍ଟାଇଲର କ୍ୟାଟାଲଗ୍ ପୃଷ୍ଠାରୁ କପି କିମ୍ବା ଡାଉନଲୋଡ୍ କରାଯାଇପାରିବ। ସେଗୁଡ଼ିକୁ କ୍ଲାଉଡ୍, ଚାଟଜିପିଟି, କର୍ସର କିମ୍ବା ଆମର ସହାୟକଙ୍କୁ ଦେବା ସହଜ: "ଏହି ଷ୍ଟାଇଲରେ ତିଆରି କରନ୍ତୁ।" ଷ୍ଟାଇଲ୍ କ୍ୟାଟାଲଗ୍ ଦେଖନ୍ତୁ।
ଶୁଳ୍କ#
ଦେୟଯୁକ୍ତ ଯୋଜନା ସହିତ ଆପଣଙ୍କ ୱେବସାଇଟରେ ଏକ ଶୈଳୀ ପ୍ରୟୋଗ କରିବା ଉପଲବ୍ଧ। କୌଣସି ଯୋଜନା ବିନା, ଶୈଳୀଟି ମନେ ରଖାଯାଏ ଏବଂ ଦେୟ ପରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ପ୍ରୟୋଗ ହୁଏ।
ପ୍ରଶ୍ନ ଏବଂ ଉତ୍ତରଗୁଡ଼ିକ#
ଶୈଳୀଟି ପ୍ରୟୋଗ କରାଯାଇଥିଲା, କିନ୍ତୁ ସାଇଟ୍ ଉଦାହରଣ ପରି ଦେଖାଯାଉନାହିଁ। କାହିଁକି?#
ଏହି ଶୈଳୀ ରଙ୍ଗ, ଫଣ୍ଟ, ଆକୃତି ଏବଂ ଆନିମେସନକୁ ନେଇ ଗଠିତ। ପୃଷ୍ଠା ଗଠନ ଏବଂ ଫଟୋଗୁଡ଼ିକ ଆପଣଙ୍କର। ମୂଳପୃଷ୍ଠାକୁ ଉଦାହରଣ ପରି ଦେଖାଇବା ପାଇଁ, AI ସହାୟକଙ୍କୁ ପଚାରନ୍ତୁ: "ସାଇଟ୍ର ଶୈଳୀରେ ମୂଳପୃଷ୍ଠା ଡିଜାଇନ୍ କରନ୍ତୁ: ହିରୋ, ସୁବିଧା, ଗ୍ୟାଲେରୀ, ଯୋଗାଯୋଗ।"
ମୁଁ କ’ଣ ଏକାଧିକ ସାଇଟରେ ଗୋଟିଏ ଶୈଳୀ ପ୍ରୟୋଗ କରିପାରିବି?#
ହଁ, ଶୈଳୀଟି ବର୍ତ୍ତମାନର ସାଇଟରେ ଲାଗୁ ହୋଇଛି। ଆପଣଙ୍କର ଡ୍ୟାସବୋର୍ଡରେ ସାଇଟଗୁଡ଼ିକୁ ସ୍ୱିଚ୍ କରନ୍ତୁ ଏବଂ ପୁଣି ଶୈଳୀଟି ପ୍ରୟୋଗ କରନ୍ତୁ।
ମୁଁ ହାତରେ ରଙ୍ଗ ପରିବର୍ତ୍ତନ କଲି ଏବଂ ତାପରେ ଷ୍ଟାଇଲ୍ ପ୍ରୟୋଗ କଲି। କିଏ ଜିତିଲା?#
ଶୈଳୀ । ଶୈଳୀର ରଙ୍ଗଗୁଡ଼ିକ ମାନୁଆଲ୍ ରଙ୍ଗଗୁଡ଼ିକୁ ଓଭରରାଇଡ କରିବ । "କୋଡ୍ ଏବଂ ୱିଜେଟ୍ସ" ବିଭାଗର କଷ୍ଟମ୍ CSS ରହିଛି ।
ଆପଣ ଉଦାହରଣଗୁଡ଼ିକ କେଉଁଠାରୁ ପାଇଲେ?#
ଲୋକପ୍ରିୟ ୱେବସାଇଟ୍ ଶୈଳୀର ଏକ ଖୋଲା ତାଲିକାରୁ। ଭିଡିଓ ଏବଂ ପୋଷ୍ଟରଗୁଡ଼ିକ ଆମ ସର୍ଭରରେ ସଂରକ୍ଷିତ ଅଛି।