Hvernig á að bæta myndir í WordPress

Hvernig á að bæta myndir í WordPress


Það er langt síðan myndir voru eitthvað of stórar til að hlaða á Netinu. Í dag geta vefsíður ekki verið til án þeirra. Jafnvel þó að nethraði hafi aukist til muna í gegnum árin er mikilvægt að þú sért að sjá um myndir á blogginu þínu.

Bara vegna þess að það er auðvelt að hlaða inn myndum á síðuna þína þýðir það ekki að þú ættir að gera það án nokkurs undirbúnings. Ósamhæfðar myndir geta í raun skaðað síðuna þína á margan hátt; frá því að hafa áhrif á það hvernig gestir hugsa um þig til hraðans á vefsíðu þinni og SEO röðunar. Ef þér hefur enn ekki dottið það í hug, þá erum við hér til að sýna þér nokkrar leiðir til að bæta myndir í WordPress.

Í þessari handbók erum við að fara að sýna þér:

  • Hvernig á að hagræða myndum fyrir WordPress til að flýta fyrir síðuna þína og bæta SEO
  • Breyta því hvernig WordPress þjappar JPEG-myndum
  • Vinsælustu viðbætur fyrir myndavæðingu fyrir WordPress
  • Bættu við latur hleðslu fyrir vídeóin þín og myndir
  • Sýna fyrir og eftir myndir á aðlaðandi hátt
  • Hvernig á að búa til gagnvirkar myndir – teikna, bæta við lýsingum og tenglum
  • Hvernig á að endurnýja viðbótarstærðir mynda
  • Fjarlægðu breidd og hæð mynd eiginleika með jQuery
  • Hvernig á að búa til sérsniðnar myndastærðir í Media Uploader
  • Búðu til sjálfvirkt skjámynd af hvaða vefsíðu sem er og birtu hana sem mynd í færslunni þinni

Contents

Hvernig á að hagræða myndum fyrir WordPress svo þú flýtir fyrir síðuna þína og bætir SEO

Af hverju ættirðu að fínstilla myndir fyrir WordPress? Ef þú gerir tilraun geturðu búist við eftirfarandi:

  • Festa síða
  • Betri SEO
  • Minni afrit
  • Minni bandbreidd notkun
  • Hamingjusamari notendur

Þú ættir líka að vita að það eru mismunandi stig þar sem þú getur fínstillt myndirnar. Þú getur séð um myndirnar jafnvel áður en þú hleður þeim inn á blogg eða þú getur gert það eftir upphleðsluna.

Prófaðu myndir fljótt á síðunni þinni

Áður en þú byrjar að vinna að fínstillingu geturðu fljótt skoðað síðuna þína fyrir hraða og afköst. Með því að nota eitthvað af verkfærunum á listanum muntu fljótt fá að vita í hvaða lögun myndirnar eru á síðunni þinni.

Okkur finnst gaman að nota GTmetrix sem jafnvel sýnir þér nákvæmar myndir sem valda því að vefsvæðið þitt hleðst hægar.

Fínstilltu myndir fyrir WordPress áður en þeim er hlaðið upp

Meðan bloggað er, taka flestir ekki allar nauðsynlegar ráðstafanir til að hámarka myndir sínar. Venjulega myndi fólk bara taka mynd af myndavélinni sinni eða snjallsímanum, hlaða niður henni af internetinu eða búa til þá með tölvuhugbúnaði.

Þeir hugsa ekki um snið, myndvíddir né skráarnöfnin. Ef myndin lítur vel út gera þeir bara ráð fyrir að hún sé tilbúin fyrir internetið. Ef þú athugar ekki myndirnar þínar, byggir þú upp á hörmung.

Breyta stærð mynda

Breyta stærð mynda

Ekki hlaða myndum inn á WordPress vefsíðuna þína áður en þú skoðar breidd og hæð hverrar myndar. Ef þú birtir myndir að hámarki 700 pixla, til dæmis, þá er í raun engin þörf á að hlaða upp breiðari mynd. Ef þú gerir það muntu hafa stærri skrá sem gerir síðuna þína hægari en framleiðslan verður sú sama. WordPress mun búa til viðbótarstærð, en það er ekki afsökunin fyrir því að undirbúa ekki myndirnar áður en þeim er hlaðið upp.

Að breyta stærð mynda er fljótt og auðvelt. Það eru mörg ókeypis verkfæri eins og Microsoft Paint sem munu hjálpa þér við það. Þú getur jafnvel fundið ókeypis tæki til að breyta stærð mynda eins og Auðvelt að breyta stærð.

Stærð myndanna er breytileg frá þema til þema. Ef þú ert ekki viss um hvaða þú ættir að nota skaltu skoða WordPress þema þitt nánar og skoða myndir, leita að gögnum eða biðja stuðning um hjálp.

Breyttu gæðunum

Eftir að þú hefur breytt stærð, ættir þú að íhuga að breyta gæðum mynda. Það eru mismunandi leiðir til að breyta gæðum mynda, allt eftir hugbúnaðinum. Til dæmis, alltaf vinsæll Photoshop gerir þér kleift að vista myndir á vefnum. Þessi valkostur gerir þér kleift að vista myndir í minni gæðum, en þær verða fínstilltar fyrir síðuna þína.

Ef þú velur að vista mynd sem JPEG mun Photoshop biðja þig að velja gæðastigið. Í þessu tilfelli, að lækka gæði úr 12 í aðeins 8, mun draga verulega úr stærð myndar, en munurinn á gæðum verður ekki mikill.

Ef þú ert enn ekki að nota neinn hugbúnað til að breyta gæðum myndanna þinna geturðu prófað ókeypis á netinu Pínulítill PNG tæki. Hladdu bara upp mynd og sjáðu hvaða munur hún getur skipt.

Veldu rétt snið

Jafnvel eftir breytingar á stærð og gæðum, ættir þú að íhuga að breyta sniði. Til að byrja með, bara með því að velja rétt snið, getur þú tekið nokkur kílóbæti af mynd, ef ekki meira.

Myndasnið

Almenna reglan er mjög einföld. Ef þú ert með ljósmynd, gerðu það að JPEG. Ef þú ert með lógó, vektormynd eða mjög einföld tölvugerð mynd, farðu þá með PNG. Ef þú ert með virkilega litla mynd án halla eða þú vilt sýna einfalt teiknimynd eins og á myndinni hér að ofan, geturðu notað GIF. Almennt, PNG myndir verða nokkuð stærri en JPEG myndirnar og þú getur notið góðs af því að breyta sniði.

Í mörgum tilfellum gera umbætur á myndum ekki mikinn gæðamun á meðan þú getur búist við mismuninum á stærðinni. Næst áður en þú hleður upp PNG ljósmynd, gefðu henni mynd og reyndu að vista hana sem JPEG til að sjá muninn. Til að fá nánari skýringar, vinsamlegast skoðaðu munur á PNG, JPEG, GIF og SVG.

Gætið að skráarheitum

Þó að skráarnafn gæti hljómað ekki máli er það í raun eitthvað sem þú ættir að vera mjög meðvitaður um. Nafn myndar þínar geymir verðmætar upplýsingar fyrir SEO. Ef þú vilt að aðrir geti fundið myndina þína á Google og öðrum leitarvélum ættirðu að gefa henni heiti rétt.

Við mælum með að þú nefnir myndir án þess að nota bil. Ekki gleyma að hafa lykilorð með ef þú vilt að síðunni og myndinni verði raðað. Til dæmis, ef þú ert að hlaða inn mynd af Ferrari Kaliforníu, ætti skráarheitið að vera „ferrari-california.jpg.“ Ef þú notar SEO tappi fyrir WordPress, þá veistu nú þegar að það skoðar alt tags fyrir leitarorð. Já, það er mjög mikilvægt að hafa rétt myndarheiti.

Fínstilltu myndir fyrir WordPress eftir upphleðslu

Eftir að búið er að búa til myndir á tölvunni þinni geturðu haldið áfram með að hlaða upp. Vonandi eru myndirnar þínar í réttri stærð og gæðum. Þú vissir um að snið og skráarheiti væru rétt. Eftir upphleðsluna mun WordPress biðja þig um frekari upplýsingar. Ekki sleppa metaupplýsingunum; fylltu út upplýsingarnar um myndirnar þínar svo þú getir auðveldlega skipulagt þær og undirbúið þig fyrir SEO.

Titill, lýsing, alt texti og yfirskrift

Þú ættir ekki að gleyma SEO varðandi notkun tækninnar. Bættu alltaf titlinum og lýsingunni við fjölmiðla. Þetta mun hjálpa þér við WordPress fjölmiðlunarstjórnun og það mun einnig vinna að betri SEO. Ekki gleyma alt taginu sem birtist fyrir gesti sem ekki sjá myndina þína almennilega. Þetta mun ekki aðeins hjálpa notendum þínum, heldur mun það einnig hjálpa þér við SEO. Síðan þín raðar betur og notendur geta fundið nýju myndirnar þínar auðveldari.

Þó að þú þurfir ekki myndatexta allan tímann, vertu viss um að bæta við myndum fyrir myndir sem þurfa frekari skýringar (til dæmis skjámyndir).

Breyta myndum með WordPress

Ef þú gerir þér grein fyrir því að mynd þarf enn frekari klippingu, ættir þú að vita að WordPress gerir þér kleift að gera það jafnvel eftir að þú hefur hlaðið skránni upp. Breyta snúningi, klippa og kvarða myndir þú hefur þegar hlaðið inn. Þú getur jafnvel breytt bara smámynd eða öllum öðrum stærðum. Innfæddur ritstjóri WordPress er mjög einfaldur en þú getur vistað af og til.

Endurnýjaðu allar smámyndir

Flestar fyrri tækni munu hjálpa þér með nýjar myndskrár sem þú ert enn að fara að hlaða upp. En hvað ef þú ert með hundruð ef ekki þúsundir skráa sem þegar hafa verið settar inn á WordPress síðuna þína? Ekki hafa áhyggjur; þú getur samt fínstillt þessar myndir og breytt stærð þeirra.

Til að fá skyndilausn gætir þú haft áhuga á ókeypis endurnýjuðu smámyndaviðbótinni sem hefur verið notuð af meira en einni milljón notendum. Ef þú vilt hafa meiri stjórn á myndum ættirðu að skoða nokkur bestu WordPress viðbætur til að fínstilla myndina sem við ætlum að sýna þér í eftirfarandi línum í þessari grein.

Hvernig á að endurnýja viðbótarstærðir mynda

Notaðu WordPress viðbætur

Auðvitað eru til fjöldinn allur af WordPress viðbótum sem geta hjálpað þér að fínstilla myndir á síðunni þinni. Skrunaðu niður til að sjá bestu WordPress viðbætur til að fínstilla myndir.

Latur Hlaðið myndir þegar nauðsyn krefur

Stundum eru gæði myndanna mun mikilvægari en stærð þeirra. Þetta á aðallega við um ljósmyndara sem vilja að myndirnar þeirra séu í efsta sæti. Þeir geta ekki hætta á að minnka stærð né gæði skráa. Samt þýðir það ekki að þú ættir að gleyma hagræðingu. Til að hámarka myndir fyrir WordPress í þessu tilfelli ættir þú að íhuga lata hleðslu.

Latur álag er tækni sem hleður aðeins inn myndum þegar notendur þurfa á þeim að halda (skrunaðu að þeim). Til dæmis, ef þú settir inn tuttugu vandaðar ljósmyndir í einni grein, myndu þær hægja á síðuna þína gríðarlega. En ef þú latir hlaða myndirnar, þá myndi greinin verða elding fljótt og myndir hlaðast aðeins þegar þörf krefur – á því augnabliki þegar notandi kemst til þeirra.

Hafa móttækilegar myndir

Þó að meirihluti WordPress þema séu móttækileg þýðir það ekki endilega að myndirnar þínar séu líka móttækilegar. Þar sem þú vilt ekki að stór mynd sé hlaðin á litlum skjá þarftu að skrá viðbótarstærð mynda á síðuna þína. Ef þemað þitt er ekki að nota móttækilegar myndir skaltu íhuga að ráða fagmann í starfið – það er ekki eins auðvelt og það gæti hljómað.

Fínstilltu myndir fyrir samfélagsmiðla

Ef þú vilt ganga úr skugga um að myndirnar þínar líti vel út á samfélagsmiðlum verður þú að taka aukalega skref og fínstilla metatög og merkingar á stefi.

Ef þú ert að nota SEO tappi eins og Yoast, ekki gleyma að athuga stillingarnar. Til dæmis mun Yoast láta þig setja upp nokkur atriði sem tengjast samfélagsmiðlum. Farðu svo í SEO -> Social og sláðu inn upplýsingarnar á Facebook, Twitter, Google+ og Pinterest.

Ef þú vilt meira, og þú vilt fínstilla myndir fyrir viðbótar vefsíður á samfélagsmiðlum, skoðaðu það WPSSO – Nákvæmar Metatags + Markaðsáætlun fyrir hagræðingu í samfélaginu og SEO viðbót.

Breyta því hvernig WordPress þjappar JPEG-myndum

Ef þú ert að hlaða inn fullt af JPEG myndum á WordPress vefsíðuna þína gætir þú tekið eftir því að þær eru að tapa á upprunalegum gæðum. Ef þú hefur velt því fyrir þér hvort WordPress sé að kenna, þá muntu fá svar þitt – já, það er það!

Þegar þú hefur hlaðið upp mynd á JPEG sniði, WordPress breytir sjálfkrafa samþjöppuninni og ákveður að þú viljir að myndin tapi á gæðum. Til að vera nákvæmari notar WP 90% samþjöppun á JPGE þínum. Það er frábært ef myndirnar þínar eru aðeins til þess að nota sem smámyndir eða til að vera sýndar í færslu, en ef þú ert að hlaða inn ljósmyndunum þínum viltu að þær séu sem bestar, rétt?

Sem betur fer þarftu aðeins eina lína af kóða til að breyta þessu.

Stöðva þjöppun JPEG mynda:

Ef þú vilt ekki að JPEG-myndirnar þínar séu þjappaðar skaltu einfaldlega afrita og líma eftirfarandi kóða í function.php skrána:

add_filter ('jpeg_quality', fall ($ arg) {return 100;});

Ekki gleyma að vista breytingarnar og þú ert tilbúinn að hlaða inn nýjum myndum.

Hins vegar gætu myndir ekki verið svona miklar fyrir þig. Svo þú gætir viljað að þeir verði enn þéttari og spari þér tíma við að hlaða síðuna þína. Ef þú breytir síðasta númeri í þeirri kóðalínu muntu breyta gæðum nýupphlaðinna mynda.

Þjappaðu JPEG myndir enn meira:

Því lægri sem fjöldinn er, því fleiri myndir verða þjappaðar. Til dæmis, til að þjappa þessum JPEG-myndum enn meira, þá þarftu þennan kóða:

add_filter ('jpeg_quality', fall ($ arg) {return 80;});

Ekki gleyma; sjálfgefið samþjöppunarstig er 90.

Mikilvægt: Þetta mun aðeins hafa áhrif á myndir sem þú hefur hlaðið upp eftir að þú límdir kóðann í features.php. Til að breyta stærð og gæðum myndanna sem þú ert þegar með á bókasafninu þarftu viðbót. Sjáðu hvernig á að endurnýja viðbótarstærðir mynda.

Vinsælustu viðbætur fyrir myndavæðingu fyrir WordPress

Í upphafi þessarar greinar töluðum við um hvernig best væri að hámarka myndir fyrir WordPress svo þú flýtir fyrir síðuna þína og bætir SEO. Eins og þú hefðir getað séð eru nokkrar mismunandi aðferðir sem þú getur notað. Það er mikilvægt að sjá um myndir jafnvel áður en þú hleður þeim inn á bloggið þitt. En þegar myndir eru þegar komnar á síðuna, þá getur það orðið ómögulegt að endurtaka hverja og eina mynd fyrir sig og hlaða þeim síðan aftur upp.

Ekki hafa áhyggjur; enginn býst við að þú gerir það í fyrsta lagi. Vertu með okkur á næstu mínútum þar sem við erum að fara að sýna þér vinsælustu myndauppbótina fyrir WordPress.

Til að hámarka myndir verðurðu bara að velja viðbótina af listanum. Þú verður að stilla það og velja hluti sem viðbótin gerir fyrir þig. Eftir það munt þú geta slakað á og falið verkinu í viðbótina að eigin vali, meðan þú getur byrjað að skipuleggja miðlunarskrárnar þínar.

Eftirfarandi viðbætur hjálpa þér við að þjappa myndunum á hvaða WordPress síðu sem þú hefur. Þeir munu gera síðuna hraðari og að lokum hjálpa þér að bæta SEO.

WP Smush

VERÐ: Ókeypis

Með meira en 700.000 virkum uppsetningum verður WP Smush að vera einn af bestu myndbætur fyrir WordPress. Það getur fljótt fínstillt myndir með því að nota mismunandi samþjöppunartækni. Það frábæra við að þjappa myndum með WP Smush er að myndir tapa ekki á gæðum. Trúirðu okkur ekki? Prófaðu viðbótina.

Þegar við ræddum um að útbúa myndir fyrir WordPress minntumst við á að að stærð væri mikilvægur þáttur í fínstillingarferlinu. Með þessu viðbæti þarftu ekki að hafa áhyggjur af því þar sem WP Smush gerir þér kleift að stilla hámarksvíddir. Þegar það er gert munu allar stærri myndirnar sjálfkrafa minnka áður en þú bætir þeim við á safnið.

Þessi frábæra viðbót getur unnið með JPEG, GIF og PNG skrám. Það vinnur með öllum möppunum þínum, sér sjálfkrafa um viðhengin og virkar jafnvel á fjölstöðu. Þú getur handvirkt á hverja mynd eða breytt fimmtíu þeirra í lausu. Ef þú vilt enn betri árangur og fleiri möguleika, skoðaðu WP Smush PRO.

EWWW fínstillingu mynda

VERÐ: Ókeypis

Að baki fyndnu nafni er ein vinsælasta viðbót myndavæðingar fyrir WordPress. Rétt eins og áður er getið, getur EWWW Image Optimizer þjappað myndunum þínum án þess að hafa áhrif á gæði þeirra. Þegar þú hugsar um að viðbótin geti flýtt vefsvæðinu þínu á nokkrum sekúndum, þá ertu nú þegar á leiðinni til að hlaða því niður. Þegar þú hefur gert það færðu að fínstilla myndir í lausu og gallerí eins og GRAND FlaGallery, NextCellent og NextGEN munu jafnvel fá sínar eigin búsetu-fínstillingar síður.

Allar myndir sem nota WP_Image_Editor bekk í WordPress verða sjálfkrafa fínstillt, meðan þú getur handvirkt töfra handa öllum hinum. Okkur líkar að þú fáir að velja möppur sem þú vilt fínstilla. Vinsamlegast opnaðu opinbera til að fá frekari upplýsingar um þetta og hvaða viðbætur nota bekkinn EWWW síðu fínstillingarmyndar á WordPress geymslu.

Þjappaðu JPEG & PNG myndum

VERÐ: Ókeypis

Örlítil þjappa myndir

Ef sætur lítill panda með WordPress merki gerir það ekki að verkum að þú vilt læra meira um þetta viðbætur, vitum við ekki hvað verður. Og ef panda lítur vel út, þá er það vegna þess að það er sá sami sem hjálpar þér að þjappa myndum á vefsíðu TinyPNG. Já, það virðist sem dýrið sé fjölhæfara en við héldum upphaflega. En við skulum einbeita okkur að viðbótinni.

Ef þú ferð með þetta viðbót mun Panda bjarga myndunum þínum sjálfkrafa. Í hvert skipti sem þú hleður inn nýjum mun viðbótin taka við og gera starf sitt. Þú getur samt hagrætt einstökum myndum eða gert það í einu með því að fara á fjölmiðlasafnið.

Þjappa JPEG & PNG myndum styður jafnvel hreyfimyndir PNG, virkar fullkomlega á fjölstöðu, það er WooComerce samhæft og mun ekki eiga í vandræðum með WP Offload S3.

Það frábæra við viðbótina er að það gerir þér kleift að stilla hámarks breidd og hæð eiginleika fyrir allar myndirnar. Ef þú hefur haft áhyggjur af því hvað það mun gera lýsigögnin skaltu ekki hafa áhyggjur; Panda mun halda öllum upplýsingum óbreyttum.

Það eru engin skráarstærðarmörk, þú færð að setja búnað til mælaborðs og það virkar jafnvel með WordPress farsímaforritinu. Vegna þess að allt þetta, þjappa JPEG og PNG myndum eru með meira en 100.000 virkar uppsetningar og verðskuldar blett á listanum yfir bestu viðbótarviðbætur fyrir WordPress.

Geðveiki

VERÐ: Ókeypis

Geðveiki

Þó að forsíðumyndin fyrir þetta viðbætur gæti hrætt þig, taktu þig eina sekúndu og skoðaðu alla eiginleika Imsanity. Ó, jafnvel nafn tappans hljómar geðveikt, ekki satt? Þegar þú ert í lagi með nafnið á viðbótinni sérðu að það hefur margt fram að færa.

Imsanity getur sjálfkrafa stærðargráðu myndir, gerir þér kleift að stilla hámarksvíddir og það er meira að segja með stærri stærð. Þetta er mikilvægt ef þú ert þegar með hundruð mynda á blogginu þínu sem þarfnast hagræðingar.

Þetta ókeypis viðbót er frábær kostur ef þú vilt ekki berjast við stillingar viðbótarinnar. Það eina sem þarf er að setja upp og virkja Imsanity, setja nokkra valkosti og þú getur gleymt því; það mun stjórna sinni leið í átt að hagræðingu mynda.

Við elskuðum möguleikann sem gerir þér kleift að umbreyta BMP myndum í JPG. Bara ef þú ert með mikið af BMP skrám sem þú hefur ranglega sett inn fyrir nokkru, þá verður þetta björgunaraðili.

ShortPixel Image Optimizer

VERÐ: Ókeypis

ShortPixel Image Optimizer

Með meira en 30.000 virkum uppsetningum er ShortPixel Image enn ein vinsælasta viðbót myndavæðingar fyrir WordPress. Tappinn er fullur af eiginleikum og það verður að verða fyrir vefi sem hafa mikið af myndum til að hagræða.

ShortPixel Image Optimizer mun ekki aðeins fínstilla JPG, PNG, GIF og PDF skjöl fyrir þig, heldur mun það einnig láta þig umbreyta hvaða JPEG, PNG eða GIF mynd sem er í WebP. Viðbótin virkar vel með öðrum galleríviðbótum og það er alveg sama hvort vefsvæðið þitt notar HTTP eða HTTPS. Það gerir þér kleift að fjarlægja EXIF ​​gögn úr myndum (eitthvað sem ljósmyndarar elska að hafa).

Viðbætið þekkir myndir sem það hefur þegar verið fínstillt þannig að það sleppir þeim þegar þess er þörf. Þú færð að leyfa eða banna hagræðingu sjálfkrafa og gera mikið, miklu meira með þessu frábæra viðbót. Skoðaðu opinberu síðuna á geymslunni til að sjá alla eiginleika.

Optimus – WordPress Image Optimizer

VERÐ: Ókeypis

Optimus

Rétt eins og áður nefnt viðbót, Optimus mun fínstilla myndirnar þínar fyrir WordPress og það mun gera það án þess að hafa áhrif á gæði myndanna þinna. Þú getur látið viðbótina vinna úr hlutunum sjálfkrafa, eða þú getur slökkt á valkostinum og aðeins fínstillt myndir þegar þess er þörf.

Optimus virkar á fjölstöðu, það er ekki ókunnugt fyrir netfyrirtæki í WordPress og það er fullkomlega fínstillt fyrir WordPress farsímaforrit og Windows Live Writer. Það mun flýta fyrir síðuna þína án þess að þú þurfir að snerta kóðalínu. Viðbótin býður upp á miklu meira, en þú verður að taka þátt í aukagjaldsútgáfunni. Til að sjá meira, vinsamlegast farðu á opinberu síðuna í geymslugeymslu WordPress viðbótar.

Bættu við latur hleðslu fyrir vídeóin þín og myndir í WordPress

Þegar þú byrjar að bæta við miklu myndbands- og myndefni á vefsíðuna þína er augljóst að það byrjar að hlaða hægar. Sama hvaðan þær koma, myndbönd og stór myndir munu þyngjast á vefsvæðinu þínu og gera gestum þínum að bíða miklu lengur en nauðsyn krefur til að hlaða allt innihaldið. Með WordPress ætti það ekki að vera mikið mál og hér er hvernig þú getur auðveldlega lagað ástandið.

Ef þú veist um PHP, þá er frábær grein um að bæta við lata hleðslu fyrir myndir og óendanlega skrunina sem samstarfsmenn okkar skrifuðu á Glæsileg þemu.

Ef ekki, munum við í næstu línum nefna nokkur vinsælasta lata hleðslutenging sem mun gera það gera síðuna þína hraðari. Og þú þarft ekki einu sinni að gera mikið en að setja upp viðbót og setja það upp í nokkrum skjótum skrefum.

Latur hleðsla fyrir myndbönd

VERÐ: ókeypis

Latur hleðsla fyrir myndbönd

Ef þú ert með mikið af Youtube og Vimeo myndböndum, ættir þú að íhuga að setja upp þetta viðbót. Þegar þú hefur sett það upp mun viðbótin setja mynd á myndbandið þitt og vegna þess hleðst vefsíðan þín mun hraðar inn. Þegar gestur skrunar að myndskeiði verður þessi mynd sýnd með „play“ hnappi yfir það. Eftir smelli byrjar myndbandið að hlaða og spila. Hægt er að skoða einfalda kynningu á vef framkvæmdaraðila.

WP YouTube Lyte

VERÐ: Ókeypis

WP YouTube Lyte

Þessi tappi mun vinna verk sitt á fljótlegan og auðveldan hátt. Eftir að þú hefur sett það upp skaltu bara bæta við krækju á Youtube myndbandið þitt eða nota stuttan kóða til að bæta við einum. Þú getur valið á milli þess að bæta við venjulegu myndskeiði, spilunarlista eða eingöngu hljóði frá völdum myndbandi. Eftir það munu Youtube myndböndin þín fá mynd yfir það sem gerir kleift að lata hleðslu. Smelltu bara á myndina til að byrja myndbandið þitt eða hljóðið.
Sjáðu kynningu á vefsíðu þróunaraðila.

a3 Latur hleðsla

VERÐ: Ókeypis
DEMO 1
DEMO 2

a3 Latur hleðsla

Þessi er tileinkuð farsímasíðunni þinni. Ef þú ert með mikið af myndum og / eða myndböndum sem þú vilt sýna gestum þínum í farsímum, ættir þú að skoða a3 Lazy Load. Það gerir þér kleift að bæta latur hleðslu við myndirnar þínar og myndböndin og viðbætið mun jafnvel láta þig velja umbreytingaráhrif sem birtast notendum meðan þeir fletta í gegnum innihaldið sem er að hlaða.

Á admin svæðinu er auðvelt að slökkva og slökkva á innihaldi sem þú vilt lata hlaða. Fyrir þá sem eru kveiktir verður efni hlaðinn aðeins þegar gestur skrunar að þeim hluta innihaldsins.
Það er fallega sýning sem sýnir 1000 myndir – hver er hlaðinn aðeins þegar þú skrunar að henni. Eins og þetta tappi latur hlaða vídeó líka, það er vídeó kynning sem þú getur séð með því að smella á tengilinn hér að ofan.

BJ Lazy Load

VERÐ: Ókeypis

BJ Lazy Load

Ef þú þarft ekki stuðning við myndbönd og vilt aðeins að myndirnar þínar séu latar hleðst þá ættirðu að skoða WP viðbótina. Þegar það er sett upp og sett upp mun það skipta um myndir, smámyndir, Gravatar myndir og jafnvel iframes fyrir staðarstað. Svipað og áður hefur verið nefnt viðbót mun það aðeins hlaða inn efni þegar notandi kemur til þess.

Hvort sem það eru myndir eða myndbönd sem þú vilt lata hlaða, þá mun ein af ofangreindum viðbótunum hjálpa þér á nokkrum sekúndum. Allar þeirra eru ókeypis svo það er engin afsökun fyrir því að prófa ekki að minnsta kosti einn af viðbótunum og sjá hversu mikið af herðum þínum mun taka. Auðvitað eru mörg önnur viðbætur með sömu aðgerð og þér er frjálst að fletta og prófa þau öll.

Sýna fyrir og eftir myndir á aðlaðandi hátt

Við erum viss um að þú hefur þegar séð mörg dæmi um fyrir / eftir myndir. Veit ekki um þig en það fyrsta sem við höfum í huga þegar við sjáum „fyrir og eftir“ setninguna er líkamsræktarþjálfunaráætlun þar sem fólk sýnir líkama sinn fyrir og eftir æfingaáætlun.

Ef þú hugsar um það, nota flestar vefsíður einfaldar aðferðir til að sýna fram á mismuninn – þær taka báðar myndirnar og setja þær hverjar við hliðina eða jafnvel hverjar aðrar. Ef þú vilt sömu niðurstöðu myndirðu ekki lesa þessa grein vegna þess að þú veist nú þegar hvernig á að gera það.

Hvað ef við sögðum þér að það er sjónrænt töfrandi leið til að leysa þetta fyrir / eftir vandamál og það bara til að ná til þín? Jæja, það er og eftir uppsetningu, þú munt lofa verktaki vegna þess að lokaniðurstaðan er virkilega, virkilega flott.

Tuttugu og tuttugu

VERÐ: ókeypis

Tuttugu og tuttugu

Tuttugu og tuttugu er heiti þessarar frábæru viðbótar sem þú getur halað niður ókeypis í WordPress viðbótargeymslu.

Viðbótin gerir þér kleift að setja eina mynd yfir hina og láta þig leika með rennibraut svo þú getir falið / afhjúpað myndina. Vinsamlegast sjáðu kynninguna og þú munt sjá hvað við erum að tala um.

Allt í lagi, nú þegar þú ert tengdur við þetta litla viðbætur, skulum sjá hvernig á að búa til þessi töfrandi áhrif. Þó að það sé tiltölulega auðvelt að endurskapa kynningaráhrifin, þá verður þú samt að þekkja þig um grunn HTML. Förum:

  1. Búðu til nýja færslu eða opnaðu þá sem fyrir er
  2. Settu tvær myndir inn í færsluna. Ef þú ert að vinna í Visual Editor ættirðu að sjá myndina fyrir ofan hina. Ef þú ert að vinna í Text Editor ættirðu að sjá kóða svipaðan og þennan:
  3. 
    
    
    
  4. Sláðu inn [tuttugu og tuttugu] merki fyrir fyrstu myndina
  5. Eftir það annað slærðu inn [/ twentytwenty] merkið
  6. Þú ættir að enda með eitthvað svona í textaritlinum þínum:

    [tuttugu og tuttugu]
    
    
    
    [/ tuttugu og tuttugu]
    
  7. Vertu viss um að myndirnar þínar séu í sömu stærð til að ná sem bestum árangri
  8. Forskoðaðu eða birtu færsluna þína og njóttu sjónrænt töfrandi fyrir og eftir myndir

Hvernig á að búa til gagnvirkar myndir – teikna, bæta við lýsingum og tenglum

Í dag er erfitt að reka vefsíðu án margmiðlunar. Myndir, myndbönd og tónlist eru hluti af nánast öllum vefsíðum. Að meðaltali netnotandi er mjög háð sjónrænu áreiti, svo þú verður að sjá um sjónræna og gagnvirka hluta vefsvæðisins. Greinar með myndum fá 94% fleiri skoðanir en þeir sem eru án eins. Einnig er það nú þegar þekkt staðreynd að margmiðlun á vefsíðum getur aukið arðsemi efnismarkaðssetningar.

Við vonum að engin þörf sé á að sannfæra þig um að sjá um myndir á vefnum þínum. Jafnvel þó að þú notir ekki myndir í greinum (sem þú ættir), þá notarðu myndir sem eru til sýnis, ekki satt? Það eru til mörg galleríviðbætur sem geta hjálpað þér að stjórna myndum á WordPress síðuna þína, þú getur haft ljósmyndatengd þemu, tengt Instagram við WordPress síðuna þína og gert svo margt fleira. En hvað ef þú vilt búa til gagnvirkt efni?

Til að byrja með gætirðu haft áhuga á að bæta við myndáhrifum fyrir eftir á sem notendur þínir munu elska. Ekki gleyma Sýndarveruleika í WordPress sem verður vinsælli eftir að Automattic kynnti VR á WordPress.com. Enn vantar eitthvað. Er það mögulegt að gera gagnvirkar myndir með hlutum sem hægt er að smella á? Já, það er mögulegt og við erum að fara að sýna þér hversu skemmtilegt og auðvelt það er.

Vekja athygli

VERÐ: Ókeypis
DEMO

Það fyrsta við þetta viðbætur sem þér líkar við er að það er alveg ókeypis! Rétt eins og með öll önnur viðbætur frá WordPress geymslunni geturðu halað niður, sett upp og virkjað það á nokkrum mínútum. Ókeypis útgáfan gerir þér kleift að vinna með einni gagnvirkri mynd. Ef þú vilt meira, verður þú að afþakka PRO útgáfuna, en við munum tala um það seinna.

Viðbótin er móttækileg og þú þarft ekki að hafa áhyggjur af því að gagnvirku myndirnar birtast rétt á neinu tæki. Ekki bara það að myndin fari eftir stærðargráðu skjástærðar heldur mun hún virka í flestum nútíma og eldri vöfrum (skjáborði og farsíma). Teikning athygli notar strigaþátta þegar þeir birtast í nýjum vöfrum meðan þeir falla aftur á myndakort ef þú hleður því í eldri.

Lögun

Áður en þú kemst að dæmi sem sýnir þér hversu öflug þetta einfalda tappi er, skulum við sjá hvað á að búast við af Draw Attention:

  • Teiknaðu – Eftir að þú hefur hlaðið upp mynd færðu tækifæri til að teikna form á hana. Veldu einhvern hluta af myndinni þinni sem verður að velja / smella
  • Litir – Sérsniðið liti svo að þú getir látið heita bletti passa við hönnun vefsins
  • Auðkenndu á sveima – Sýna annan hluta myndarinnar ef notandi svífur yfir völdum hluta
  • Sýna frekari upplýsingar – Birta frekari upplýsingar um valinn hluta myndarinnar
  • Farðu á slóðina – Beina notendum á hvaða vefslóð sem er ef þeir smella á valið

Teiknið athygli

Dæmi – Gagnvirkt kort af Hawaii

Við munum nota dæmið frá kynningarsíðunni til að sýna þér hvað þú getur gert nákvæmlega með Draw Attention. Svo skulum við sjá hvernig gagnvirkt kort af Hawaii lítur út þegar það er búið til með viðbótinni.

Það fyrsta sem þú þarft að gera er að finna mynd af Hawaii eyjum. Þegar þú ferð til Athygli -> Breyta mynd, þú ættir að hlaða myndinni upp á svæðið á hægri hliðarstikunni. Þegar mynd hleðst inn getur skemmtunin byrjað.

Hér færðu að velja liti fyrir hápunktur (litur, kantur, ógagnsæi osfrv.), Stilla „frekari upplýsingareit“ (mynd, titil, textalit osfrv.). Ef þú vilt ekki velja hvern lit fyrir myndina handvirkt geturðu fljótt valið litasamsetningu á hægri hliðarstikunni.

Vakið athygli - hvernig á að búa til gagnvirkar myndir í WordPress

Töfrandi hluti gerist í Hotspot svæði stillingarskjár. Hér færðu myndina þína í fullri stærð. Allt sem þú þarft að gera núna er að byrja að teikna og búa til nýjan heitan reit. Þú getur bætt við eins mörgum stigum og þú vilt, sem þýðir að þú getur búið til alhliða val sem þú vilt. Þú færð að búa til eins mörg netkerfi og hver og einn getur haft sínar eigin stillingar.

Svo í þessu dæmi ættirðu að velja eina af eyjunum. Veldu titil fyrir eyjuna, bættu við lýsingu og aukamyndinni sem birtist þegar notandi svífur heitan reit (hægri hluti GIF myndarinnar hér að ofan).

Þú ættir að endurtaka ferlið fyrir hverja eyju sem þú vilt vera gagnvirk. Þegar þú ert kominn með reitina þína, afritaðu þá stuttan kóða frá hægri hlið. Límdu stuttan kóða í færslu, síðu, búnað eða hvar sem þú vilt sýna nýja gagnvirka kortið þitt og þú ert búinn! Ef þú vildir vísa notendum á aðra síðu þegar þeir smelltu á valið þarftu bara að velja slóðina í stað lýsingarinnar. Auðvelt eins og það!

PRO útgáfa

Þó að ókeypis útgáfan verði fullkomin ef þú þarft bara eina mynd, þá er PRO útgáfa mun leyfa þér að hafa eins margar gagnvirkar myndir á síðuna þína og þú vilt. Þó að þetta verði það mikilvægasta sem þarf að hafa í huga, þá fær PRO útgáfan þér meira en margar myndir.

Útlit Valkostir útlits gerir þér kleift að sýna frekari upplýsingar um valda hluta myndarinnar. Til dæmis munt þú sjá upplýsingar í ljósakassa eða á einfaldri tækjastiku sem birtist eftir að notandi svífur yfir völdum hluta myndarinnar.

Það eru líka tuttugu fyrirfram skilgreindir litapallettar, svo þú þarft ekki að aðlaga hvern lit handvirkt. PRO útgáfan kostar $ 74 fyrir leyfi fyrir stakt vefsvæði, en ef þú þarft fleiri en eina gagnvirka mynd, þá verður þetta ekki heill.

Hvernig á að endurnýja viðbótarstærðir mynda

Það er tiltölulega auðvelt að skrá nýjar myndastærðir í WordPress þemað. Eftir að þú hefur sagt kerfinu þínu hversu stórar myndir ættu að vera, nefnt þær og ákveðið hvernig á að klippa þær, er þér frjálst að dreifa myndum hvar sem þú vilt. En hvað með gömlu myndirnar?

Ef þú hefur notað eina af þeim aðferðum sem við höfum sýnt þér hefurðu undirbúið torfið fyrir nýjar myndir. Hvort sem þú notar nýskráðar myndastærðir fyrir smámyndir eða leyfir höfundum að nota þær í færslum, nýjar reglur eiga aðeins við um þær myndir sem hlaðið er upp eftir að þú hefur gert breytinguna í skránni funct.php. Til að breyta eldri myndum mælum við með því að nota Regenerate Thumbnails viðbótina.

Endurnýjaðu smámyndir:

VERÐ: Ókeypis
  1. Fara til Viðbætur-> Bæta við nýju
  2. Leita að „Regenerate Thumbnails“
  3. Settu upp og virkdu viðbótina
  4. Sigla til Verkfæri-> Regen.Thumbnails

Ef þú vilt breyta stærð myndanna þinna skaltu einfaldlega smella á hnappinn „Endurnýja allar smámyndir“ og bíða eftir því að viðbótin leggi hart að sér.

Hvernig á að endurnýja viðbótarstærðir mynda

Ef þú vilt sjá myndirnar sem eru að fara að breyta stærðinni, eða ef þú vilt breyta stærð sumra myndanna, farðu þá á Margmiðlunarbókasafnið þitt þar sem þú munt finna nýjan möguleika undir „Magn aðgerða“ og ein við hliðina á hverri mynd á myndinni gallerí.

Það góða við viðbótina er að það eyðir ekki upprunalegu myndunum þínum. Það mun aðeins búa til nýjar myndastærðir sem þú getur notað í þemað þitt, en upprunalegu myndirnar verða eftir fyrir þig að nota þær seinna eða eyða handvirkt ef þú ákveður að þú þarft ekki á þeim að halda.

Það er það. Njóttu nýju smámyndanna þinna eða skoðaðu Einfaldar myndir viðbót sem getur gert það sama.

Fjarlægðu breidd og hæð mynd eiginleika með jQuery

Þegar myndum er bætt við WordPress færslu bætir kerfið sjálfkrafa hæð og breidd eiginleikum við myndina. Það er venjulega góður hlutur en stundum eru þér ekki hrifin af því að hver mynd fær þessa eiginleika.

Ef þú vilt taka afrit af eiginleikunum strax við upphleðslu, geturðu gert það með einfaldri aðgerð sem við sýndum þér síðast.

En ef þú lest greinina eða prófaðir aðgerðina sjálfur hefurðu tekið eftir því að hún hefur aðeins áhrif á myndir sem hlaðið var upp eftir að aðgerðin var sett upp í WP kerfinu. Ef þú ert þegar með gagnagrunn fullan af færslum með innsettum myndum mun fyrrnefnd aðgerð ekki hjálpa þér mikið með gömlu myndareiginleikana þína.

Þar sem þú getur sennilega ekki farið í gegnum hverja mynd handvirkt og eytt breidd og hæð einn í einu, þá þarftu líklega aðra aðgerð sem ræmir þessa eiginleika fyrir allar myndir sem fyrir eru felldar inn í færslurnar þínar. Í því tilfelli ertu á réttum stað „vegna þess að við erum að fara að sýna þér einfaldan hátt til að fjarlægja sjálfkrafa breidd og hæð myndeiginda með nokkrum línum af jQuery kóða. Ekki verða hræddur við fyrri setningu – þú þarft ekki einu sinni að vita hvað jQuery er, fylgdu bara næstu þremur skrefum og þú munt vera búinn að gera.

Fjarlægðu breidd og hæð mynd eiginleika:

  1. Opnaðu header.php skrá úr þemamöppunni þinni
  2. Afritaðu og límdu þennan kóða hvar sem er á milli og merkingar:
  3.  
  4. Vista breytingar

Og þú ert búinn! Kóðinn gerir töfra sína eftir að þú hefur opnað færslu sem inniheldur mynd og fjarlægir breiddar- og hæðarmerki úr henni.

Hvernig á að búa til sérsniðnar myndastærðir í Media Uploader

Ef þú notar Media Uploader til að takast á við myndir í WordPress hefur þú sennilega séð fjölda valkosta fyrir myndir. Milli margra geturðu valið myndastærð sem þú getur sent á greinina þína.

Það eru smámyndir, meðalstór, stór og full stærð sem hægt er að velja úr, en allir þessir valkostir hafa fyrirfram skilgreint gildi. Svo ef þú ert að nota sérsniðið þema situr þú oftar en ekki fastur í að breyta breidd og hæð fyrir hverja mynd aftur og aftur.

Reyndar þarftu ekki að gera það. Það er snyrtilegur lítill aðgerð sem heitir add_image_size () sem er frábært tæki fyrir forritara. Og eftir þessa grein finnurðu að hún nýtist líka.

Segjum að þemað þitt hefur sérsniðna breidd og þú vilt auðveldlega fella myndir til að passa þar fullkomlega. Segjum að breiddin sé 666 pixla (við munum ekki fara yfir hvers vegna þú hefur stillt breiddina á þetta númer, það er þitt val). Til að gera það þarftu að bæta við auka talhnappi til að hlaða upp fjölmiðlum. Með kóðanum hér að neðan muntu bæta við einni stærð í viðbót sem er hálf stærð upprunalegu.

  1. Opnaðu function.php skrána
  2. Afritaðu og límdu kóðann:
  3. fallið custom_image_sizes () {
    add_image_size ('ein stærð', 333, 333, satt);
    add_image_size ('önnur stærð', 666, 666, satt);
    }
    
    add_action ('init', 'custom_image_sizes');
    
    fall show_image_sizes ($ stærðir) {
    $ stærðir ['one-size'] = __ ('Sérstærð stærð 1', 'isitwp');
    $ stærðir ['another-size'] = __ ('Sérstærð stærð 2', 'isitwp');
    skila $ stærðum;
    }
    
    add_filter ('image_size_names_choose', 'show_image_sizes');
  4. Vista breytingar
  5. Prófaðu að bæta við mynd frá Media Uploader þar sem þú ættir að sjá nýju stærðarkostina þína undir „Skjástillingar viðhengis“

Búðu til sjálfvirkt skjámynd af hvaða vefsíðu sem er og birtu hana sem mynd í færslunni þinni

Ef þú vilt birta smámynd af vefsíðu þyrfti þú að fara á vefsíðuna, prenta skjáinn eða taka skjámynd með forriti eða vafraviðbót. Síðan sem þú þarft að breyta myndinni, klippa hana í réttri stærð og hlaða henni inn á WordPress þinn svo þú getir notað skjámyndina í færslu.

Ef þú þarft ekki að taka þessa mynd annað slagið, mun það ekki vera vandamál, en ef þú notar skjámyndir af mismunandi vefsíðum oftar muntu vera ánægður að heyra að það er ógnvekjandi aðgerð sem mun sparar þér tíma og taugarnar.

Í þessum hluta handbókarinnar erum við að fara að sýna þér alla aðgerðina sem býr til stuttan kóða sem þú getur notað til að taka mynd af hvaða vefsíðu sem þú vilt.

Búðu til sjálfvirkt skjámynd:

  1. Opna aðgerðir.php
  2. Afritaðu og límdu eftirfarandi kóða:
  3. fall wp_webscreen ($ atts, $ content = NULL) {
    útdráttur (shortcode_atts (fylki (
    "snap" => 'http://s.wordpress.com/mshots/v1/',
    "url" => 'http://www.firstsiteguide.com',
    "alt" => 'wploop',
    "w" => '600', // breidd
    "h" => '450' // hæð
    ), $ atts));
    
    $ img = ''. $ alt. '';
    skila $ img;
    }
    add_shortcode ("skjár", "wp_webscreen");
  4. Breyta sjálfgefnum breytum í fylkingunni
  5. Vista breytingar

Þessi aðgerð skapar stuttan kóða sem þú getur auðveldlega notað hvar sem er á WordPress vefsíðu þinni. Hvort sem þú vilt nota skjámynd vefsíðu í færslu, hliðarstiku græju eða fótfótum, til dæmis, einfaldlega c / p stuttkóða á réttum stað:

[skjár url = ”http://www.firstsiteguide.com” alt = ”fsg” w = ”600 ″ h =” 450 ″]

Það sem er frábært við þessa aðgerð er að hún vistar myndina sem breytilega vefslóð sem þýðir að þegar þú býrð til mynd með styttri kóða mun hún sjálfkrafa hressa upp í framtíðinni og sýna alltaf núverandi útlit vefsíðu sem tilgreind er í styttri kóða.

Athugaðu að þú getur breytt breytum styttu kóðans beint úr honum. Þú þarft ekki að breyta kóðanum í funct.php skránni ef þú vilt taka mynd af annarri vefslóð eða taka myndatöku í aðra vídd.

Dæmi:

Segjum að þú viljir taka skjámynd af Google og gera það 200 × 400 dílar að stóru:

[skjár url = ”http://www.google.com” alt = “Google” w = ”200 ″ h =” 400 ″]

Þú getur gert allt enn auðveldara með því að vista stuttan kóða í hnapp svo þú getir sett hann inn í færslu með einum smelli á hnappinn.

Niðurstaða

Þú þarft ekki að setja upp öll viðbætur og aðgerðir sem við nefndum til að bæta myndirnar á WordPress vefnum þínum. En við vonum að þú hafir fundið að minnsta kosti nokkur ráð sem hjálpa þér að fínstilla myndir eða gera þær betri á nokkurn hátt.

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