V-ați simțit frustrat de formatarea imaginilor în WordPress? Obținerea imaginilor WordPress una lângă alta nu este cea mai ușoară dintre sarcini în editorul clasic.
Treceți la Editorul de blocuri și alinierea imaginilor se poate face în câteva clicuri. Nu este necesar HTML.
Dacă preferați editorul clasic, este ceva mai implicat pentru a vă alinia imaginile WP una lângă alta. Nu este greu. Doar niște HTML.
Citiți mai jos pentru a descoperi cum să vă aliniați imaginile WP folosind editorul Classic sau Gutenberg.
Puteți crea o galerie în biblioteca dvs. media. Editorul de blocuri are un bloc de galerie care aliniază automat imaginile. Adăugarea lor în editorul clasic îmbină imaginile, dar ajustarea HTML-ului pentru a pluti le separă. Două plugin-uri de galerie care funcționează sunt pluginul Ultimate Shortcodes și Robo Gallery.
Trecerea la Editorul de blocuri
Editorul WP implicit este editorul de blocuri. A fost lansat în 2018 odată cu lansarea WordPress 5.0.
Având în vedere că pluginul Classic Editor are peste 5 milioane de instalări active, în mod clar, mulți utilizatori nu sunt pasionați de Gutenberg.
Dacă sunteți unul dintre ei, aceasta este una dintre acele momente în care folosirea editorului de blocuri vă va ajuta.
Există un bloc „galerie” care vă permite să introduceți două coloane pentru a vă alinia imaginile.
De aici, puteți apoi să inserați imagini din biblioteca dvs. media sau să le încărcați direct de pe computer.
Imaginile se aliniază automat una lângă alta, iar setarea implicită este pentru trei imagini.
Dacă utilizați doar două, acele imagini vor fi afișate una lângă alta.
Setările implicite ale galeriei sunt să afișeze până la trei imagini una lângă alta pe rând.
Dacă doriți patru imagini pe rând, una lângă alta, modificați setările Galeriei din bara laterală din dreapta.
Klownz comedy bar programul interpreților
Dacă doriți să adăugați mai multe, continuați să adăugați mai multe imagini. Ceea ce nu se potrivește într-un rând va crea un al doilea rând.
Folosind HTML în Editorul clasic pentru a obține imagini una lângă alta în WordPress
În Editorul clasic, lucrurile stau diferit. Nu este efectuată o redimensionare automată. Ca atare, nu veți obține un format frumos decât dacă imaginile au aceeași dimensiune.
Dacă dimensiunile dvs. sunt diferite, inserați ambele imagini, faceți clic pe pictograma de editare (simbolul creionului mic când treceți cu mouse-ul pe o imagine în modul ciornă) și schimbați dimensiunea în „miniatură” sau „Mediu”.
Dimensiunea mare este 1024px x 576px. Acestea sunt prea mari pentru a fi afișate una lângă alta pe o pagină web. În schimb, se vor stivui.
Dacă doriți să aveți două imagini mai mici afișate una lângă alta și centrate, nu aliniați imaginile la centru. Și asta le va stivui.
În schimb, treceți de la editorul „vizual” la editorul „text” și împachetați întregul HTML pentru imagini într-o etichetă
Obținerea unei distanțe între imaginile inserate în Editorul clasic
Următoarea problemă cu care te vei confrunta este spațierea. În mod implicit, punerea imaginilor una lângă alta direct în editorul clasic le unește. Nu există spațiu între imagini.
Pentru a obține spațierea, trebuie să inserați un element plutitor în codul HTML.
În loc să centreze imaginile, imaginile sunt plutite de fiecare parte a paginii.
Codul HTML pentru asta este
style="float: left; margin-left: 10px" …
10px poate fi schimbat cu orice număr doriți. Cu cât numărul este mai mare, cu atât distanța este mai mare.
Crearea unei galerii din biblioteca dvs. media
Cel mai simplu mod de a obține imagini WordPress una lângă alta folosind editorul clasic este de a crea o galerie media.
Faceți clic pe butonul de adăugare media, apoi selectați opțiunea de „creare galerie”.
De acolo, încărcați-vă imaginile sau alegeți-le pe cele din biblioteca dvs. media.
Utilizați pluginul Ultimate Shortcodes
Una dintre cele mai ușoare modalități de a insera imagini în WordPress care sunt aliniate una lângă alta este să instalați pluginul Ultimate Shortcodes.
Are numeroase utilizări. Am găsit-o cea mai simplă metodă creați o casetă de text în WordPress .
Se face clic simplu. Există atât de multe elemente pe care le puteți adăuga. Cel pentru alinierea imaginilor una lângă alta este (fără surprize) elementul de galerie.
Odată selectat, apare o casetă pentru a completa detaliile.
Afișează până la patru imagini una lângă alta, în funcție de setările maxime de lățime și înălțime. Acestea vor diferi în funcție de tema dvs. WP.
Pentru a modifica lățimea, cel mai rapid mod este să faceți clic pe fiecare imagine, să selectați opțiunea de editare și să alegeți dimensiunea „miniatură”, care este 150px pe 150px.
Mediu este 300px x 300px, ceea ce este prea mare pentru patru imagini una lângă alta, dar va funcționa doar pentru două imagini una lângă alta. Dimensiunea mare nu va funcționa, deoarece are o lățime de 1084 px.
Obțineți imagini mai aliniate cu pluginul Robo Gallery
Instalare
Accesați meniul de pluginuri din bara laterală din stânga, selectați pentru a adăuga un nou și căutați după cuvânt cheie pentru „Robo Gallery”.
Titlul complet este „Galeria de imagini de Robo – Galeria foto responsive”.
Un meniu suplimentar este adăugat în bara laterală WP. Selectați opțiunea „adăugați galerie/imagini” și selectați una dintre cele șase opțiuni gratuite de aspect, apoi faceți clic pe butonul „creați galerie”.
De aici, dați un titlu galeriei dvs., faceți clic pe „gestionați imaginile” și vă va încărca biblioteca media WP.
coperta originală a filmului Mica sirenă
Adăugați imaginile dvs. de acolo în sus sau încărcați-le pe cele pe care doriți să le afișați una lângă alta.
Derulați în jos la următoarea secțiune pentru setările galeriei și puteți seta alinierea galeriei, umplutura (spațierea în jurul fiecărei imagini), oferiți imaginilor miniaturi pe care se poate face clic și controlați diverse alte setări, cum ar fi umbrele și chiar să utilizați încărcare leneșă pentru imagini.
Odată ce galeria dvs. este creată, apăsați pe publish. Pentru a-l adăuga la postarea dvs., utilizați codul scurt al galeriei sau faceți clic pe butonul Galerie Robo afișat deasupra postării sau a titlului paginii.
Pluginul Robo Gallery funcționează cu Editorul clasic. Este compatibil și cu editorul de blocuri, dar doar pentru alinierea imaginilor una lângă alta, nu este necesar.
Editorul de blocuri se poate ocupa de asta. Cu toate acestea, are câteva funcții suplimentare, așa că, chiar dacă utilizați editorul de blocuri, imaginile dvs. ar putea fi afișate mai bine cu acest plugin.