Բովանդակություն
- 1. Միշտ հաշվի առեք օգտագործողի ադմինիստրատորը
- 2. Օգտագործեք ձեր ընտրացանկերը
- 3. Բեռնաթափման միջոցներ
- 4. Վարպետի կարճ կոդեր
- 5. JavaScript- ը մեզ մեղմ է պահում
WordPress- ը արագորեն դառնում է ընտանեկան անուն և բովանդակության կառավարման համակարգերի ոսկե ստանդարտ: Չնայած WordPress- ի վրա հույս դնելը դառնում է բովանդակություն մատակարարելու նորմ, օգտվողները ավելի ու ավելի են օգտագործում բջջային սարքեր այդ բովանդակությունը սպառելու համար: Փաստորեն, 2015 թվականին սպասվում է, որ ինտերնետի ավելի քան 50 տոկոսը կսպառվի բջջային սարքի կողմից: 4G ներլցումների և տան կամ գրասենյակում բջջային սարքերի օգտագործման հետևանքով, այս բջջային օգտվողները նույնպես միշտ չեն սահմանափակվում թույլ թողունակությամբ:
Այսպիսով, ինչպե՞ս ապահովենք, որ մեր WordPress- ով աշխատող կայքը լավ գործի, մինչդեռ պահպանենք այդ գեղեցիկ դիզայնը շարժական սարքերի, սեղանադիր համակարգիչների և նույնիսկ հսկայական լայն մոնիտորների վրա: Պատասխանատու վեբ ձևավորումը (որն այժմ արդեն մոտ է դառնալ իր տան սեփական անունը), որը ստեղծվել է Իթան Մարկոտի կողմից, կայքեր ստեղծելու միջոց է, որոնք հարմարվում են իրենց շրջապատին `ապահովելով հետևյալ դիզայն և գործունակություն բոլոր սարքերի և էկրանի չափսերի համար:
Պատասխանող WordPress- ի թեման ունի իր առավելությունները, բայց կան նաև WordPress- ի որոշ տարրեր, որոնք մենք պետք է հաղթահարենք: Ստորև մենք կներկայացնենք, թե ինչպես օգտագործել այդ ունակությունները և հակառակը ՝ ինչպես հաղթահարել որոշ խոչընդոտներ:
1. Միշտ հաշվի առեք օգտագործողի ադմինիստրատորը
Որպես CMS մշակող, մասնավորապես WordPress մշակող, դուք միշտ պետք է մտածեք մեր կառուցած կայքերի համար օգտագործողների երկու տեսակի մասին: Առաջինը ակնհայտ է, և դա կայքի բնորոշ այցելուն է: Օգտագործողի երկրորդ տեսակը օգտվողի ադմինիստրատորն է, բովանդակության փոփոխության պատասխանատուը և WordPress- ի հետին մասը կառավարելը:
Կառավարման հանձնումը սկսնակ ինտերնետային օգտագործողին կարող է կոշտ լինել, և անկախ նրանից, թե որքանով եք պատրաստում, ամեն ինչ, ի վերջո, սխալ է լինելու: Ես ստիպված եմ եղել, որ օգտագործողների ադմինիստրատորներն ամեն ինչ անեն ՝ սկսած ավելի քան 50 էջ ավելացնել մեկ մակարդակի բացվող ցանկից, մինչև նրանց բոլոր հաղորդագրությունները պլանավորելը հետագա թողարկման համար և մտածել, թե ինչու են դրանք անհետացել կայքից:
Շատ դժվար է կանխատեսել, թե ինչ կարող է անել ձեր օգտվողի ադմինիստրատորը իրենց փայլուն նոր կայքին, բայց լավ է փորձել և պլանավորել կոտրելու որոշ ավելի հեշտ բաների համար: Հատկապես պատասխանատու կայք կառուցելիս մենք պետք է նախապես պլանավորենք: Մի քանի լավ խորհուրդներ ներառում են.
- Ձեր ընտրացանկի խորության կարգավորումը թույլ չի տալիս երկու աստիճանի բացվող ընտրացանկը վերածվել կոտրված վեցաստիճանի բացվող ցանկի:
- Պատկերի լայնությունների և բարձունքների որոշում, որպեսզի WordPress- ը կարողանա կատարել անհրաժեշտության դեպքում պատկերների ավտոմատ չափափոխման և կտրման աշխատանքներ:
- Հակասող կոդի տեղադրումը կանխելու համար plug-in- ներին մուտքի կանխում
- Enqueue Scripts ՝ հետագայում կոնֆլիկտները կանխելու համար:
2. Օգտագործեք ձեր ընտրացանկերը
Հիշում եմ, երբ WordPress- ն ընդունեց ընտրացանկերը, և դա հիանալի օր էր մշակողների համար: Մենք այլևս ստիպված չէինք բարդ լուծումներ ստեղծել դինամիկ ընտրացանկեր կառուցելու համար: Այսօր մենք բառացիորեն քաշում ենք էջերը ցանկի մեջ, դասավորում դրանք ինչպես ուզում ենք և նույնիսկ հեշտությամբ հիերարխիա ստեղծելու ունակություն ունենք: WordPress- ը նույնիսկ մեզ հնարավորություն է տալիս ընտրացանկերը նախորոշել ամբողջ կայքի օգտագործման համար:
Սա հեշտացնում է սահմանել երկու ընտրացանկ, մեկը սեղանադրի համար և մեկը բջջային սարքերի համար: Եթե դուք մեծ կայքէջ եք կառուցում ՝ բազմաթիվ էջերով, հավանաբար չեք ցանկանա արժեքավոր վերնագրի տարածքը զոհաբերել մի մեծ ներս մենյուի, որը կարող է նույնիսկ անհրաժեշտ չլինել բջջային օգտվողին:
Մի քանի տող կոդերով մենք կարող ենք սահմանել շարժական ընտրացանկ և աշխատասեղանի ընտրացանկ, որոնք համապատասխանաբար կօգտագործվեն:
Ի Register_nav_menu գործառույթը կտեղադրվի գործառույթներ. php ֆայլ ձեր թեմայում: Կարող եք միանգամից գրանցել բազմաթիվ ընտրացանկեր: Այս գործառույթի մասին ավելին իմանալու համար դիմեք WordPress Codex- ին:
Մեր ընտրացանկերը ստեղծելուն պես մենք կարող ենք պարզապես որոշել, թե որ մեկը ցուցադրել աշխատասեղանի կամ բջջայինի դիտումներում:
Մեր թեմայի ֆայլերում մենք կարող ենք օգտագործել PHP դաս, ինչպիսին է PHP-Mobile-Detect- ը, հարցնելու համար, թե որ ընտրացանկն է ցուցադրվում, կամ մենք կարող ենք պարզապես ցուցադրել երկու ընտրացանկերը և մեկին թաքցնել CSS- ով:
Somethingանկի պես պարզ բանի համար ես հակված եմ օգտագործել «շարժական» դասի և «աշխատասեղանի» դաս, ապա օգտագործել CSS մեդիայի հարցումներ ցուցադրում `ոչ մեկը ճիշտ դասը:
Ակնարկ. Այս դասերը կարող եք ավելացնել ուղղակիորեն ներմուծման որոշակի ընտրացանկերում ՝ հենց ադմինիստրատորի տարածքում: Եթե չեք տեսնում դասերի տարբերակը, գնացեք ձեր էկրանի վերևը, կտտացրեք էկրանի ընտրանքներ և ստուգել դասերը:
3. Բեռնաթափման միջոցներ
CMS- ի և պատասխանատու կայքերի հետ կապված առավել բարդ խնդիրներից մեկն այն է, որ մշակողն այլևս չի վերահսկում բովանդակությունը: Օգտագործողի ադմինիստրատորը վերցնում է և, ըստ անհրաժեշտության, բովանդակություն ավելացնում: Շատ դեպքերում այս օգտվողների ադմինիստրատորները չգիտեն HTML: Երբ HTML գիտելիքի այս պակասը համատեղում ենք WordPress- ի հետ, միշտ տեղադրված յուրաքանչյուր պատկերի վրա ավելացնելով լայնության և բարձրության հատկանիշ, մենք կարող ենք բախվել պատասխանատու բախման:
Ես այս հատկությունները վերագրանցելու լուծում ունեմ, երբ պատկերներն ու տեսանյութերը տեղադրվում են բովանդակության խմբագրիչում, ստորև: Այնուամենայնիվ, ընդունված է օգտագործել «առանձնացված պատկերներ» մեր թեմաների ամբողջ էջում, արխիվի էջերում, որոնման արդյունքներում և կողային գծերում: Այս առանձնացված պատկերները դեռ վերբեռնվում են օգտվողի ադմինիստրատորի կողմից, բայց դրանք համարվում են ավելի շատ մետա արժեք, քան բովանդակության մի կտոր: Այլ կերպ ասած, մենք կարող ենք զանգահարել ցուցադրվող նկարը մեր թեմայի ֆայլերում `մնացած բովանդակությունից դուրս:
Այս պատկերները ոչ միայն կարող ենք զանգահարել ուղղակիորեն մեր PHP ֆայլերում, այլև կարող ենք սահմանել դրանց արդյունքների չափերը, և WordPress- ը ավտոմատ կերպով կփոխի չափերը և կտրում է դրանք:
Երբ մենք ավելացնենք թեմայի աջակցությունը գրառման մանրապատկերների համար, մենք կարող ենք ավելացնել տարբեր չափսեր ՝ օգտագործելով add_image_size գործառույթ Այս գործառույթի մասին ավելին կարող եք կարդալ Codex- ում:
Վերը նշված կոդի հատվածը ավելացնում է թեմաների աջակցություն ցուցադրվող պատկերների համար, այնուհետև սահմանում է մանրապատկերների անուններն ու չափերը, որոնք մեզ անհրաժեշտ են այս թեմայի համար: Վերջին պարամետրը հարցնում է `արդյոք ցանկանում եք, որ WordPress- ը անհրաժեշտության դեպքում կտրի պատկերը: Այս դեպքում ես չեմ ուզում, որ պատկերները խեղաթյուրվեն, ուստի այն դնում եմ ճշմարիտ:
Մեր պատկերի չափերը նախապես որոշելը սխալ է թույլ տալիս մեր օգտագործողների ադմինիստրատորների ձեռքից: Առանց այս պարզ գործառույթի, օգտագործողների ադմինիստրատորները կարող են 2400x1800px լուսանկար սահմանել որպես ցուցադրվող պատկեր, որը շատ դեպքերում պետք է դրանից զգալիորեն փոքր լինի: Մենք արագորեն կարող ենք տեսնել, որ բջջային սարքում նման հսկայական պատկեր ներբեռնելու անհրաժեշտություն չկա:
Սարքի տեսակը որոշելու համար PHP գործառույթի օգտագործումը թույլ կտա մեզ զգալիորեն փոքր պատկերներ տրամադրել շարժական սարքերի, իսկ ավելի մեծ թույլատրելիությամբ լուսանկարներ ՝ աշխատասեղաններին:
4. Վարպետի կարճ կոդեր
Կարճ ծածկագրերը թույլ են տալիս մեզ ստեղծել պարզ գործառույթներ ՝ առանց որևէ կոդ իմանալու: Կարող ենք պարզապես կարճ կոդ սահմանել որպես [myshortcode] կամ նույնիսկ ունենան ծածկագրման կարճ կոդեր, ինչպիսիք են [myshortcode] իմ բովանդակությունը [/ myshortcode].
Shortcode API- ն թույլ է տալիս տարբեր գործառույթներ և ավելացնել թեմաների աջակցում: API- ն լավ փաստաթղթավորված է և հիանալի ընթերցված է:
Իմ կայքում ես օգտագործում եմ կարճ կոդեր ՝ «նշումներ» կամ մի կողմ տարրեր սահմանելու համար: Ավելի լայն աշխատասեղանի էկրանին գրառումները ցուցադրվում են ձախ ձեռքի կողային տողում, բայց շարժական սարքում կողային սյունը ինտեգրված է մեկ սյունակի:
Սա հնարամտությամբ տանիքը չի փչում, բայց օգտագործողների ադմինիստրատների համար խնդիր է լուծում: Այն ամենը, ինչ ես անում եմ, փակում եմ div- ը, բացում մեկ այլ և այնուհետև նորից փակում դրանք: Եթե դուք գիտեք HTML, սա մեծ մարտահրավեր չէ (բացառությամբ այն բանի, որ միշտ փորձում եք հիշել ձեր դասերը): Այնուամենայնիվ, մեկի համար, ով HTML չգիտի, նրանց մնում է միայն փաթեթավորել իրենց բովանդակությունը [նշում] [/ նշում].
WordPress- ը մեզ նույնիսկ հնարավորություն է տալիս փոփոխել խմբագրիչը և այնտեղ ավելացնել մեր կարճ կոդերը: Կարճ ծածկագրերի ավելացման դյուրինությունը և դրանց հասանելիությունը օգտվողի ադմինիստրատորներին դրանք հիանալի լուծում են տալիս հետևյալի համար.
- Բջջային սարքերում բովանդակություն թաքցնելը կամ աշխատասեղանի լայն էկրաններին բովանդակություն ցուցադրելը:
- Գովազդի սպասարկում (բջջայինն ընդդեմ աշխատասեղանի):
- Կոդը կոդավորող հղումներ բովանդակության մեջ:
- և շատ ավելին ...
5. JavaScript- ը մեզ մեղմ է պահում
Մի քանի անգամ նշել ենք օգտվողի ադմինիստրատորի մասին: Քանի որ մենք նրանց ձեռքերը պահելը չենք լինելու, մենք պետք է համոզվենք, որ մեր կառուցած կայքերը չեն կոտրվի և չկորցնենք այն պատասխանատուությունը, որը մենք այնքան աշխատել ենք զարգացնելու համար:
Երբ օգտագործողի ադմինիստրատորը նկար է տեղադրում բովանդակության տարածքում կամ օգտագործում է այն oembed տեսանյութ վերբեռնելու համար մենք քիչ վերահսկողություն ունենք ժառանգական HTML հատկանիշների վրա, որոնք պատրաստվում են կոտրել մեր պատասխանատու կայքերը: JavaScript- ը և ավելի կոնկրետ jQuery- ն կարող է օգնել մեղմել այս դժվարությունները ՝ վերագրելով լայնության հատկանիշները, որոնք կապված են մեդիայի տարրերի հետ:
Ստորև ներկայացված jQuery հատվածը պարզեցված սցենար է, որն օգտագործվում է «ոճ» հատկանիշը div- ից հանելու համար, որը ստեղծվել է plug-in- ի միջոցով: Իմ կայքում կա սոցիալական մեդիայի կիսման երեք կոճակ, որոնք ավելացվել են պարզ հավելվածով, որը չգիտես ինչու որոշեց օգտագործել գծային ոճերում: Որպեսզի կանխեմ plug-in- ի հետագա արդիականացման հետ բախումները, ես չէի ուզում խմբագրել դրա ֆայլերը: Փոխարենը ես կարող եմ օգտագործել JavaScript- ը `հակասական հատկությունները վերացնելու համար:
jQuery- ը կարող է օգտագործվել ՝ անհարկի, բայց ինքնաբերաբար ավելացված հատկանիշները հեռացնելու համար, որոնք հակասում են պատասխանատու մնալու մեր ջանքերին: Ի removeAttr () ֆունկցիան կարող է իրականացվել գլոբալ կամ հատուկ ՝ կախված այն բանից, թե ինչպես եք այն սահմանում: Մենք կարող ենք նաև օգտագործել JavaScript- ը ՝ պատասխանատու կայքերն էլ ավելի դյուրին դարձնելու համար Modernizr- ի և այլ գործիքների նման գործիքներով, որոնք օգնում են հայտնաբերել զննարկիչը և սարքի տեսակը:
Սրանք ընդամենը մի քանի խորհուրդներ են, որոնք կօգնեն ձեզ օգտագործել WordPress– ի ժառանգական որոշ ֆունկցիաներ, ինչպես նաև հաղթահարել դրա որոշ բարդություններ: Միակ բանը, որը ես կցանկանայի թողնել ձեզ հետ, այն է, որ Պատասխանատու վեբ ձևավորումն է ոչ պարզապես բջջայինի մասին: Մենք կարող ենք արտասովոր բաներ անել լայն աշխատասեղաններով և օգտագործել այդ լրացուցիչ սպիտակ տարածքը: Հատկապես WordPress- ի դեպքում, որտեղ սովորաբար բովանդակություն եք խնայում, իմաստ ունի ավելացնել լրացուցիչ սյունակ լայն բրաուզերների վրա: Իմ կայքում դուք կարող եք տեսնել լայն զննարկիչների վրա, որոնք ես հոդվածի կողքին բերում եմ իմ մեկնաբանությունների բաժինը: Ինձ դա դուր է գալիս, քանի որ օգտվողները, ովքեր զրոյացնում են հոդվածները, կարող են պատկերացում կազմել, թե ինչ է միաժամանակ մեկնաբանվում, և մենք էկրանը լավ ենք լցնում:
Եթե դուք խառնվում եք WordPress- ի քննարկմանը, ապա ազատ զգացեք ինձ Twitter- ում: Այս թեմայի շուրջ ես ավելի խորը կանդրադառնամ թե .net ամսագրի հոդվածում մայիսյան համարում (227), և իմ գրքում (որը լույս է տեսնում New Riders- ի կողմից իրենց «Ձայները, որ կարևոր են» շարքի ներքո), որոնք կլինեն դարակաշարերում: այս ամառ.
