Ինչպես ստեղծել ընտրացանկ կայքում

Բովանդակություն:

Ինչպես ստեղծել ընտրացանկ կայքում
Ինչպես ստեղծել ընտրացանկ կայքում

Video: Ինչպես ստեղծել ընտրացանկ կայքում

Video: Ինչպես ստեղծել ընտրացանկ կայքում
Video: Ինչպես ստեղծել օնլայն խանութ | Shopian.am 2024, Ապրիլ
Anonim

Գեղեցիկ, հարմարավետ և ֆունկցիոնալ ընտրացանկը այցելուների համար կայքի ժողովրդականության և գրավչության բանալին է: Առանց հստակ ու ոճային ընտրացանկի, կայքը չի ունենա պատշաճ նավարկություն, ինտուիտիվորեն հասկանալի նույնիսկ այն անձի համար, ով առաջին անգամ այցելել է ձեր էջը:

Ինչպես ստեղծել ընտրացանկ կայքում
Ինչպես ստեղծել ընտրացանկ կայքում

Հրահանգներ

Քայլ 1

Բացեք ծրագիրը և նայեք պատուհանի ներքևի ձախ անկյունում գտնվող կոճակների ոճերի ցուցակին: Ընտրեք ձեզ հարմար ոճ `սեղմելով այն մկնիկի ձախ կոճակի հետ: Պատճենեք առանձին տեքստային ֆայլում հայտնվող ծածկագիրը, ապա կտտացրեք «Ավելացնել իրը» կետին ՝ կոճակն ակտիվացնելու համար:

Քայլ 2

Այժմ հոգացեք դրա պարամետրերի մասին. Աջ պատուհանում բացեք Կոճակ ներդիրը և նշեք կոճակի տեքստի ցանկալի տառատեսակը, դրա գույնը և չափը: Ապա Հղում բաժնում հղում կատարեք դեպի այն էջը, որի վրա կտտացնում են կոճակը (օրինակ ՝ index.php):

Քայլ 3

Եթե ուզում եք, որ ցուցիչի ակնարկի տեքստը հայտնվի, երբ սավառնում եք կուրսորի կոճակի վրա, «Ակնարկ» ներդիրում մուտքագրեք մշակման համար ցանկալի տեքստը: Սրբապատկեր ներդիրում նշեք այն պատկերակը, որը պետք է լինի տեքստի կողքին. հարմարեցրեք հավասարեցումը (օրինակ ՝ էկրանի ձախ եզրին) և ապանշեք «Կպչուն տեքստի» ներդիրը:

Քայլ 4

Դրանից հետո բացեք «Կոճակ» ոճի բաժինը և հանել «Ավտոմատ չափի» կետը: Նշեք ձեր կոճակների ֆիքսված չափերը: Դրանից հետո խմբագրեք ընտրացանկի ոճը ՝ նշեք ուրվագծի գույնը, իսկ Բաց բաժնում նշեք ցանկալի էֆեկտները (թափանցիկություն, մարում, ստվեր և այլն):

Քայլ 5

Կրկնեք վերը նշված բոլոր քայլերը ՝ ընտրացանկի մնացած բոլոր տարրերը ստեղծելու համար ՝ կոճակները հարմարեցնելով: Յուրաքանչյուր կոճակի համար լրացուցիչ ենթամենյու կազմելու համար կտտացրեք Ավելացնել ենթահաշիվ: Կազմաձևեք յուրաքանչյուր ստեղծված իրը և յուրաքանչյուր ստեղծված կոճակը այնպես, ինչպես առաջինը:

Քայլ 6

Menuաշացանկը հորիզոնական կամ ուղղահայաց ստեղծելուց հետո անցեք ծրագրի ընտրացանկ և կտտացրեք «Տեղադրեք ինտերնետային էջ» կետին ՝ նշելով, որ ցանկանում եք ստեղծել միայն կոդը: Նշեք ընտրացանկի պատկերների պանակի ուղին, որի մեջ կպահպանվեն գրաֆիկական ընտրացանկի տարրերը.png

Քայլ 7

Ստեղծված ընտրացանկը ձեր կայքում տեղադրելու համար պատճենեք թղթապանակը պատկերներով արմատային գրացուցակում, իսկ սկզբում պահպանված կոդը տեղադրեք հիմնական էջ:

Խորհուրդ ենք տալիս: