Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați clic pentru a încărca GIF-uri în WordPress

Doriți să adăugați un player de GIF-uri la încărcare pe site-ul dvs. WordPress? Imaginile GIF animate durează mai mult să se încarce, ceea ce afectează viteza paginii și experiența utilizatorului. De aceea, multe platforme de blogging populare nu încarcă automat GIF-urile în aplicațiile lor. În acest articol, vă vom arăta cum puteți adăuga cu ușurință încărcarea la cerere pentru GIF-uri în WordPress.

Adăugarea funcției „click to load” pentru GIF-uri în WordPress

De ce să adăugăm „Click to Load” pentru GIF-uri în WordPress?

Dacă adăugați frecvent imagini GIF animate în WordPress, atunci știți deja că acestea sunt mult mai mari decât imaginile obișnuite. Acest lucru înseamnă că durează mai mult să se încarce, ceea ce afectează viteza și performanța site-ului dvs..

Unele site-uri abordează acest lucru prin încărcarea leneșă a imaginilor în WordPress. Cu toate acestea, acest lucru afectează în continuare experiența utilizatorilor, deoarece GIF-urile durează mai mult să se încarce pe măsură ce utilizatorul derulează în jos.

Platforme populare precum Tumblr și altele folosesc playerul GIF „click to load” pentru a atenua această problemă. În loc să încarce toate cadrele dintr-o animație GIF, ele încarcă doar primul cadru al animației. Un buton de redare sau o etichetă GIF pe imagine indică faptul că utilizatorii pot face clic pentru a vizualiza GIF-ul animat.

Exemplu GIF întrerupt

Acestea fiind spuse, să vedem cum puteți adăuga un buton de clic pentru a încărca GIF-uri pe site-ul dvs. WordPress.

Adăugarea „Click to Load” pentru GIF-uri în WordPress

Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul WP GIF Player. Pentru mai multe detalii, vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

Acest plugin funcționează imediat, și nu există setări pentru el.

Puteți accesa ecranul de editare a postării pentru a-l vedea în acțiune.

Adaugă buton GIF în editorul de postări WordPress

Pe ecranul de editare a postării, vei observa butonul Adaugă GIF deasupra editorului de postări. Făcând clic pe el, se va deschide fereastra pop-up a încărcătorului media, unde poți încărca imaginile GIF, similar cu orice altă imagine.

Încărcați GIF-uri folosind butonul Adaugă GIF

Odată încărcat, trebuie să faceți clic pe butonul Inserează imagine pentru a continua.

Pluginul WP GIF player va adăuga acum shortcode-ul necesar în editorul dvs. de postări WordPress.

Shortcode GIF în editorul de postări WordPress

Acum puteți salva postarea/pagina și puteți face clic pe butonul de previzualizare pentru a vedea GIF-urile dvs. la încărcare în acțiune.

Toate GIF-urile încorporate în postarea ta vor avea acum un buton deasupra lor, etichetat GIF. Făcând clic pe buton, GIF-ul animat se va încărca în fundal și va fi afișat.

Apăsați pentru a reda GIF animat

Un dezavantaj al acestui plugin este că funcționează doar pentru GIF-urile noi încărcate. Nu va adăuga funcționalitatea „click to load” pentru GIF-urile încărcate folosind încărcătorul media WordPress normal. Acest lucru înseamnă că toate GIF-urile încărcate anterior nu vor avea butonul „click to load”.

Sperăm că acest articol v-a ajutat să învățați cum să adăugați playerul de GIF-uri la încărcare în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să remediați probleme comune legate de imagini în WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la canalul nostru de YouTube pentru tutoriale video WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

5 CommentsLeave a Reply

  1. Mulțumesc că ne-ai vorbit despre acest plugin și că ne-ai arătat cum să-l folosim. O să păstrez acest lucru!

    Cori

  2. Acesta este un plugin interesant. Mă întreb dacă putem personaliza butonul și îi putem schimba locația. Ar fi grozav să avem un buton cu logo-ul brandului în centru și textul GIF în colțul din dreapta sus.

    Mulțumesc pentru distribuire.

  3. Acest lucru este destul de interesant. Nu folosesc încă GIF-uri animate în postările mele, dar este bine de știut.
    Știi dacă această abordare va funcționa cu conținut găzduit pe CDN?

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.