Ինչպե՞ս բարելավել պատկերները WordPress- ում

Ինչպե՞ս բարելավել պատկերները WordPress- ում


Արդեն երկար ժամանակ է, ինչ պատկերները չափազանց մեծ բան էին ինտերնետում բեռնելու համար: Այսօր կայքերը չեն կարող գոյություն ունենալ առանց դրանց: Թեև տարիների ընթացքում ինտերնետի արագությունը կտրուկ աճել է, կենսական է, որ ձեր բլոգում լուսանկարները հոգ տանեք.

Պարզապես այն պատճառով, որ հեշտ է պատկերներ տեղադրել ձեր կայքում, դա չի նշանակում, որ դուք պետք է անեք դա առանց որևէ նախապատրաստման: Չօգտագործված պատկերները, ըստ էության, կարող են վնասել ձեր կայքին շատ առումներով. այցելուի մասին ձեր մտածողության վրա ազդելուց `ձեր կայքի և SEO վարկանիշային աղյուսակի արագության վրա ազդելուց: Եթե ​​դուք դեռ չեք մտածել այդ մասին, մենք այստեղ ենք ձեզ ցույց տալ WordPress- ում պատկերների բարելավման մի քանի եղանակներ.

Այս ուղեցույցում մենք պատրաստ ենք ձեզ ցույց տալ.

  • Ինչպես օպտիմալացնել WordPress- ի նկարները `ձեր կայքը արագացնելու և SEO- ի բարելավման համար
  • Փոխեք եղանակը WordPress սեղմելու JPEG պատկերները
  • WordPress- ի համար պատկերի օպտիմիզացման ամենատարածված հավելվածները
  • Ավելացրեք ծույլ բեռնումը ձեր տեսանյութերի և պատկերների համար
  • Displayուցադրեք նկարներից առաջ և հետո գրավիչ ձևով
  • Ինչպես ստեղծել ինտերակտիվ պատկերներ – նկարել, ավելացնել նկարագրություններ և հղումներ
  • Ինչպես վերականգնել պատկերի լրացուցիչ չափերը
  • Հեռացրեք լայնության և բարձրության պատկերի ատրիբուտները jQuery- ով
  • Ինչպես ստեղծել պատկերի պատվերով չափեր Media Uploader- ում
  • Ստեղծեք ցանկացած կայքի ավտոմատ սքրինշոթ և հրապարակեք այն որպես պատկեր ձեր գրառման մեջ

Contents

Ինչպես օպտիմալացնել WordPress- ի նկարները, որպեսզի արագացնեք ձեր կայքը և բարելավեք SEO- ն

Ինչու՞ պետք է օպտիմիզացնել պատկերները WordPress- ի համար: Եթե ​​ջանք գործադրեք, կարող եք ակնկալել հետևյալը.

  • Ավելի արագ կայք
  • Ավելի լավ SEO
  • Փոքր կրկնօրինակումներ
  • Bandwidth- ի ավելի քիչ օգտագործումը
  • Ավելի շուտ օգտագործողներ

Պետք է նաև իմանաք, որ կան տարբեր փուլեր, որոնց միջոցով կարող եք օպտիմալացնել պատկերները: Դուք կարող եք հոգ տանել նկարների մասին, նույնիսկ դրանք բլոգում վերբեռնելուց առաջ, կամ վերբեռնումից հետո դա կարող եք անել.

Արագորեն փորձարկեք նկարները ձեր կայքում

Նախքան սկսեք աշխատել օպտիմիզացիայի վրա, կարող եք արագ ստուգել ձեր կայքը արագության և կատարման համար: Listուցակներից ցանկացած գործիք օգտագործելով ՝ դուք արագ կիմանաք, թե ինչ ձևով են ձեր կայքի պատկերները.

Մենք սիրում ենք օգտագործել GTmetrix որը նույնիսկ ցույց կտա ձեզ այն ճշգրիտ պատկերները, որոնք ձեր կայքի դանդաղ բեռնման պատճառ են հանդիսանում.

Վերբեռնումից առաջ օպտիմիզացրեք պատկերները WordPress- ի համար

Բլոգ վարելիս մարդկանց մեծամասնությունը չի ձեռնարկում բոլոր անհրաժեշտ քայլերը `իրենց պատկերները օպտիմիզացնելու համար: Սովորաբար մարդիկ պարզապես լուսանկարում էին իրենց ֆոտոխցիկից կամ սմարթֆոնից, մեկը ներբեռնում ինտերնետից կամ ստեղծում մեկը ՝ օգտագործելով համակարգչային ծրագրակազմ.

Նրանք չեն մտածում ձևաչափերի, պատկերի չափերի և ֆայլերի անվանումների մասին: Եթե ​​նկարը լավ տեսք ունի, նրանք պարզապես ենթադրում են, որ այն պատրաստ է Ինտերնետին: Եթե ​​չեք ստուգում ձեր պատկերները, դուք պատրաստվում եք աղետին.

Չափափոխել պատկերները

Չափափոխել պատկերները

Մինչև յուրաքանչյուր նկարի լայնությունը և բարձրությունը ստուգելը, մի վերբեռնեք ձեր WordPress կայքում: Եթե ​​պատկերները ցուցադրեք առավելագույնը 700px- ով, օրինակ, ավելի լայն նկար վերբեռնելու կարիք չկա: Եթե ​​դա անեք, դուք կունենաք ավելի մեծ ֆայլ, որը կդարձնի ձեր կայքը դանդաղ, մինչդեռ ելքը կլինի նույնը: WordPress- ը կստեղծի լրացուցիչ չափս, բայց դա արդարացում չէ, որպեսզի պատկերները նախքան վերբեռնելը չպատրաստեք.

Պատկերների չափափոխումը արագ և հեշտ է: Կան բազմաթիվ անվճար գործիքներ, ինչպիսիք են Microsoft Paint- ը, որոնք կօգնեն ձեզ դրանով: Նույնիսկ պատկերների չափափոխման համար կարող եք գտնել անվճար առցանց գործիքներ Հեշտ չափափոխել.

Պատկերի չափերը կախված կլինեն թեմայից մինչև թեմա: Եթե ​​վստահ չեք, թե որ մեկը պետք է օգտագործեք, ավելի ուշադիր նայեք ձեր WordPress թեման և ստուգեք նկարները, փնտրեք փաստաթղթեր կամ օգնություն խնդրեք.

Փոխել որակը

Չափերը փոխելուց հետո պետք է հաշվի առնել պատկերների որակը փոխելը: Կախված ծրագրակազմից, կան նկարների որակի փոփոխման տարբեր եղանակներ: Օրինակ, միշտ սիրված Photoshop- ը թույլ է տալիս պահպանել պատկերները համացանցի համար: Այս տարբերակը թույլ կտա ձեզ պահպանել պատկերները ավելի ցածր որակով, բայց դրանք օպտիմիզացված կլինեն ձեր կայքի համար.

Բացի այդ, եթե որոշեք պահպանել նկարը որպես JPEG, Photoshop- ը ձեզ կխնդրի ընտրել որակի մակարդակը: Այս դեպքում որակը 12-ից 8-ի իջեցնելը կտրուկ կնվազեցնի պատկերի չափը, մինչդեռ որակի տարբերությունը չի լինի այդքան մեծ:.

Եթե ​​դեռ չեք օգտագործում որևէ ծրագրակազմ ՝ ձեր նկարների որակը փոխելու համար, կարող եք անվճար փորձել առցանց Փոքրիկ PNG գործիք Պարզապես վերբեռնեք նկար և տեսեք, թե ինչ տարբերություն կարող է այն առաջացնել.

Ընտրեք ճիշտ ձևաչափը

Նույնիսկ չափի և որակի փոփոխություններից հետո պետք է հաշվի առնել ձևաչափը փոխելը: Սկսնակների համար, պարզապես ճիշտ ձևաչափը ընտրելով, կարող եք մի քանի կիլոբայթ հեռացնել պատկերից, եթե ոչ ավելին.

Պատկեր ձևաչափեր

Ընդհանուր կանոնը շատ պարզ է: Եթե ​​ունեք լուսանկար, ապա այն JPEG: Եթե ​​ունեք պատկերանշան, վեկտորի պատկեր կամ համակարգչից պատրաստված շատ պարզ գրաֆիկա, գնացեք PNG- ի հետ: Եթե ​​դուք ունեք իսկապես փոքր պատկեր առանց գրադիենտների կամ ցանկանում եք ցույց տալ մի պարզ անիմացիա, ինչպես նկարում վերը նշվածը, կարող եք օգտագործել GIF: Ընդհանրապես, PNG պատկերները շատ ավելի մեծ կլինեն, քան JPEG պատկերները, և կարող եք օգուտ քաղել ձևաչափի փոփոխությունից.

Շատ դեպքերում պատկերների վերափոխումը չի կարող որակական տարբերություններ առաջացնել, մինչդեռ կարող եք ակնկալել չափի տարբերություն: Հաջորդ անգամ PNG լուսանկարը վերբեռնելուց առաջ նկարեք այն և փորձեք պահպանել այն որպես JPEG ՝ տարբերությունը տեսնելու համար: Ավելի մանրամասն բացատրության համար խնդրում ենք ստուգել տարբերություն PNG, JPEG, GIF և SVG միջև.

Հոգ տանել ֆայլերի անունների մասին

Թեև ֆայլի անունը կարող է աննշան թվալ, այն իրականում այնպիսի բան է, որի մասին պետք է շատ տեղյակ լինեք: Ձեր պատկերի ֆայլի անվանումը արժեքավոր տեղեկատվություն է պահպանում SEO- ի համար: Եթե ​​ցանկանում եք, որ մյուսները կարողանան գտնել ձեր պատկերը Google- ում և այլ որոնման համակարգերում, ապա պետք է այն ստանաք համապատասխան անուն.

Մենք առաջարկում ենք, որ անունները նկարագրեք `առանց տարածքներ օգտագործելու: Մի մոռացեք ներառել հիմնաբառեր, եթե ցանկանում եք, որ էջը և պատկերը դասակարգվեն: Օրինակ, եթե վերբեռնում եք Ferrari California- ի նկարը, ֆայլի անունը պետք է լինի «ferrari-california.jpg»: Եթե ​​դուք օգտագործում եք SEO plugin- ը WordPress- ի համար, ապա արդեն գիտեք, որ այն ստուգում է ձեր alt թեգերը հիմնաբառերի համար: Այո, իսկապես այդքան կարևոր է պատշաճ պատկերի անուն ունենալը.

Վերբեռնումից հետո օպտիմիզացրեք պատկերները WordPress- ի համար

Պատկերները ձեր համակարգչում պատրաստելուց հետո կարող եք շարունակել վերբեռնումը: Հուսով եմ, ձեր պատկերները ճիշտ չափն ու որակն են: Դուք համոզվել եք, որ ձևաչափը և ֆայլի անունը ճիշտ են: Վերբեռնումից հետո WordPress- ը ձեզ լրացուցիչ տեղեկություններ կխնդրի: Մի շրջանցիր մետա տեղեկատվությունը. լրացրեք մանրամասները ձեր պատկերների վերաբերյալ, որպեսզի կարողանաք հեշտությամբ կազմակերպել դրանք և պատրաստվել SEO- ին.

Վերնագիր, նկարագրություն, այլ տեքստ և վերնագիր

Տեխնիկական պայմանները հոգալիս չպետք է մոռանաք SEO- ի մասին: Միշտ ավելացրեք վերնագիրն ու նկարագրությունը ձեր լրատվամիջոցներին: Սա կօգնի ձեզ WordPress լրատվամիջոցների կառավարման հետ, և այն նաև կաշխատի ավելի լավ SEO- ի ուղղությամբ: Նաև մի մոռացեք այն alt պիտակը, որը կցուցադրվի այն այցելուների համար, ովքեր չեն կարող պատշաճ կերպով տեսնել ձեր պատկերը: Ոչ միայն դա օգտակար կլինի ձեր օգտագործողների համար, այլև կօգնի ձեզ նաև SEO- ով: Ձեր էջը ավելի լավ դասակարգվելու է, և օգտվողները կկարողանան ավելի հեշտ գտնել ձեր նոր պատկերները.

Չնայած ձեզ հարկավոր չէ վերնագրեր ամբողջ ժամանակ, համոզվեք, որ դրանք ավելացնեք լրացուցիչ բացատրությունների կարիք ունեցող պատկերների համար (օրինակ ՝ նկարներ).

Պատկերները խմբագրեք WordPress- ով

Եթե ​​գիտակցում եք, որ մի նկար դեռ պետք է հետագա խմբագրման, ապա պետք է իմանաք, որ WordPress- ը թույլ է տալիս դա անել նույնիսկ ֆայլը վերբեռնելուց հետո. Փոխեք ռոտացիայի, բերքի և մասշտաբի նկարները դուք արդեն վերբեռնե՞լ եք: Դուք նույնիսկ կարող եք խմբագրել ընդամենը մանրապատկերը կամ մնացած բոլոր չափերը: WordPress- ի բնօրինակ խմբագիրը շատ պարզ է, բայց ժամանակ առ ժամանակ կարող է խնայել.

Վերածնեք բոլոր մանրապատկերները

Նախորդ տեխնիկայի մեծ մասը կօգնի ձեզ նոր պատկերային ֆայլեր, որոնք դեռ պատրաստվում եք վերբեռնել: Բայց ի՞նչ կլինի, եթե ունեք հարյուրավոր, եթե ոչ հազարավոր ֆայլեր արդեն վերբեռնված ձեր WordPress կայքում: Մի անհանգստացեք; դուք դեռ կարող եք օպտիմիզացնել այդ պատկերները և փոխել դրանց չափերը.

Արագ շտկման համար ձեզ կարող է հետաքրքրել Regenerate Thumbnails անվճար հավելվածը, որն օգտագործվում է ավելի քան մեկ միլիոն օգտագործողներից: Եթե ​​ցանկանում եք ավելի շատ վերահսկողություն կատարել պատկերների նկատմամբ, ապա պետք է ստուգեք WordPress- ի լավագույն լավագույն plugin- ները պատկերների օպտիմիզացման համար, որոնք մենք պատրաստվում ենք ցույց տալ ձեզ այս հոդվածի հետևյալ տողերով.

Ինչպես վերականգնել պատկերի լրացուցիչ չափերը

Օգտագործեք WordPress plugins

Իհարկե, կան տասնյակ WordPress plugins, որոնք կարող են օգնել ձեզ օպտիմիզացնել պատկերները ձեր կայքում: Ոլորեք ներքև ՝ տեսնելու լավագույն WordPress հավելվածները ՝ պատկերները օպտիմիզացնելու համար.

Անհրաժեշտության դեպքում ծույլ բեռնվածքի պատկերներ

Երբեմն նկարների որակը շատ ավելի կարևոր կլինի, քան դրանց չափը: Դա առավելապես ճիշտ է այն լուսանկարիչների համար, ովքեր ցանկանում են, որ իրենց լուսանկարները լինեն բարձրակարգ: Նրանք չեն կարող ռիսկի դիմել ֆայլերի չափի կամ որակի իջեցման համար: Այնուամենայնիվ, դա չի նշանակում, որ դուք պետք է մոռանաք օպտիմալացման մասին: Այս դեպքում WordPress- ի համար պատկերներն օպտիմալացնելու համար պետք է հաշվի առնել ծույլ բեռնումը.

Ծույլ բեռը տեխնիկա է, որը բեռնում է պատկերները միայն այն ժամանակ, երբ օգտագործողները դրանց պետք են (ոլորեք նրանց): Օրինակ, եթե դուք վերբեռնեք քսան բարձրորակ լուսանկարներ մեկ հոդվածում, դրանք հսկայական դանդաղեցնում են ձեր կայքը: Բայց եթե դու ծույլ ես բեռնում պատկերները, հոդվածը կայծակնային արագ կլինի, իսկ լուսանկարները կբեռնվեն միայն անհրաժեշտության դեպքում, այն պահին, երբ օգտագործողը հասնում է նրանց.

Ունեն արձագանքող պատկերներ

Չնայած WordPress թեմաների մեծ մասը պատասխանատու է, դա չի նշանակում, որ ձեր պատկերները նույնպես պատասխանատու են: Քանի որ դուք չեք ցանկանում, որ մեծ էկրան բեռնվի փոքր էկրանին, ապա հարկավոր է գրանցել պատկերի լրացուցիչ չափեր ձեր կայքի համար: Եթե ​​ձեր թեման չի օգտագործում պատասխանատու պատկերներ, հաշվի առեք, որ աշխատանքի եք ընդունում պրոֆեսիոնալ աշխատելու համար, դա այնքան էլ հեշտ չէ, որքան կարող է հնչել.

Պատկերների օպտիմիզացումը սոցիալական լրատվամիջոցների համար

Եթե ​​ցանկանում եք համոզվել, որ ձեր պատկերները լավ տեսք ունեն սոցիալական մեդիայի մեջ, ստիպված կլինեք լրացուցիչ քայլ կատարել և օպտիմիզացնել մետատրոհները և սխեմայի նշագրումը.

Եթե ​​դուք օգտագործում եք Yoast- ի նման SEO հավելված, մի մոռացեք ստուգել կարգավորումները: Օրինակ ՝ Yoast- ը թույլ կտա ձեզ մի քանի բաներ տեղադրել սոցիալական մեդիայի հետ կապված: Այսպիսով, նավարկեք դեպի SEO -> Social և մուտքագրեք տեղեկությունները Facebook- ում, Twitter- ում, Google+- ում և Pinterest- ում.

Եթե ​​ցանկանում եք ավելին, և ցանկանում եք օպտիմիզացնել պատկերները սոցիալական մեդիայի լրացուցիչ կայքերի համար, դուրս եկեք WPSSO – Mշգրիտ մետա թեգեր + Schema- ի նշումը սոցիալական համօգտագործման օպտիմիզացման և SEO plugin- ի համար.

Փոխեք եղանակը WordPress սեղմելու JPEG պատկերները

Եթե ​​ձեր WordPress կայքում տեղադրում եք JPEG պատկերների մի փունջ, գուցե նկատել եք, որ դրանք կորցնում են իրենց բնօրինակ որակը: Եթե ​​մտածել եք, թե WordPress- ը մեղավոր է, հիմա ձեր պատասխանը կունենաք `այո, այդպես է!

Պատկեր JPEG ձևաչափով վերբեռնելուց հետո, WordPress- ը ինքնաբերաբար փոխում է սեղմումը և որոշում է, որ ցանկանում եք, որ պատկերը կորցնի որակը: Ավելի կոնկրետ լինելու համար, WP- ն օգտագործում է 90% սեղմում ձեր JPGE- ներում: Դա հրաշալի է, եթե ձեր նկարները միայն այնտեղ լինեն, որոնք կօգտագործվեն որպես մանրապատկերներ կամ ցուցադրվում են հաղորդագրության մեջ, բայց եթե վերբեռնեք ձեր լուսանկարները, ցանկանում եք, որ դրանք հնարավորինս լավ լինեն, ճիշտ է?

Բարեբախտաբար, ձեզ հարկավոր կլինի ընդամենը մեկ տող ծածկագիր ՝ դա փոխելու համար.

Դադարեցրեք JPEG պատկերների սեղմումը.

Եթե ​​չեք ցանկանում, որ ձեր JPEG պատկերները սեղմվեն, պարզապես պատճենեք և տեղադրեք հետևյալ ծածկագիրը ձեր գործառույթների համար.php ֆայլում.

add_filter ('jpeg_quality', գործառույթ ($ arg) {վերադարձ 100;});

Մի մոռացեք պահպանել փոփոխությունները և պատրաստ եք նոր պատկերներ վերբեռնել.

Մյուս կողմից, պատկերները կարող են այդքան էլ մեծ նշանակություն չունենալ ձեզ համար: Այսպիսով, գուցե ցանկանաք, որ նրանք ավելի սեղմված լինեն և ժամանակ կխնայի ձեր կայքը բեռնելու ժամանակ: Եթե ​​փոխեք վերջին համարը այդ ծածկագրում, ապա դուք կփոխեք նոր վերբեռնված պատկերների որակը.

Սեղմեք JPEG պատկերները նույնիսկ ավելին:

Որքան ցածր է թիվը, այնքան ավելի շատ պատկերներ են սեղմվելու: Օրինակ ՝ այդ JPEG- ներն ավելի շատ սեղմելու համար ձեզ հարկավոր է այս ծածկագիրը.

add_filter ('jpeg_quality', գործառույթ ($ arg) {վերադարձ 80;});

Մի մոռացեք; սեղմման լռելյայն մակարդակը 90 է.

Կարևոր է. Դա ազդում է միայն այն պատկերների վրա, որոնք դուք վերբեռնում եք այն բանից հետո, երբ գաղտնաբառը տեղադրեք այն գործառույթների մեջ: Գրադարանում արդեն իսկ առկա պատկերների չափն ու որակը փոխելու համար ձեզ հարկավոր է հավելված: Տեսեք, թե ինչպես կարելի է վերականգնել պատկերի լրացուցիչ չափերը.

WordPress- ի համար պատկերի օպտիմիզացման ամենատարածված հավելվածները

Այս հոդվածի սկզբում մենք խոսեցինք այն մասին, թե ինչպես օպտիմիզացնել պատկերները WordPress- ի համար, որպեսզի արագացնեք ձեր կայքը և բարելավեք SEO- ն: Ինչպես երևում էիք, կան մի քանի տարբեր մեթոդներ, որոնք կարող եք օգտագործել: Կարևոր է լուսանկարները հոգ տանել նույնիսկ նախքան դրանք ձեր բլոգում վերբեռնելը: Բայց երբ նկարներն արդեն տեղադրված են կայքում, հնարավոր է դառնա անհնար է վերաիմաստավորել յուրաքանչյուր պատկերի առանձին և ապա կրկին դրանք վերբեռնել.

Մի անհանգստացեք; ոչ ոք չի ակնկալում, որ դուք դա անեք առաջին հերթին: Մնացեք մեզ հետ հաջորդ րոպեների ընթացքում, երբ մենք պատրաստվում ենք ձեզ ցույց տալ WordPress- ի պատկերի օպտիմիզացման ամենատարածված հավելվածները.

Պատկերներն օպտիմիզացնելու համար պարզապես պետք է ցուցակից ընտրեք plugin- ը: Դուք պետք է կազմաձևեք այն և ընտրեք այն գործերը, որոնք plugin- ը կանի ձեզ համար: Դրանից հետո դուք կկարողանաք հանգստացնել և պատվիրակել աշխատանքը ձեր նախընտրած ծրագրի համար, մինչդեռ դուք կարող եք սկսել կազմակերպել ձեր մեդիա ֆայլերը.

Հետևյալ plugin- ները կօգնեն սեղմել պատկերները ձեր ցանկացած WordPress կայքում: Դրանք կդարձնեն կայքի բեռը ավելի արագ և, ի վերջո, կօգնեն ձեզ բարելավել SEO- ն.

WP Smush

ԳԻՆ ՝ անվճար

Ավելի քան 700,000 ակտիվ տեղադրմամբ, WP Smush- ը պետք է լինի WordPress- ի համար պատկերի օպտիմիզացման լավագույն հավելյալներից մեկը: Այն կարող է արագորեն օպտիմիզացնել պատկերները ՝ սեղմման տարբեր մեթոդներ օգտագործելով: WP Smush- ով պատկերները սեղմելու հիանալի բանն այն է, որ նկարները չեն կորցնում որակի: Չե՞ք հավատում մեզ: Փորձարկեք plugin- ը.

Երբ մենք խոսեցինք WordPress- ի համար նկարներ պատրաստելու մասին, մենք նշեցինք, որ չափափոխելը մեծապես օպտիմիզացման գործընթացի կարևոր մասն է: Այս հավելվածով դուք ստիպված չեք լինի անհանգստանալ այդ մասին, քանի որ WP Smush- ը թույլ է տալիս առավելագույն չափեր սահմանել: Դա անելուց հետո բոլոր ավելի մեծ պատկերները ինքնաբերաբար կքանդվեն, նախքան դրանք գրադարան ավելացնելը.

Այս ֆանտաստիկ plugin- ը կարող է աշխատել JPEG, GIF և PNG ֆայլերի հետ: Այն աշխատում է ձեր բոլոր դիրեկտորիաների հետ, ինքնաբերաբար հոգ է տանում հավելվածների մասին և նույնիսկ աշխատում է բազմաշերտ: Կարող եք ձեռքով գործել յուրաքանչյուր պատկերի վրա կամ խմբագրել դրանց հիսունը: Եթե ​​ցանկանում եք նույնիսկ ավելի լավ արդյունքներ և ավելի շատ տարբերակներ, դուրս եկեք WP Smush PRO- ից.

EWWW պատկերի օպտիմիզատոր

ԳԻՆ ՝ անվճար

Զվարճալի անվան հետևում կա WordPress- ի պատկերի օպտիմիզացման ամենատարածված պլյուսներից մեկը: Justիշտ ինչպես նախկինում, EWWW Image Optimizer- ը կարող է սեղմել ձեր պատկերները ՝ առանց դրանց որակի վրա ազդելու: Երբ մտածում եք, որ plugin- ը կարող է արագացնել ձեր կայքը մի քանի վայրկյան, դուք արդեն կգտնեք այն ներբեռնելու ճանապարհին: Դա անելուց հետո դուք կստանաք մասսայականորեն օպտիմիզացնել պատկերները, և GRAND FlaGallery- ի, NextCellent- ի և NextGEN- ի նման պատկերասրահները նույնիսկ կստանան իրենց Bulk Optimize- ի սեփական էջերը.

Բոլոր նկարները, որոնք օգտագործում են WP_Image_Editor դասը WordPress- ում ինքնաբերաբար օպտիմիզացված, մինչդեռ դուք կարող եք ձեռքով աշխատել մոգությունը բոլոր մյուսների վրա: Մեզ դուր է գալիս, որ դուք ընտրեք պանակներ, որոնք ցանկանում եք օպտիմալացնել: Այս մասին հավելյալ մանրամասների համար, և թե որ հավելվածներն են օգտագործում դասը, խնդրում ենք բացել պաշտոնյային EWWW Image Optimizer էջ WordPress պահեստում.

Սեղմեք JPEG & PNG պատկերները

ԳԻՆ ՝ անվճար

Փոքր կոմպրեսի պատկերներ

Եթե ​​WordPress- ի պատկերանշանով պահող փոքրիկ պանդան չի ստիպում ձեզ ցանկանալ ավելին իմանալ այս հավելվածի մասին, մենք չգիտենք, թե ինչ կլինի: Եվ եթե պանդան ծանոթ է թվում, դա այն պատճառով, որ դա նույնն է, ինչն օգնում է ձեզ սեղմել պատկերները TinyPNG կայքում: Այո, թվում է, որ կենդանին ավելի բազմակողմանի է, քան մենք սկզբում կարծում էինք: Բայց եկեք կենտրոնանանք plugin- ի վրա.

Եթե ​​այս plugin- ով գնաք, Panda- ն ավտոմատ կերպով օպտիմիզացնում է ձեր նկարները: Ամեն անգամ նորը վերբեռնելիս, plugin- ը ստանձնում է իր գործը: Դեռևս, դուք կարող եք օպտիմիզացնել անհատական ​​նկարները կամ դա անել մեծ մասամբ, պարզապես լրատվամիջոցների գրադարան գնալով.

Սեղմեք JPEG & PNG պատկերները նույնիսկ աջակցում են անիմացիոն PNG- ներին, հիանալի աշխատում է բազմաշերտի վրա, այն համատեղելի է WooComerce- ի հետ և չի ունենա խնդիրներ WP Offload S3- ի հետ:.

Plugin- ի հիանալի բանն այն է, որ այն թույլ է տալիս սահմանել առավելագույն լայնության և բարձրության ատրիբուտներ բոլոր պատկերների համար: Եթե ​​անհանգստացել եք այն մասին, թե ինչ է դա անում մետատվյալները, մի անհանգստացեք. պանդան կպահպանի բոլոր տեղեկությունները անձեռնմխելի.

Ֆայլի չափի սահմանափակումներ չկան, դուք պետք է կարգավորեք պաստառի վիդջեթը, և այն նույնիսկ աշխատում է WordPress բջջային հավելվածի հետ: Քանի որ այդ ամենը, սեղմեք JPEG & PNG պատկերներն ունեն ավելի քան 100,000 ակտիվ տեղադրում և արժանի տեղ է WordPress- ի համար պատկերի օպտիմիզացման լավագույն հավելումների ցանկում:.

Անդեմություն

ԳԻՆ ՝ անվճար

Անդեմություն

Չնայած այս plugin- ի ծածկույթի պատկերը կարող է վախեցնել ձեզ, մի վայրկյան վերցրեք և դիտեք Imsanity- ի բոլոր հատկությունները: Օ,, նույնիսկ plugin- ի անունը խենթ է թվում, այնպես չէ՞: Երբ լավ չլինեք plugin- ի անվանման հետ, կտեսնեք, որ այն շատ առաջարկ ունի.

Imsanity- ը կարող է ինքնաբերաբար չափել պատկերները, թույլ է տալիս առավելագույն չափեր սահմանել, և այն նույնիսկ առանձնանում է զանգվածային չափափոխման տարբերակով: Սա կարևոր է, եթե դուք արդեն ունեք հարյուրավոր նկարներ ձեր բլոգում, որոնք օպտիմիզացման կարիք ունեն.

Այս անվճար plugin- ը հիանալի տարբերակ է, եթե դուք չեք ցանկանում շատ պայքարել plugin- ի պարամետրերի հետ: Imsanity- ի տեղադրումն ու ակտիվացումը միայն մի քանի տարբերակ է, և դուք կարող եք մոռանալ դրա մասին: այն կառավարելու է իր սեփական ճանապարհը պատկերի օպտիմիզացման ուղղությամբ.

Մենք սիրում էինք այն տարբերակը, որը թույլ է տալիս փոխակերպել BMP պատկերները JPG: Պարզապես այն բանի դեպքում, երբ որոշ ժամանակ առաջ սխալմամբ վերբեռնված BMP ֆայլեր ունեք, սա փրկարար է.

ShortPixel պատկերի օպտիմիզատոր

ԳԻՆ ՝ անվճար

ShortPixel պատկերի օպտիմիզատոր

Ավելի քան 30,000 ակտիվ տեղադրում ունենալով ՝ ShortPixel Image- ը դեռ WordPress- ի համար պատկերի օպտիմիզացման ամենատարածված պլյուսներից մեկն է: Plugin- ը փաթեթավորված է առանձնահատկություններով, և դա օպտիմալացման համար շատ անհրաժեշտ կայքերի համար պարտադիր կլինի.

ShortPixel Image Optimizer- ը ոչ միայն ձեզ համար օպտիմիզացնում է JPG, PNG, GIF և PDF փաստաթղթերը, այլ նաև թույլ կտա ձեզ փոխակերպել ցանկացած JPEG, PNG կամ GIF պատկերի WebP. Լրացուցիչը լավ է աշխատում այլ պատկերասրահների հավելումների հետ, և կարևոր չէ, որ ձեր կայքը օգտագործում է HTTP կամ HTTPS: Դա ձեզ թույլ կտա հեռացնել EXIF- ի տվյալները պատկերներից (ինչ-որ բան լուսանկարիչները կցանկանան ունենալ).

Լրացուցիչը ճանաչում է այն պատկերները, որոնք արդեն օպտիմիզացված են, ուստի անհրաժեշտության դեպքում դրանք բաց կթողնեն: Դուք պետք է թույլ տաք կամ չթողնեք ավտոմատ օպտիմիզացումը և շատ ավելին կանեք այս ֆանտաստիկ հավելվածի հետ: Ստուգեք պահեստարանի պաշտոնական էջը `բոլոր հնարավորությունները տեսնելու համար.

Optimus – WordPress պատկերի օպտիմիզատոր

ԳԻՆ ՝ անվճար

Լավատեսություն

Likeիշտ ինչպես նախկինում նշված plugin- ը, Optimus- ը ձեր պատկերները օպտիմիզացնելու է WordPress- ի համար, և դա կանի դա ՝ առանց ազդելու ձեր նկարների որակի վրա: Կարող եք թույլ տալ, որ plugin- ը ինքնաբերաբար մշակի իրերը, կամ կարող եք անջատել տարբերակը և անհրաժեշտության դեպքում միայն օպտիմիզացնել պատկերները.

Optimus- ը աշխատում է բազմաշերտ, WordPress- ի էլեկտրոնային առևտրի կայքերի համար անծանոթ չէ, և այն ամբողջովին օպտիմիզացված է WordPress- ի բջջային ծրագրերի և Windows Live Writer- ի համար: Դա կարագացնի ձեր կայքը, առանց ձեզ հարկավոր է շոշափել կոդերի մի գիծ: Լրացուցիչը շատ ավելին է առաջարկում, բայց ստիպված կլինեք հրաժարվել պրեմիում տարբերակի համար: Ավելին իմանալու համար դիմեք WordPress plugins պահեստի պաշտոնական էջին.

WordPress- ում ձեր տեսանյութերի և պատկերների համար ավելացրեք ծույլ բեռնումը

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

Եթե ​​դուք գիտեք PHP- ի շուրջ ձեր ճանապարհը, կա մեծ հոդված ՝ պատկերների համար ծույլ բեռնվածություն ավելացնելու և մեր գործընկերների կողմից գրված անսահման պտտության մասին Էլեգանտ թեմաներ.

Եթե ​​ոչ, ապա հաջորդ մի քանի տողերում մենք նշելու ենք ամենատարածված ծույլ բեռնման պլյուսներից մի քանիսը, որոնք ձեր կայքի բեռնումն ավելի արագ դարձնել. Եվ նույնիսկ հարկ չի լինի շատ բան անել, բայց մի plugin տեղադրել և տեղադրել այն մի քանի արագ քայլերով.

Ծույլ բեռը տեսանյութերի համար

ԳԻՆ ՝ անվճար

Ծույլ բեռը տեսանյութերի համար

Եթե ​​ունեք Youtube- ի և Vimeo- ի շատ տեսանյութեր, ապա պետք է հաշվի առնեք այս plugin- ի տեղադրումը: Այն տեղադրելուց հետո, plugin- ը պատկեր կտեղադրի ձեր տեսանյութում, և դրա պատճառով ձեր կայքը շատ ավելի արագ կբեռնի: Երբ այցելուը այցելում է տեսանյութ, այս պատկերը ցուցադրվում է դրա վրա «խաղալ» կոճակով: Մի կտտացնելուց հետո տեսանյութը կսկսի բեռնել և նվագել: Պարզ ցուցադրումը կարելի է դիտել մշակողի կայքում.

WP YouTube Lyte

ԳԻՆ ՝ անվճար

WP YouTube Lyte

Այս plugin- ը իր գործը կանի արագ և հեշտ ճանապարհով: Այն տեղադրելուց հետո պարզապես հղում ավելացրեք ձեր Youtube տեսանյութին կամ օգտագործեք կարճ կոդ ՝ մեկը ավելացնելու համար: Կարող եք ընտրել նորմալ տեսանյութ, երգացանկ կամ ընտրված տեսանյութից միայն աուդիո: Դրանից հետո ձեր Youtube- ի տեսանյութերը կստանան դրա մասին պատկեր, ինչը հնարավորություն կտա ծույլ բեռնումը: Պարզապես կտտացրեք պատկերը, որպեսզի ձեր վիդեո կամ աուդիո սկիզբ լինի.
Տեսեք ցուցադրություն `մշակողի կայքում.

a3 Ծույլ բեռ

ԳԻՆ ՝ անվճար
ԴԵՄՈ 1
ԴԵՄՈ 2

a3 Ծույլ բեռ

Այս մեկը նվիրված է ձեր բջջային կայքին: Եթե ​​ունեք բազմաթիվ պատկերներ և / կամ տեսանյութեր, որոնք ցանկանում եք ցուցադրել ձեր այցելուներին բջջային սարքերով, ապա պետք է դիտեք a3 Lazy Load- ը: Դա թույլ կտա ձեզ ավելացնել ծուռ բեռնում ձեր պատկերներին և տեսանյութերին, իսկ plugin- ը նույնիսկ ձեզ հնարավորություն կտա ընտրել անցումային էֆեկտներ, որոնք օգտվողներին կհայտնվեն, մինչ նրանք շրջում են բեռնման մեջ պարունակվող բովանդակությամբ:.

Ադմինիստրատիվ տարածքում դուք կարող եք հեշտությամբ միացնել և անջատել այն բովանդակությունը, որը ցանկանում եք ծույլ լինել: Միացվածների համար բովանդակությունը բեռնվում է միայն այն ժամանակ, երբ այցելուը այցելում է բովանդակության այդ մասը.
Կա մի լավ ցուցադրված ցուցադրություն, որում ներկայացված են 1000 պատկերներ. Յուրաքանչյուրը բեռնվում է այն միայն մեկ անգամ անցնելիս: Քանի որ այս plugin- նարկային բեռի տեսանյութերը նույնպես կան վիդեո ցուցադրում, որը կարող եք տեսնել `կտտացնելով վերը նշված հղումը.

BJ Ծույլ բեռ

ԳԻՆ ՝ անվճար

BJ Ծույլ բեռ

Եթե ​​տեսանյութերին աջակցություն հարկավոր չէ, և միայն ուզում եք, որ ձեր պատկերները ծույլ լինեն, ապա պետք է ստուգեք այս WP plugin- ը: Տեղադրվելուց և տեղադրումից հետո այն կփոխարինի ձեր պատկերները, մանրապատկերները, Gravatar- ի նկարները և նույնիսկ iframes- ը տեղապահի միջոցով: Նախկինում նշված plugin- ի նման, այն բեռնելու է բովանդակությունը միայն այն բանից հետո, երբ օգտագործողը գա դրան.

Անկախ նրանից, թե դա պատկերներ կամ տեսանյութեր եք, որոնք ցանկանում եք ծույլ լինել, վերը նշված հավելվածներից մեկը ձեզ կօգնի երկրորդ վայրկյանում: Դրանք բոլորն անվճար են, ուստի որևէ արդարացում չկա այն բանի համար, որ առնվազն մեկը չփորձեք plugin- երից և տեսեք, թե ձեր ուսերի որքան ծանրությունը կպահանջի: Իհարկե, նույն գործառույթով կան շատ այլ plugins, և դուք ազատ եք զննելու և փորձելու նրանց բոլորը.

Displayուցադրեք նկարներից առաջ և հետո գրավիչ ձևով

Վստահ ենք, որ դուք արդեն տեսել եք նախքան / հետո պատկերների բազմաթիվ օրինակներ: Չգիտեք ձեր մասին, բայց առաջին բանը, որ մենք մտքում ունենք, երբ տեսնում ենք «առաջ և հետո» արտահայտությունը ֆիթնեսի մարզման ծրագիր է, որտեղ մարդիկ ցուցադրում են իրենց մարմինները մարզվելուց առաջ և հետո:.

Եթե ​​մտածում եք դրա մասին, վեբ կայքերի մեծամասնությունը օգտագործում են պարզ մոտեցում `տարբերությունները ցույց տալու համար` նրանք վերցնում են և՛ պատկերները, և՛ դրանք տեղադրում մյուսի կողքին կամ նույնիսկ մեկը մյուսից վեր: Եթե ​​ցանկանում եք նույն արդյունքը, չեք կարդա այս հոդվածը, քանի որ դուք արդեն գիտեք, թե ինչպես դա անել.

Ի՞նչ անել, եթե մենք ձեզ ասել ենք, որ առկա է տեսողականորեն ցնցող միջոց, որը լուծելու է այս խնդիրը լուծելուց առաջ / հետո, և դա ձեր ձեռքին պարզապես հասանելի կլինի: Դե, տեղադրվելուց հետո և դրանից հետո դուք գովաբանեք ծրագրավորողներին, քանի որ վերջնական արդյունքը իսկապես ցնցող է.

Քսան քսան

ԳԻՆ ՝ անվճար

Քսան քսան

Քսան քսան այս հիանալի plugin- ի անունն է, որը կարող եք անվճար ներբեռնել WordPress plugin- ի պահոցում.

Լրացուցիչը թույլ կտա ձեզ տեղադրել մեկ պատկեր մյուսի վրա և թույլ տալ, որ դուք սլայդով խաղաք, որպեսզի կարողանաք թաքցնել / բացահայտել պատկերը: Խնդրում եմ, տեսեք ցուցադրությունը և կտեսնեք, թե ինչի մասին ենք խոսում.

Լավ, հիմա, երբ դուք կապվել եք այս փոքրիկ հավելվածի հետ, տեսնենք, թե ինչպես ստեղծել այս ցնցող էֆեկտը: Չնայած համեմատաբար հեշտ է վերականգնել ցուցադրական էֆեկտը, դուք դեռ պետք է իմանաք հիմնական HTML- ի շուրջ ձեր ճանապարհը: Գնացինք:

  1. Ստեղծեք նոր հաղորդագրություն կամ բացեք առկաը
  2. Տեղադրեք երկու պատկեր գրառման մեջ: Եթե ​​դուք աշխատում եք Visual Editor- ում, ապա պատկերը պետք է տեսնեք մեկը մյուսից վեր: Եթե ​​դուք աշխատում եք տեքստային խմբագրում, ապա պետք է տեսնեք այսպիսի նման կոդ.
  3. 
    
    
    
  4. Մուտքագրեք [Twentytwenty] պիտակը մինչև առաջին պատկերը
  5. Երկրորդից հետո մուտքագրեք [/ twentytwenty] պիտակը
  6. Դուք պետք է ավարտեք նմանատիպ մի բան ձեր տեքստի խմբագրում.

    [քսանհինգ]
    
    
    
    [/ քսանհինգ]
    
  7. Համոզվեք, որ ձեր նկարները նույն չափն են `լավագույն արդյունքի հասնելու համար
  8. Նախադիտեք կամ հրապարակեք ձեր գրառումը և վայելեք ձեր տեսողական ապշեցուցիչ նկարներից առաջ և հետո

Ինչպես ստեղծել ինտերակտիվ պատկերներ – նկարել, ավելացնել նկարագրություններ և հղումներ

Այսօր դժվար է վեբ կայք վարել առանց մուլտիմեդիա: Նկարները, տեսանյութերը և երաժշտությունը գրեթե յուրաքանչյուր կայքի մասն են կազմում: Միջին ինտերնետ օգտագործողը մեծապես կախված է տեսողական խթաններից, այնպես որ դուք պետք է հոգ տանել ձեր կայքի տեսողական և ինտերակտիվ մասերի մասին: Պատկերներով նկարները ստանում են 94% ավելի շատ դիտում քան նրանք, ովքեր առանց մեկի: Նաև արդեն հայտնի փաստ է, որ կայքերում մուլտիմեդիա կարող է նպաստել բովանդակության շուկայավարման ROI- ին.

Հուսով ենք, որ կարիք չկա ձեզ համոզել, որ հոգ տանեք ձեր կայքի պատկերների մասին: Նույնիսկ եթե դուք չեք օգտագործում պատկերներ հոդվածներում (որոնք դուք պետք է), ճիշտ եք օգտագործում պատկերված պատկերներ: Կան բազմաթիվ պատկերասրահային հավելումներ, որոնք կարող են օգնել ձեզ կառավարել պատկերները ձեր WordPress կայքում, կարող եք ունենալ լուսանկարչության հետ կապված թեմաներ, Instagram- ը միացնել ձեր WordPress կայքին և շատ ավելին անել: Բայց ինչ, եթե դուք ուզում եք ստեղծել ավելի ինտերակտիվ բովանդակություն?

Սկսնակների համար գուցե ձեզ հետաքրքրում է ավելացնել այն նախօրոք այն էֆեկտը, որը ձեր օգտվողները կսիրեն: Մի մոռացեք WordPress- ում վիրտուալ իրականության մասին, որն ավելի ու ավելի է տարածվում այն ​​բանից հետո, երբ Automattic- ը VR- ն ներկայացրեց WordPress.com- ին: Դեռևս ինչ-որ բան բացակայում է: Հնարավո՞ր է արդյոք սեղմելի մասերով ինտերակտիվ պատկերներ պատրաստել: Այո, դա հնարավոր է, և մենք պատրաստվում ենք ցույց տալ ձեզ, թե որքան զվարճալի և հեշտ է դա.

Ուշադրություն դարձրեք

ԳԻՆ ՝ անվճար
ԴԵՄՈ

Առաջին հավելվածը, որը ձեզ դուր կգա, այն է, որ այն ամբողջովին անվճար է: Likeիշտ ինչպես WordPress- ի պահոցից ցանկացած այլ plugin- ով, կարող եք ներբեռնել, տեղադրել և ակտիվացնել այն մի քանի րոպեի ընթացքում: Անվճար տարբերակը հնարավորություն կտա աշխատել մեկ ինտերակտիվ պատկերով: Եթե ​​ավելին եք ուզում, ստիպված կլինեք հրաժարվել PRO տարբերակից, բայց մենք այդ մասին կխոսենք ավելի ուշ.

Լրացուցիչը պատասխանատու է, և հարկ չկա անհանգստանալ, որ ցանկացած սարքում պատշաճ կերպով ցուցադրվեն ինտերակտիվ պատկերները: Ոչ միայն, որ պատկերը կանդրադառնա ըստ էկրանի չափի, այլ այն կաշխատի ժամանակակից և հին բրաուզերների մեծ մասում (աշխատասեղան և բջջային): Ուշադրություն դարձրեք, օգտագործում է կտավային տարրերը, երբ ցուցադրվում են նոր զննարկիչներում, մինչդեռ այն կվերադառնա պատկերի քարտեզների, եթե այն ավելի հին բեռնում եք:.

Հատկություններ

Նախքան օրինակ վերցնելը, որը ցույց կտա ձեզ, թե որքանով է հզոր այս պարզ plugin- ը, տեսնենք, թե ինչ կարելի է ակնկալել Ուշադրություն հրավիրելուց.

  • Նկարել – Պատկեր վերբեռնելուց հետո դուք կստանաք դրա վրա ձևեր նկարելու հնարավորություն: Ընտրեք ձեր պատկերի ցանկացած մասը, որը կդառնա ընտրելի / ընտրելի
  • Գույները – Անհատականացրեք գույները, որպեսզի դուք կարողանաք թեժ կետերը տեղավորվել ձեր կայքի ձևավորմանը
  • Ներկիր սավառնի վրա – Showույց տվեք պատկերի մեկ այլ մասը, եթե օգտագործողը սավառնում է ընտրված մասի վրա
  • Showույց տալ ավելին տեղեկատվություն – Displayուցադրել ավելին տեղեկություններ պատկերի ընտրված մասի վերաբերյալ
  • Գնալ դեպի URL – Օգտագործողներին ուղղորդեք ցանկացած URL, եթե կտտացնում են ընտրությունը

Նկարիր Ուշադրության պարամետրերը

Օրինակ – Հավայան կղզիների ինտերակտիվ քարտեզ

Մենք կօգտագործենք ցուցադրության կայքէջի օրինակը `ցույց տալու համար, թե կոնկրետ ինչ կարող եք անել ուշադրության կենտրոնում: Եկեք տեսնենք, թե ինչպես է Հավայան կղզիների ինտերակտիվ քարտեզը, երբ ստեղծվում է plugin- ով.

Առաջին բանը, որ դուք պետք է անեք, Հավայան կղզիների պատկեր գտնելն է: Նավարկելուց հետո Ուշադրություն դարձրեք -> Խմբագրել պատկերը, դուք պետք է վերբեռնեք նկարը դեպի աջ կողմնակի գոտում գտնվող տարածքում: Պատկերի բեռնումից հետո զվարճանքը կարող է սկսվել.

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

Ուշադրություն դարձրեք. Ինչպես ստեղծել WordPress- ում ինտերակտիվ պատկերներ

Առավել կախարդական մասը տեղի է ունենում Թեժ կետեր պարամետրերի էկրան: Այստեղ դուք կստանաք ձեր պատկերը բեռնված ամբողջ չափի: Այժմ դուք պետք է ընդամենը նկարներ սկսեք և ստեղծեք նոր թեժ կետ: Կարող եք ավելացնել այնքան կետ, որքան ցանկանում եք, ինչը նշանակում է, որ դուք կարող եք ստեղծել համապարփակ ընտրություններ, ինչպես ուզում եք: Ստանում եք ստեղծել այնքան շատ թեժ կետեր, և յուրաքանչյուրը կարող է ունենալ իր պարամետրերը.

Այսպիսով, այս օրինակում դուք պետք է ընտրեք կղզիներից մեկը: Ընտրեք վերնագիր կղզու համար, ավելացրեք նկարագրություն և այն լրացուցիչ պատկեր, որը ցույց կտա մի անգամ, երբ օգտագործողը hovers թեժ կետը (վերևում ցուցադրված GIF պատկերի աջ մասը).

Պետք է կրկնել գործընթացը յուրաքանչյուր կղզու համար, որը ցանկանում եք ինտերակտիվ լինել: Ձեր թեժ կետերը պատրաստելուց հետո պարզապես պատճենեք կարճուղղակը աջ կողմից: Կպցրեք դյուրանցման ծածկագիրը փոստում, էջում, վիդջեթում կամ որտեղ ուզում եք ցույց տալ ձեր նոր ինտերակտիվ քարտեզը, և դուք ավարտվել եք: Եթե ​​ցանկանում եք օգտվողներին վերափոխել այլ էջերի, երբ նրանք կտտացրել են ընտրությունները, ապա պարզապես անհրաժեշտ է նկարագրության փոխարեն ընտրել URL- ն: Դա հեշտ է!

PRO տարբերակը

Մինչ անվճար տարբերակը կատարյալ կլինի, եթե ձեզ հարկավոր է ընդամենը մեկ պատկեր, PRO տարբերակը թույլ կտա ունենալ ձեր կայքի վրա այնքան ինտերակտիվ պատկերներ, որքան ցանկանում եք: Չնայած սա կլինի ամենակարևորը, որը պետք է հաշվի առնել, PRO- ի տարբերակը ձեզ կստանա նույնիսկ ավելին, քան բազմաթիվ պատկերներ.

Դասավորության ընտրանքների գործառույթը հնարավորություն կտա ձեզ ավելի շատ տեղեկություններ ցույց տալ նկարի ընտրված մասերի վերաբերյալ: Օրինակ, դուք կստանաք տեղեկատվություն ցուցադրել թեթև տուփի մեջ կամ գործիքների պարզ տողի մեջ, որը կհայտնվի այն բանից հետո, երբ օգտագործողը սավառնում է պատկերի ընտրված մասի վրա.

Կան նաև քսան նախապես սահմանված գունավոր պալետներ, այնպես որ հարկավոր չէ ձեռքով հարմարեցնել յուրաքանչյուր գույնը: PRO- ի վարկածը կարժենա ձեզ $ 74 մեկ կայքի համար մեկ լիցենզիայի համար, բայց եթե ձեզ հարկավոր է մեկից ավելի ինտերակտիվ պատկեր, ապա սա կլինի ոչ խելացի:.

Ինչպես վերականգնել պատկերի լրացուցիչ չափերը

Համեմատաբար հեշտ է ձեր WordPress թեման գրանցել նոր պատկերի չափեր: Այն բանից հետո, երբ ձեր համակարգին ասել եք, թե որքան մեծ պետք է լինեն ձեր պատկերները, անվանեք դրանք և որոշեց, թե ինչպես դրանք դրանք մշակել, դուք ազատ եք տարածել պատկերներ, որտեղ ուզում եք: Ինչ վերաբերում է հին պատկերներին?

Եթե ​​դուք օգտագործել եք ձեզ ցուցադրած տեխնիկայից մեկը, ապա պատրաստել եք տորֆը նոր պատկերների համար: Անկախ նրանից, թե դուք օգտագործում եք նոր գրանցված պատկերների չափեր ՝ փոստային մանրանկարների համար, թե թույլ եք տալիս հեղինակներին օգտագործել դրանք հաղորդագրություններում, նոր կանոնները կիրառվում են միայն այն պատկերների համար, որոնք վերբեռնում եք կատարելուց հետո գործառույթների.php ֆայլում: Ավելի հին պատկերները փոխելու համար մենք առաջարկում ենք օգտագործել Regenerate Thumbnails plugin- ը.

Վերածնում են մանրապատկերները.

ԳԻՆ ՝ անվճար
  1. Գնալ Plugins-> Ավելացնել նոր
  2. Որոնել «Վերականգնել մանրապատկերները»
  3. Տեղադրեք և ակտիվացրեք plugin- ը
  4. Նավարկեք դեպի Գործիքներ-> Regen.Thumbnails

Եթե ​​ցանկանում եք չափափոխել ձեր բոլոր պատկերները, պարզապես կտտացրեք «Վերականգնեք բոլոր մանրապատկերները» կոճակը և սպասեք, որ plugin- ը կատարի ծանր աշխատանքը:.

Ինչպես վերականգնել պատկերի լրացուցիչ չափերը

Եթե ​​ցանկանում եք տեսնել այն պատկերները, որոնք վերափոխվելու են, կամ եթե ցանկանում եք չափափոխել միայն մի քանի պատկերներ, ապա գնացեք ձեր Մեդիա գրադարան, որտեղ կգտնեք նոր տարբերակ «Սորուն գործողություններ» ներքո և մեկը ՝ յուրաքանչյուր նկարի կողքին: պատկերասրահ.

Plugin- ի լավն այն է, որ այն չի ջնջում ձեր բնօրինակ պատկերները: Դա կստեղծի միայն պատկերի նոր չափեր, որոնք կարող եք օգտագործել ձեր թեմաներով, մինչդեռ բնօրինակները կմնան ձեզ համար դրանք ավելի ուշ օգտագործել կամ ձեռքով ջնջել, եթե որոշեք, որ դրանց կարիքը չունեք:.

Դա է Վայելեք ձեր նոր մանրապատկերները կամ դուրս գրեք Պատկերի պարզ չափեր plugin, որը կարող է անել նույն բանը.

Հեռացրեք լայնության և բարձրության պատկերի ատրիբուտները jQuery- ով

WordPress գրառմանը պատկերներ ավելացնելիս համակարգը ավտոմատ կերպով ավելացնում է նկարին իր բարձրության և լայնության ատրիբուտները: Սովորաբար դա լավ բան է, բայց կան ժամանակներ, երբ քեզ դուր չի գալիս այն փաստը, որ յուրաքանչյուր պատկեր ստանում է այդ հատկանիշները.

Եթե ​​դուք ուզում եք վերբեռնել ատրիբուտները հենց վերբեռնման պահին, կարող եք դա անել մի պարզ գործառույթի միջոցով, որը մենք ձեզ ցույց տվեցինք վերջին անգամ.

Բայց եթե դուք կարդում եք հոդվածը կամ գործառույթն ինքներդ եք փորձել, ապա նկատել եք, որ այն ազդում է միայն այն ֆայլերի վրա, որոնք վերբեռնված են ձեր WP համակարգում: Եթե ​​արդեն տեղադրված պատկերներով գրառումներով լի շտեմարան ունեք, վերը նշված գործառույթը ձեզ շատ չի օգնի հին պատկերի հատկանիշների հետ.

Քանի որ դուք, հավանաբար, չեք կարող ձեռքով անցնել յուրաքանչյուր պատկեր և մեկ առ մեկ ջնջել լայնությունն ու բարձրությունը, հավանաբար ձեզ անհրաժեշտ է մեկ այլ գործառույթ ևս, որը կթողարկի այդ ատրիբուտները ձեր հաղորդագրություններում ներկառուցված բոլոր առկա պատկերների համար: Այդ դեպքում դուք ճիշտ տեղում եք, քանի որ մենք պատրաստվում ենք ձեզ ցույց տալ մի պարզ միջոց ՝ լայնության և բարձրության պատկերի ատրիբուտները ինքնաբերաբար հեռացնելու համար, մի քանի տող jQuery կոդով: Մի վախեցեք նախորդ արտահայտության հետ. Դուք նույնիսկ պետք չէ իմանալ, թե որն է jQuery- ը, պարզապես հետևեք հաջորդ երեք քայլերին, և ձեզ բոլորովին անպիտան կդիտարկեն.

Հեռացրեք լայնության և բարձրության պատկերի ատրիբուտները.

  1. Բացեք header.php ֆայլը ձեր թեման թղթապանակից
  2. Պատճենեք և կպցրեք այս ծածկագիրը ցանկացած այլ վայրում և պիտակները
  3.  
  4. Պահպանել փոփոխությունները

Եվ դուք ավարտվել եք: Կոդն իր հմայքը կկատարի այն բանից հետո, երբ դուք բացեք հաղորդագրություն, որը պարունակում է պատկեր և դրանից հեռացնում է լայնությունն ու բարձրությունը.

Ինչպես ստեղծել պատկերի պատվերով չափեր Media Uploader- ում

Եթե ​​դուք օգտագործում եք Media Uploader- ը WordPress- ի պատկերների հետ գործ ունենալու համար, երևի տեսել եք պատկերների բազմաթիվ տարբերակներ: Շատերի միջև դուք ի վիճակի եք ընտրել պատկերի չափ, որը կարող եք ուղարկել ձեր հոդվածին.

Ընտրելու համար կան մանրապատկեր, միջին, մեծ և լրիվ չափի ընտրանքներ, բայց բոլոր այդ ընտրանքներն ունեն կանխորոշված ​​արժեքներ: Այսպիսով, եթե դուք օգտագործում եք հարմարեցված թեմա, ապա ավելի հաճախ, քան ձեզ, խցկվում եք յուրաքանչյուր պատկի համար նորից ու կրկին փոխելով լայնությունն ու բարձրությունը.

Իրականում, դուք պարտադիր չէ դա անել: Կա մի կոկիկ փոքր գործառույթ, որը կոչվում է add_image_size (), որը հիանալի գործիք է մշակողների համար: Եվ այս հոդվածից հետո օգտակար կլինի նաև.

Եկեք ասենք, որ ձեր թեման ունի սովորական լայնություն, և ցանկանում եք հեշտությամբ ներկառուցել պատկերները `այնտեղ կատարյալ տեղավորվելու համար: Եկեք ասենք, որ լայնությունը 666px է (մենք չենք նկատի, թե ինչու եք սահմանել լայնությունը այս համարին, դա ձեր ընտրությունն է): Դա անելու համար հարկավոր է հավելյալ ռադիոյի կոճակ ավելացնել Media Uploader- ին: Ստորև բերված ծածկագրով դուք կավելացնեք ևս մեկ չափ, որը բնօրինակի կեսի չափն է.

  1. Բացեք ձեր գործառույթները.php ֆայլը
  2. Պատճենեք և տեղադրեք կոդերի այս կտորը.
  3. գործառույթը custom_image_sizes ()
    add_image_size ('մի չափ', 333, 333, ճշմարիտ);
    add_image_size ('Another size', 666, 666, true);
    }
    
    add_action ('նախաձեռնել', 'custom_image_size');
    
    գործառույթ show_image_sizes ($ չափեր) {
    $ size ['one-size'] = __ ('Custom Size 1', 'isitwp');
    $ size ['Another-size'] = __ ('Custom Size 2', 'isitwp');
    վերադարձնել $ չափերը;
    }
    
    add_filter ('image_size_names_choose', 'show_image_size');
  4. Պահպանել փոփոխությունները
  5. Փորձեք պատկեր ավելացնել ձեր Media Uploader- ից, որտեղ դուք պետք է տեսնեք ձեր չափի նոր ընտրանքները «Հավելվածի ցուցադրման պարամետրեր» տակ:

Ստեղծեք ցանկացած կայքի ավտոմատ սքրինշոթ և հրապարակեք այն որպես պատկեր ձեր գրառման մեջ

Եթե ​​ցանկանում եք ցուցադրել վեբ կայքի մանրապատկեր, ապա ստիպված կլինեք այցելել վեբ կայք, տպել էկրանը կամ վերցնել էկրանի նկարը ծրագրի կամ զննարկչի հավելումով: Այնուհետև հարկավոր է փոփոխել պատկերը, կտրել այն ճիշտ չափի մեջ և վերբեռնել այն ձեր WordPress- ում, որպեսզի կարողանաք օգտագործել էկրանի նկարը գրառման մեջ.

Եթե ​​ամեն անգամ ստիպված չեք լինում վերցնել այդ լուսանկարը, դա խնդիր չի դառնա, բայց եթե ավելի հաճախ օգտագործում եք տարբեր կայքերի սքրինշոթներ, ուրախ կլինեք լսել, որ կա հիանալի գործառույթ, որը խնայել ձեզ ժամանակն ու նյարդերը.

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

Ստեղծեք ավտոմատ screenshot:

  1. Բաց գործառույթներ.php
  2. Պատճենեք և տեղադրեք հետևյալ ծածկագիրը.
  3. գործառույթ wp_webscreen ($ atts, $ պարունակություն = NULL)
    քաղվածք (կարճ կոդ_ատետր) (զանգված (
    "snap" => 'http://s.wordpress.com/mshots/v1/',
    "url" => 'http://www.firstsiteguide.com',
    "alt" => 'wploop',
    «w» => '600', // լայնությունը
    "h" => '450' // բարձրություն
    ), $ ատտ));
    
    $ img = '' $ բարձր. '';
    վերադարձնել $ img;
    }
    add_shortcode («էկրան», «wp_webscreen»);
  4. Փոխեք զանգվածի լռելյայն փոփոխականները
  5. Պահպանել փոփոխությունները

Այս գործառույթը ստեղծում է կարճ կոդ, որը հեշտությամբ կարող եք օգտագործել ցանկացած տեղ ձեր WordPress կայքում: Անկախ նրանից, թե դուք ցանկանում եք օգտագործել վեբ էջի սքրինշոթը մի գրառման մեջ, կողային գծապատկերային վիդջեթում կամ ձեր ստորջրյա մասում, օրինակ, պարզապես ճիշտ / պարզեցված կարճ կոճակը ճիշտ տեղում.

[screen url = ”http://www.firstsiteguide.com” alt = ”fsg” w = ”600 ″ ժ =” 450 ″]

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

Նկատի ունեցեք, որ դուք կարող եք ուղղակիորեն դրանից փոխել կարճուղղակի պարամետրերը: Դուք չունեք հաղորդագրություն փակցնելու համար անհրաժեշտ է փոփոխել կոդը գործառույթները.php ֆայլում, եթե ուզում եք վերցնել մեկ այլ URL- ի լուսանկարը կամ լուսանկարը վերցնել այլ հարթության մեջ.

Օրինակ:

Եկեք ասենք, որ դուք ցանկանում եք վերցնել Google- ի սքրինշոթը և այն դարձնել 200 × 400 պիքսել մեծ:

[screen url = ”http://www.google.com” alt = ”Google” w = ”200 ″ ժ =” 400 ″]

Կարող եք ամեն ինչ էլ ավելի դյուրին դարձնել ՝ կարճատև ծածկագիրը կոճակի մեջ պահելով, որպեսզի կարողանաք այն մեկ գրառման մեջ տեղադրել մեկ կոճակի մեկ սեղմումով:.

Եզրակացություն

Ձեր WordPress կայքում պատկերները բարելավելու համար հարկավոր չէ տեղադրել մեր կողմից նշված բոլոր plugins և գործառույթները: Բայց մենք հուսով ենք, որ դուք գտել եք առնվազն մի քանի խորհուրդներ, որոնք կօգնեն ձեզ օպտիմալացնել պատկերները կամ դրանք ցանկացած կերպ բարելավել.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map