Cum se adaugă frontierele în jurul imaginilor în wordpress

Doriți să adăugați granițe în jurul imaginilor în WordPress? Recent, unul dintre utilizatorii noștri a fost interesat de un mod simplu de a adăuga frontiere în jurul imaginilor în WordPress. Desigur, puteți folosi CSS, dar noii astea pot sperie. În articolul de astăzi, vă vom arăta o modalitate ușoară de a adăuga frontiere în jurul imaginilor în WordPress fără o singură linie de cod în HTML sau CSS.







Cum se adaugă frontierele în jurul imaginilor în wordpress

Metoda 1: Utilizarea pluginului pentru a adăuga o margine la imagini în WordPress

Această metodă este pentru începători care nu doresc să editeze cod HTML sau CSS. Mai întâi, trebuie să instalați și să activați pluginul WP Image Borders. După activare, accesați Setări »WP Image Borders pentru a configura pluginul.

Cum se adaugă frontierele în jurul imaginilor în wordpress

Alternativ, puteți specifica anumite clase CSS pentru granițe. În continuare în articol, vă vom arăta cum să adăugați o clasă CSS la o anumită imagine. Acum puteți introduce orice nume pentru o clasă CSS, cum ar fi .border-image.

A doua secțiune a setărilor pluginului vă va permite să adăugați umbre la imagini. Puteți specifica liniuțele orizontale sau verticale, estomparea și raza, precum și culoarea umbrei. Dacă nu doriți umbre pentru imagini, lăsați acest câmp gol.

Acum puteți vedea frontierele pe toate imaginile din înregistrările voastre.

Cu toate acestea, dacă ați selectat cea de-a doua opțiune pentru a afișa margini doar pentru anumite imagini, va trebui să faceți următoarele.

Adăugați o clasă CSS la imagine în WordPress







Dacă doriți să adăugați margini doar pentru imaginile pe care le-ați definit, va trebui să le spuneți WordPress care dintre ele ar trebui să aibă granițe. Acest lucru se poate face adăugând o clasă CSS imaginilor care au nevoie de granițe.

Cum se adaugă frontierele în jurul imaginilor în wordpress

Va apărea o fereastră pop-up pentru editarea unei imagini cu informații despre aceasta. Trebuie să selectați Opțiuni avansate, unde specificați clasa css pentru imagine.

Sugestie: aceasta va fi imaginea de pe front. pentru că am specificat-o în setările pluginului.

Cum se adaugă frontierele în jurul imaginilor în wordpress

Apoi, dați clic pe butonul Actualizați pentru a salva și actualiza setările imaginii. Asta e tot, imaginea ta are acum o clasă suplimentară. Și, din moment ce utilizați pluginul WP Image Borders, imaginea va avea o margine.

Metoda 2: Utilizarea codului HTML CSS pentru adăugarea imaginilor de frontieră în WordPress

Adăugarea de frontiere la o imagine folosind CSS / HTML este o modalitate mai rapidă de a obține limitele imaginilor în WordPress. Există mai multe opțiuni pentru a face acest lucru și vă vom arăta unul dintre ele. Depinde de dvs. să alegeți pe care să o utilizați.

Adăugarea de frontiere folosind stiluri inline în WordPress

Aici puteți adăuga cu ușurință stilurile CSS după cum urmează:

Nu ezitați să schimbați lățimea marginilor, culoarea, indenturile și marginile acestora pentru a personaliza aspectul "pentru tine".

Adăugați margini la o imagine în tema WordPress

Dacă doriți să adăugați permanent margini la toate imaginile din intrările și paginile dvs., atunci puteți să o faceți folosind CSS în tema WordPress.

Cele mai multe teme WordPress conțin deja aceste reguli de stil specificate în foaia de stil temă, care este de obicei localizată în fișierul style.css. Puteți modifica CSS-ul existent sau puteți adăuga propria temă la copil.

WordPress adaugă clasele de imagine implicite pentru toate fotografiile. Pentru a vă asigura că toate imaginile din intrările / paginile dvs. sunt încadrate de margini, trebuie să specificați toate aceste clase. Mai jos vă oferim un fragment CSS simplu pentru a începe cu:

Dacă doriți să încadrați numai anumite imagini, atunci trebuie să adăugați o clasă CSS acestor imagini (vedeți mai sus). Adăugați reguli de stil pentru această clasă CSS pe tema proprie sau a copilului.

Dacă începeți să înțelegeți WordPress, atunci nu uitați să vizitați coloana WordPress pentru începători. unde publicăm conținut special pentru noii utilizatori ai WordPress.

Nu uitati, daca este posibil, sa evaluati intrarile dorite cu numarul de stele la discretia ta.







Trimiteți-le prietenilor: