Ar nusivylėte vaizdų formatavimu „WordPress“? „WordPress“ paveikslėlių gavimas vienas šalia kito nėra pati lengviausia užduotis naudojant klasikinę redaktorių.
Perjunkite į blokų rengyklę ir nuotraukas sulygiuosite keliais paspaudimais. HTML nereikia.
Jei jums labiau patinka klasikinis redaktorius, turite šiek tiek daugiau pastangų, kad WP vaizdai būtų sulygiuoti vienas šalia kito. Tai nėra sunku. Tik šiek tiek HTML.
Skaitykite toliau, kad sužinotumėte, kaip suderinti WP vaizdus naudojant „Classic“ arba „Gutenberg“ redaktorių.
Savo medijos bibliotekoje galite sukurti galeriją. Blokų rengyklėje yra galerijos blokas, kuris automatiškai sulygiuoja vaizdus. Pridėjus juos klasikinėje redagavimo priemonėje, nuotraukos sujungiamos, tačiau pakeitus HTML, kad jis sklandytų, jos atskiriamos. Du veikiantys galerijos papildiniai yra „Ultimate Shortcodes“ papildinys ir „Robo Gallery“.
Perjungimas į blokų rengyklę
Numatytasis WP redaktorius yra blokų rengyklė. Jis buvo išleistas 2018 m., kai buvo išleista „WordPress 5.0“.
Atsižvelgiant į tai, kad klasikinio rengyklės papildinys turi daugiau nei 5 milijonus aktyvių įdiegimų, akivaizdu, kad daugelis vartotojų nemėgsta Gutenbergo.
Jei esate vienas iš jų, tai yra vienas iš tų kartų, kai blokų rengyklės naudojimas padės.
Yra „galerijos“ blokas, leidžiantis įterpti du stulpelius, kad vaizdai būtų sulygiuoti.
Iš čia galite įterpti vaizdus iš medijos bibliotekos arba įkelti juos tiesiai iš savo kompiuterio.
Vaizdai automatiškai išlygiuojami vienas šalia kito, o numatytasis nustatymas yra trims vaizdams.
Jei naudosite tik dvi, tos nuotraukos bus rodomos greta.
Numatytieji galerijos nustatymai yra rodyti iki trijų nuotraukų greta vienoje eilutėje.
Jei norite keturių vaizdų iš eilės vienas šalia kito, dešinėje šoninėje juostoje pakeiskite Galerijos nustatymus.
Jei norite pridėti daugiau, tiesiog pridėkite daugiau vaizdų. Tai, kas netelpa į vieną eilutę, sukurs antrą eilutę.
HTML naudojimas klasikinėje redagavimo priemonėje, norint gauti vaizdų šalia „WordPress“.
Klasikinėje redaktoriuje viskas yra kitaip. Automatinis dydžio keitimas neatliekamas. Taigi negausite tvarkingai atrodančio formato, nebent vaizdai bus tokio paties dydžio.
Jei jūsų dydžiai skiriasi, įterpkite abu vaizdus, spustelėkite redagavimo piktogramą (mažas pieštuko simbolis, kai užvedate paveikslėlį juodraščio režimu) ir pakeiskite dydį į „miniatiūra“ arba „Vidutinė“.
Didelis dydis yra 1024 x 576 pikseliai. Jie per dideli, kad būtų rodomi vienas šalia kito tinklalapyje. Vietoj to jie bus sukrauti.
Jei norite, kad du mažesni vaizdai būtų rodomi vienas šalia kito ir centre, nelygiuokite vaizdų centre. Tai taip pat juos sukraus.
Vietoj to, perjunkite iš „vaizdinės“ redagavimo priemonės į „teksto“ rengyklę ir visą paveikslėlių HTML įdėkite į
Tarpų tarp vaizdų, įterptų į klasikinę redaktorių, nustatymas
Kita problema, su kuria susidursite, yra tarpai. Pagal numatytuosius nustatymus įdėjus vaizdus vienas šalia kito klasikiniame redaktoriuje jie sujungiami. Tarp vaizdų nėra tarpo.
Norėdami gauti tarpus, į HTML kodą turite įterpti slankųjį elementą.
Užuot centruojant paveikslėlius, vaizdai slankioja iš abiejų puslapio pusių.
Tam skirtas HTML kodas
style="float: left; margin-left: 10px" …
10 pikselių galima pakeisti į bet kurį norimą skaičių. Kuo didesnis skaičius, tuo didesnis atstumas.
Galerijos kūrimas iš medijos bibliotekos
Paprasčiausias būdas gauti „WordPress“ paveikslėlius greta naudojant klasikinį redaktorių yra sukurti medijos galeriją.
Spustelėkite mygtuką pridėti mediją, tada pasirinkite parinktį „sukurti galeriją“.
Iš ten įkelkite vaizdus arba išsirinkite juos iš medijos bibliotekos.
Naudokite Ultimate Shortcodes papildinį
Vienas iš paprasčiausių būdų, kaip įterpti nuotraukas į „WordPress“, kurios yra išlygiuotos viena šalia kitos, yra įdiegti „Ultimate Shortcodes“ papildinį.
Jis turi daugybę naudojimo būdų. Mes radome tai paprasčiausias būdas sukurkite teksto laukelį „WordPress“. .
Tai paprasta spustelėti. Yra tiek daug elementų, kuriuos galite pridėti. Vaizdų lygiavimui vienas šalia kito yra (nenuostabu) galerijos elementas.
Pasirinkus, iššoka laukelis, kuriame reikia užpildyti išsamią informaciją.
Jame rodoma iki keturių nuotraukų viena šalia kitos, atsižvelgiant į maksimalaus pločio ir aukščio nustatymus. Jie skirsis atsižvelgiant į jūsų WP temą.
Norėdami pakeisti plotį, greičiausias būdas yra spustelėti kiekvieną vaizdą, pasirinkti redagavimo parinktį ir pasirinkti „miniatiūros“ dydį, kuris yra 150 x 150 pikselių.
Vidutinis dydis yra 300 x 300 pikselių, o tai per didelis keturiems greta esantiems vaizdams, tačiau jis veiks tik dviem greta esantiems vaizdams. Didelis dydis neveiks, nes jo plotis yra 1084 pikseliai.
Gaukite labiau suderintus vaizdus naudodami Robo Gallery papildinį
Montavimas
Eikite į papildinių meniu kairėje šoninėje juostoje, pasirinkite, kad pridėtumėte naujų, ir ieškokite pagal raktinį žodį „Robo Gallery“.
Visas pavadinimas yra „Robo vaizdo galerija – reaguojanti nuotraukų galerija“.
Prie WP šoninės juostos pridedamas papildomas meniu. Pasirinkite parinktį „Pridėti galeriją / vaizdus“ ir pasirinkite vieną iš šešių nemokamų išdėstymo parinkčių, tada spustelėkite mygtuką „Sukurti galeriją“.
Iš čia suteikite savo galerijai pavadinimą, spustelėkite „tvarkyti vaizdus“ ir bus įkelta jūsų WP medijos biblioteka.
Pridėkite savo vaizdus iš ten arba įkelkite tuos, kuriuos norite rodyti šalia.
Slinkite žemyn į kitą galerijos nustatymų skyrių ir galite nustatyti galerijos lygiavimą, užpildymą (tarpus aplink kiekvieną vaizdą), suteikti nuotraukoms spustelėjamas miniatiūras ir valdyti įvairius kitus nustatymus, pvz., šešėlius, ir netgi naudoti tingų vaizdų įkėlimą.
Sukūrę galeriją paspauskite publikuoti. Norėdami pridėti jį prie savo įrašo, naudokite galerijos trumpąjį kodą arba spustelėkite Robo galerijos mygtuką, rodomą virš įrašo ar puslapio pavadinimo.
Robo galerijos papildinys veikia su klasikine redaktoriumi. Jis taip pat suderinamas su blokų rengyklėmis, tačiau norint sulyginti vaizdus vienas šalia kito, to nereikia.
Blokų rengyklė gali tuo pasirūpinti. Tačiau jis turi keletą papildomų funkcijų, todėl net jei naudojate blokų rengyklę, jūsų vaizdai gali būti rodomi geriau naudojant šį papildinį.
