Töötamine WordPressi pildiblokiga: Kuidas lisada pilte WordPress [+Salajane vihje]

Töötamine WordPressi pildiblokiga: Kuidas lisada pilte WordPress [+Salajane vihje]

Paljude kasutajate jaoks võib pildiga töötamine olla väga masendav. Alati ei ole lihtne valida õiget kuvasuhet või muuta piltide suurust õigesti, et need näeksid kogu kujunduses hästi välja.

  1. Miks kasutada WordPressi pildiblokki
  2. Kuidas lisada pilte WordPressi pildiblokiga
  3. Täiendav vormingu piltide protsess
  4. Lisatipp meilt artikli sees

Vanemad WordPressi versioonid (kuni v5.0) lisavad pilte kasutades +Add Media nuppu. Probleem oli selles, et isegi pildi suuruse minimaalse muutmise korral pidid sa selle uuesti üles laadima. See tähendab aja raiskamist ja üleliigseid klõpsamisi.

Uus plokipõhine toimetaja Gutenberg muudab seda, kuidas pilte WordPressi lisada, et muuta see protsess lõppkasutajate jaoks lihtsamaks. Selles artiklis näitame teile praktilist juhendit WordPressi pildibloki lisamise ja redigeerimise kohta. Lisaks selgitame veel ühte võimalust piltide kleepimiseks - kuidas kopeerida ja kleepida pilt sisu alale paari klikiga. Samuti tutvustame teile äsja lisatud funktsioone, mis tulevad WP 5.3-st.

Kuid kõigepealt räägime sellest, miks peaksite postitustes ja lehekülgedel kasutama pilte.

Miks on WordPress Image plokk must-have oma veebilehel

Tähelepanu äratamine

Pildid tõmbavad veebilehe külastajate tähelepanu. Need peavad olema huvitavad, et hoida külastajaid kauem teie veebisaidil. Mõelge blogipostitusele ilma piltideta. See on vaid hunnik teksti. Esmapilgul ei ole see väga huvitav, kuigi see võib olla väärtuslik ja täis teavet. Lisaks aitavad fotod teie teemat paremini ette kujutada ja kirjeldada.

Sel põhjusel peame kasutama WordPressi pildiblokki, et keskenduda olulistele asjadele.

Näide 2 blogi kohta piltidega või ilma piltideta
Näide 2 blogi kohta piltidega või ilma piltideta

Illustreeriv tekst ja kontekst

Pildid on ka oluline osa sisu mõistmiseks, sest need võimaldavad külastajatel paremini mõista, millest artikkel räägib. Tänu infograafikale saate selgitada keerulisi seoseid ja rääkida asju lihtsal viisil. See aitab külastajatel paremini orienteeruda probleemis, millest te räägite.

Infograafiline näide
Infograafik parema teksti selgitamiseks

Teha veebileht kenamaks

Pealegi annavad pildid kogu veebilehe kujundusele kenasti viimistlusvärvi. Küsimus ei ole ainult veebilehe kujunduses, vaid ka kasutatavuses. Õigesti valitud ja paigutatud pilt aitab külastajal teie veebisaiti lihtsamalt sirvida.

Kuidas lisada pilte WordPressi plokkredaktorisse

Pildi lisamiseks postitusse või lehele peate lisama põhiploki - pildiploki. Selleks on mitu võimalust:

- Kasutades "+" ülemisel ribal või mujal redaktoris

Lisage pildiplokk, klõpsates "+"
WordPressi pildibloki lisamine klõpsates "+"

- Kasutades kaldkriipsu "/" ja kirjutades pärast seda sõna "image".

Lisa pildiblokk, kasutades kaldkriipsu
Pildibloki lisamine kaldkriipsu "/" abil

Luuakse uus plokk, kuhu saab lisada tegelikke pilte.

Piltide üleslaadimine WordPressi

Kuidas panna pilte sinna, kuhu soovite?

  • Kasutage Upload ja valige pilt oma kõvakettalt.
  • Kasutage Media Library, kus saate valida pilte seal olid juba üles laaditud oma veebilehel
  • Kasutage hiirt ja lohistage ja laske pilt
  • Sisesta pildi URL-aadress
Võimalused piltide üleslaadimiseks
Piltide üleslaadimise võimalused - üks neist on kaustast pildi drag & drop'i kasutamine.

Vähem tuntud meetod WordPressi piltide lisamiseks

Lisaks eelnevalt mainitud piltide üleslaadimisakna kaudu üleslaadimisele on veel üks võimalus pildi sisestamiseks (ja see on nii kiire!). WordPressi täiustatud redaktori abil on teil võimalik:

  • Kopeeri pilt mis tahes sisust või
  • Lihtsalt "lohistage" pilti hiirekursoriga

Ja seejärel sisestage või liigutage (tilkake) valitud pilt soovitud kohta sisualas.

Lohistage pilt avaldatud postitusest sisu piirkonda
Lohistage valitud pilt ja laske see sinna, kuhu vaja (otse WordPressi redaktorisse).

Sama tehnikat saate kasutada ka juhul, kui soovite kleepida ekraanilt jäädvustatud pilti. Vaja on vaid kolme lihtsat sammu. Esimene, peate tegema ekraanipildi kasutades printimisekraani funktsiooni. Näiteks Windows 10 pakub oma vaikimisi Snippet-tööriista nimega Snip & Sketch, mis on saadaval ka otsetee kaudu - vajuta lihtsalt klaviatuuril Win+Shift+S klahve koos. Seejärel vali pildi ala, mida tahad jäädvustada. Viimane samm on kopeeritud pildi (või selle osa) kleepimine sisualasse, kasutades põhilist kiirklahvi Ctrl+V.

Ja mis juhtub WordPressi pildiga, mille olete oma redaktorisse kleepinud? Noh, see lisatakse automaatselt meediaraamatukogusse, kus saate seda pilti redigeerida.

Pildi metaandmete piiratud võimalused

Pildi redigeerimise raames saate määrata selle pealkirja, pealkirja, kirjelduse ja alternatiivse teksti. Kahjuks ei saa te muuta pildi failinime - see säilitab oma automaatselt genereeritud nime, nagu näiteks image-1.png ja nii edasi. Selline failinimi võib olla SEO-optimeerimise seisukohast veidi ebasoodne, kuna see on vastuolus failide nimetamissoovitustega. Seetõttu peate seda aspekti arvesse võtma enne WordPressi piltide teisaldamist sisualasse.

Pildi joondamine

Pildi joondamine on üks peamisi funktsioone. Pole tähtis, kas lisate WordPressi pildibloki postitusse või leheküljele, peaksite alati kaaluma paigutust sõltuvalt veebisaidi kujundusest. Selle põhjal saab pildi joondamise valida tööriistaribal selle kohal. Vaikimisi saate joondada pildi vasakule, paremale või keskele. Mõned WordPressi teemad lubavad pilte tsentreerida laialt või täislaiult. See sõltub tõesti teema omadustest, kuna kõik teemad ei toeta seda.

Pildi joondamise seaded
Pildi joondamise valikud

Piltide suuruse muutmine

WordPressi redaktori pildibloki revolutsiooniline funktsioon on praktiline suuruse muutmine. Lihtsalt lohistage pildi külge, et muuta see väiksemaks või suuremaks. Nii saate pildi suurust vastavalt sisutekstile sättida. Redaktor hoiab automaatselt pildi proportsioonid, mis tähendab, et te ei pea muretsema deformatsioonide pärast.

Pildi suuruse muutmine
Sujuv pildi suuruse muutmine, püüdes selle käepidemeid

Uus plokkstiil, mis muudab pildi ringikujuliseks

Kui kasutad WordPressi viimast saadavalolevat versiooni, siis oled võib-olla märganud uut ringikujundusstiili, mida saad oma pildi jaoks kasutada. Pildi kuju saab muuta ülemise tööriistariba kaudu, klõpsates esimesel "Muuda ploki tüüpi või stiili" ikoonil. Vaikimisi (ristkülikukujuline) kuju lõigatakse ringikujuliseks.

Pildi ringikuju
Uus ringstiilis kujundus teie piltide jaoks

Uued funktsioonid WordPressi piltide plokis (lisatud WP 5.3)

Suure eraldusvõimega piltide tugi

WP 5.3 üks suurimaid tipphetki on täiustatud pilditöötlus WordPressi platvormil. Piltidega töötamisel on nüüd kaks peamist funktsiooni:

  1. Üleslaadimise jätkamine - kui laadite üles kõrge resolutsiooniga fotosid ja internetiühendus katkeb, jätkub üleslaadimisprotsess automaatselt katkestatud punktist.
  2. Automaatne piltide pööramine - WP uusim versioon tagab, et valesti pööratud pildid pööratakse automaatselt õigesse asendisse, kui need üles laaditakse.

Inspektori seaded

Täpsete mõõtmete seadistamiseks saate kasutada redaktori parempoolsel külgribal asuvat inspektorit. Pildi suuruse seaded pakuvad valmis formaate nagu pisipilt, keskmine, suur või täissuurus. Laiuse ja kõrguse saate määrata muidugi pikslites või protsentides.

Saadaolevad pildi suuruse seaded
Pildi suuruse seaded

See on väga kiire ja praktiline, sest saate teha kõik pildi suuruse muutmise muudatused otse WordPressi piltide ploki sees ja kõik on ühes kohas plokkide redaktoris.

Muud pildibloki seaded

Kuidas lisada URL-aadress

Pilte võib kasutada staatiliste piltidena või need võivad olla ka klõpsatavad ja linkida:

  •   Meedia fail
  •   Lisa lehekülg
  •   Kohandatud URL
Pildi lingi seaded
Saadaolevad pildilinkide seaded

Kuidas redigeerida pilti WordPressi pildiblokis

Iga pilti saab redigeerida pärast pliiatsi ikoonile klõpsamist. Avaneb modaalne aken koos meediaraamatukoguga, kuhu saate kirjutada alt-teksti, pealkirja, pealkirja ja kirjelduse. Samamoodi, nagu te olete juba harjunud seda tegema vanemas WordPressi versioonis klassikalise redaktoriga.

Pildi andmed SEO eesmärgil
Pildi andmed, mida peaksite täitma, et parandada oma veebisaidi SEO-d

Miks on oluline, et need tekstid oleksid täidetud?

Kui külastajad klõpsavad pildil, et näha seda suuremana, näevad nad pildi pealkirja (näiteks Citadela koduleht), mitte pildi failinime. Samuti, kui pildi laadimisega on probleeme, kuvatakse teie veebisaidil alternatiivne tekst.

Täiendavad nõuanded

Lisaks kõigile neile põhjustele ja WordPressi pildiblokkide seadetele on kõige olulisem asi. Sa võid saada oma veebisaidile rohkem külastajaid, kasutades pilte. Kuidas neid siis saada?

Tänapäeval on inimesed laisad lugema. Nad eelistavad vastuste leidmiseks pilte kerida. Kuidas saavad teie fotod ja pildid auastmele? Tekstid on vastus. Väga oluline SEO optimeerimiseks on täiuslik pildi pealkiri ja kirjeldus. Ärge unustage alternatiivse teksti täitmist. Siis saab Google pildist paremini aru. Nii oleks teil suurem võimalus seda pildi otsingutulemustes järjestada.

2 viisi, kuidas lisada pildiallkirja

Pildiallkirja lisamine on plokkredaktori abil väga lihtne. Kohe pildi all on ruumi teksti kirjutamiseks. See on esimene viis - pildiallkiri kirjutatakse täpselt sellele pildile antud alamlehel.

Pildiallkiri
Pealkiri otse pildi all

Teine võimalus on kirjutada pildiallkiri pliiatsi ikooni abil (Pildi muutmine) meediaraamatukogus. Nii lisate pildi allkirja globaalselt kogu veebisaidil. See tähendab, et kui kasutate sama pilti kolmes erinevas kohas, siis kasutatakse alati seda pildiallkirja.

Pildiallkirja lisamine meediaraamatukogus
Pildiallkiri lisatud meedia raamatukogu kaudu

Kas sulle meeldib, kui lihtne on lisada pilte WordPressi pildiblokis? Proovige seda ise!

Tutvu lähemalt meie uhiuue Citadela WordPressi teemaga ja selle kohandatud kujunduspakettidega. Need on spetsiaalselt kavandatud ja välja töötatud erinevatele ettevõtetele ning toetavad ka uut viisi sisu redigeerimiseks WordPressi plokkredaktori kaudu.

7 arvas teemal „Working with WordPress Image block: How to add images in WordPress [+Secret tip]

  1. tegelikult ei ole tegelikku muutust enne/pärast gutembergi redaktorit. Kõik need võimalused olid juba olemas. ja tõde on see, et gutemberg editor on täielik desaster, see on põhjus, miks elementor, divi ja visual composer on nii populars. Ma tõesti loodan, et teie järgmine versioon on 100% ühilduv nende ehitajatega, sest keegi ei kasuta wordpressi redaktorit 😀.

    1. Tere,

      aitäh kommenteerimise eest. Jah, mall ühildub kõigi WordPressi pistikprogrammidega, mis on kirjutatud vastavalt WordPressi koodeksile ja standarditele.

      Tervist!
      Zlatko

    1. Tere,

      aitäh küsimise eest. See on meie põhitegevus, et iga meie toodet regulaarselt ajakohastada.
      Kui teid huvitab võimalus uuendada City Guide teemast Citadela teemale, mis on täielikult ühilduv wordpress gutenberg redaktoriga, siis vastus on: jah, meil on kavas vabastada plugin, tänu millele saate hallata migratsiooni City Guide teemast Citadela teemasse, mida on laiendatud Citadela kataloogipluginiga (1. plugin peaks varsti välja lastama).

      Lugupidamisega!
      AIT meeskond

  2. Olen märganud, et pilti on võimalik kleepida otse Gutenbergi redaktorisse. Selle tulemusel lisatakse meediaraamatukogusse pilt nimega pilt-1, pilt-2 jne...

    Funktsioon, mida ma ei lugenud sellel lehel, nii et võib-olla kena lisada.

    See on eriti kasulik siis, kui pilt on skriiningrabbed, kasutades Windowsi snippet tööriista (Win+shift+S). Seejärel saab selle otse artiklisse kleepida otse kursori kohale.

    Selle meetodi suurim puudus on see, et ma ei ole leidnud võimalust failinime redigeerimiseks selle sisestamise ajal või pärast seda.. Nii et see ei ole väga SEO-sõbralik.

  3. Tere
    Mul on probleeme piltide lisamisega "Multi Author Blog" teemasse. Tundub, et on võimatu lisada 2. või 3. pilt pöörlevale liugurile iga blogipostituse ülaosas. See tähendab, et liugur on mõne sekundi pärast tühi, nagu ootaks ta 2. pilti.
    Palun võiks seda parandada?
    Alternatiivselt: küsimus - "Multi Author Blog" on Archnetworki jaoks oluline (meil on partner Slovakkias), sest me kasutame seda "aruandlusplatvormina" meie Loodusprojektides osalejatele. Kas teie raamatukogus on mõni alternatiivne teema, mida me võiksime samamoodi kasutada?
    Blair Urquhart (eluaegne tellimus - IT Dept Archnetwork)

    1. Tere,

      Täname, et sa kirjutasid. Esiteks, palun kontrollige oma teema/plugin'i versioonid viimaste versioonidega, kui saate: soovitame kasutada AIT Updater pluginat tasuta -> https://www.ait-themes.club/wordpress-plugins/ait-updater/ , (või dokumentatsiooni, kuidas pluginat seadistada: https://www.ait-themes.club/doc/updater-plugin-documentation/
      Juhised toote aktiveerimise kohta leiate aadressilt: https://www.ait-themes.club/doc/theme-activation/.

      Kui teie probleem püsib endiselt, esitage meile mõned pildid või võtke meiega ühendust tugifoorumi kaudu koos AIT SysInfo aruandega: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Meie tehnikud on valmis teid aitama mis tahes teemat puudutava probleemi puhul: Klienditugi on tagatud tööpäeviti kell 8.00-17.00 Kesk-Euroopa aja järgi, kuna ma ei suutnud teie probleemi korrata. Revolution liugur töötab korrektselt.

      Teiseks,
      Citadela tootepaketti on lisatud mõned huvitavad funktsioonid, palun vaadake võrdlustabelit: https://www.ait-themes.club/next-generation-directorypro/

      Kui me saame teid veel kuidagi aidata, võtke meiega ühendust.

      Lugupidamisega!
      Zlatko
      AIT meeskond

Kommentaarid on suletud.