Vil du tilføje konturer på et WordPress-sidebillede? For nylig spurgte en af ​​vores abonnenter os, hvad der er den nemmeste måde at tilføje grænser på WordPress.

Selvom det er rigtigt, at den nemmeste metode er at bruge CSS-kode, er denne metode ikke altid inden for rækkevidde for begyndere.

I denne vejledning vil jeg vise dig, hvordan du tilføjer billedrammer til din WordPress blog uden at røre en enkelt kodelinje.

Første metode: Brug af et plugin

Denne metode er mere velegnet til begyndere, der ikke ønsker at bruge HTML / CSS-kode. Den første ting at gøre er at installere og aktivere pluginet WP Billede Border tilgængelig på WordPress.org.

Nu skal du bare få adgang til " indstillinger> WP Image Borders » for at få vist plugin-indstillingerne.

Den første sektion af pluginet giver dig mulighed for at målrette mod billeder. Du kan tilføje grænser til alle billeder på dine WordPress-blogs ved at klikke på afkrydsningsfeltet ved at klikke på " tilføje rammer til alle billeder i blogindlæg".

Alternativt kan du specificere klasser for at føje kanter til bestemte billeder ved at angive disse i " Tilføj specifikke klasser her".

Den anden mulighed giver dig mulighed for at tilpasse billedernes grænser. Du kan vælge stilen på grænserne, dens bredde, dens runde og dens farve.

Det sidste afsnit på denne side giver dig mulighed for at tilføje en skygge til grænserne. Det er muligt at definere skyggens position og dens intensitet. Hvis du ikke vil tilføje denne mulighed, kan du lade disse felter være tomme.

Husk at gemme dine indstillinger, når du er færdig.

Hvis du har valgt at vise rammer på alle postbilleder, din blog, vil du bemærke ændringerne på alle billederne af dine artikler.

Hvordan at tilføje en klasse på billeder til WordPress

Hvis du vil tilføje kanter til de valgte billeder, skal du altid fortælle WordPress, at det er de billeder, du har valgt, og for dette er det vigtigt at tilføje klasser til billederne.

Når du er i WordPress-teksteditoren og klikker på et af billederne, vil du bemærke et værktøjstip, der tilbyder yderligere muligheder. Klik på redigeringsikonet for at tilføje en brugerdefineret klasse til det pågældende billede.

billede

Ved at klikke på det vises et nyt vindue. Det er i dette vindue, du kan tilføje en brugerdefineret klasse.

billede

Du skal klikke på foldeboksen « avancerede indstillinger“, Hvilket vil frembringe to yderligere tekstfelter. Det er i kassen " CSS-klasse af billedet At du kan tilføje en klasse til billedet.

Anden metode: ved hjælp af HTML og CSS-kode

Tilføjelse af grænser til billeder ved hjælp af HTML og CSS er en hurtig metode. Der er flere måder at nå dine mål på, jeg viser dig hver metode, og du vælger dem, der passer til dig.

Sådan tilføje rammer i en linje på WordPress

Når du har sendt et billede til mediebiblioteket, skal du skifte til tekstredigeringstilstand. Du vil se HTML-koden, der svarer til dit billede. Denne kode svarer til følgende:

billede kode

Så skal du bare tilføje en CSS-kode i samme linje på billedet. Denne kode svarer til følgende kode:

billede-kode-2

Du vil bemærke, at en attribut " stil Er føjet til koden. Du kan bruge de forskellige CSS-egenskaber til at tilpasse grænsen (Naturligvis er denne manøvre forbeholdt erfarne brugere).

Det er det til denne tutorial, håber det hjælper dig med faktisk at tilføje grænser til dine billeder på WordPress.