Sitten näemme kuinka lisätä reunoja kuvien ympärille CSS: llä WordPressissa melko yksinkertaisella tavalla ja ennen kaikkea hyvin muutamassa vaiheessa.
Tee kuvien zoomaustehoste tai lisää Reunat voivat olla melko tyylikkäitä riippuen blogin ulkoasusta ja mihin niitä tarvitsemme. Haluatko korostaa tietyn kuvan? Mistä tahansa syystä kahden kuvan sijoittaminen yhteen ja reunojen lisääminen kuvaan WordPressissä on itse asiassa liian yksinkertainen prosessi, jonka voit suorittaa vain muutamassa vaiheessa.
Tätä varten tarvitsemme laajennuksen, koska se helpottaa elämäämme huomattavasti. Enemmän kuin mitään niille ihmisille, jotka eivät tiedä paljon CCS: stä ja haluavat jotain nopeammin. Tällä laajennuksella on mahdollisuus lisää CCS-reunukset valitsemiisi kuviin tai suoraan kaikkiin blogiisi lataamiisi.
Tämä opetusohjelma on jaettu kahteen osaan, se on melko helppo suorittaa ja pystyt hyvin lyhyessä ajassa luomaan kuvagallerian tai lisäämään mukautettuja reunoja kaikkiin blogiisi lataamiin valokuviin ilman minkäänlaisia ongelmia. Sillä on myös toinen vaihtoehto, jotta voit lisätä reunukset automaattisesti kaikkiin lataamiisi kuviin ja jotka olet aiemmin ladannut blogiin.
Reunojen lisääminen kuvaan WordPressissä
- Ensimmäinen asia mitä tarvitset on lataa ja aktivoi Wp Image Borders -laajennus jonka voit tehdä samasta WordPress-paneelista.
- Tästä laajennuksesta on varsin hyödyllistä lisätä reunuksia kaikkiin WordPressiin lataamiesi kuvien joukkoon.
- Ensimmäinen vaihtoehto, jonka löydämme menemällä Asetukset> WP-kuvarajat. Sen avulla voimme valita vaihtoehdon ”Lisää reunukset kaikkiin blogiviestien kuviin”. Tämä toimii juuri niin, että kaikilla blogisi kuvilla on reunat.
- Jos haluat vain muutaman, jolla on rajoja, sinun on lisättävä heille erityinen CCS. Tällä tavalla voimme soittaareunat-img”Esimerkiksi mainittuun CCS: ään.
- Voit myös lisätä varjoja WordPressiin lataamiesi kuvien reunoihin. Samoin yksinkertaisin ja ennen kaikkea automaattinen vaihtoehto on nimenomaan valita ensimmäinen vaihtoehto reunusten lisäämiseksi kaikkiin blogissasi oleviin kuviin.
- Kuitenkin kerran olet määrittänyt tietyn CCS: n tässä laajennuksessaKatsotaanpa, kuinka se lisätään erikseen jokaiseen blogiisi lataamaasi valokuvaan.
Reunojen lisääminen kuvaan CSS: llä WordPressissä
- Jos haluat lisätä reunoja kuvan ympärille CSS: n avulla, meidän on kerrottava WordPressille, että kuvalla on oltava reunat.
- Tätä varten meidän on ladattava kyseinen kuva ja lisättävä se sitten viestiin kuten yleensä tekisimme.
- Tämän jälkeen visuaalisen editorin kautta meidän on napsautettava kuvaa ja painettava sitten painiketta ”Painos”Sen voimme nähdä pienessä valikossa, joka tulee näkyviin joka kerta, kun napsautamme kyseistä kuvaa.
- Tämä tarkoittaa, että avautuu ikkuna, jossa voimme nähdä kuvan yksityiskohdat ja muokata sitä haluamallamme tavalla.
- Täällä meidän on napsautettava ”Lisäasetukset”, jotta lisää vaihtoehtoja tulee näkyviin.
- Tämän jälkeen meidän on annettava kyseisen kuvan CSS-luokka.
- Täällä sinun on lisättävä sisään ”Kuva CSS-luokka”Edges-img ja voila.
Kuten näette, on erittäin helppo oppia nopeasti lisäämään reunoja kuvien ympärille CSS: llä WordPressissa. Jos sinulla on kuitenkin epäilyksiä, muista, että kuten aina, olemme täysin valmiita auttamaan sinua kaikessa mitä tarvitset. Ja voit myös siirtyä sen viralliselle verkkosivustolle tarkistaaksesi sinulle tuodut suunnitelmat.