Plugins for operasjoner med WordPress-bakgrunn. Gjennomsiktig bakgrunn eller tekst ved hjelp av CSS Hvordan gjøre topptekstbakgrunn gjennomsiktig i WordPress

blogg på WordPress kan endres mest forskjellige måter, og at disse endringene faktisk er gjort i koder PHP-filer plassert i den aktive designtema-mappen på bloggen.

Se nå på bloggen din med et kritisk blikk. Snart vil mye være annerledes på den, for i prinsippet kan du endre hva du vil på din. Selvfølgelig trenger du bare å vite hvordan du gjør det.

I administrasjonspanelet

Logg inn på administrasjonspanelet Utseende— Redaktør . Du vet allerede hva mange av malene er ansvarlige for, men nå vil du ikke være interessert i malene, men i det som er under dem: Stiler. Mer presist, en del av dem, som kalles Liste over stiler.

Filen som tilsvarer denne listen er style.css. Denne filen ligger på bloggen i den aktive temamappen. Du kan alltid finne ham der.

I nettleseren

Bare åpne nettleseren din. De fleste nettlesere har god funksjon: Du kan klikke på et hvilket som helst område på bloggen med høyre museknapp, og velge fra listen over operasjoner Se elementkode . Et vindu vises nedenfor hvor du kan finne interessant informasjon om elementet du klikket på.

I dette vinduet venstre Du vil se sidekoden og en linje vil bli uthevet i den koden. tilsvarende dette elementet. EN til høyre, i stiler vil det være egenskaper for dette elementet.

Skriftstørrelse, innrykk, tekst og bakgrunnsfarge, justering: det er alt i stilene , og alt dette kan endres.

Endre bakgrunnsfargen

WordPress blogg Personlig liker jeg ikke når bakgrunnen til artikler og bakgrunnen til alt annet er annerledes. I dette tilfellet vises artiklene i feeden i separate blokker og ser etter min mening ikke veldig bra ut. Vi vil gjøre bakgrunnen overalt den samme som den gjeldende bakgrunnen til artikkelen. Høyreklikk på bakgrunnen som vi vil endre og velg Vis elementkode. I linjen som vil bli uthevet som et resultat til høyre, vil vi være interessert i klasseattributtnavn . Stiler er foreskrevet spesifikt etter klasse.

I i dette tilfellet klasse = kunst-layout-celle Dette betyr at i stilene, i filen style.css, vil det også være en slik klasse, og egenskapene vil allerede være spesifisert i den. Det vil bare se annerledes ut, nemlig:

.art-layout-celle, og da vil egenskapene til denne klassen skrives med krøllete klammeparenteser.

Finn en klasse med dette navnet i filen style.css. La oss bruke søkefunksjonen Ctrl+F, og skriv inn navnet i søkefeltet: kunst-layout-celle. Vi vil umiddelbart se bakgrunnen:

bakgrunnsfarge: Gjennomsiktig. Gjennomsiktig midler gjennomsiktig .

Nå, hvilken farge trenger vi? Hvor kan jeg få bakgrunnsfargen til artiklene våre? Denne gangen skal vi bruke FSCapture-program. I det. blant annet blant verktøysettet du kan finne pipette, som bestemmer fargen på et hvilket som helst område på skjermen. Et veldig nyttig verktøy!

Åpne FSCapture-programmet, gå til Innstillinger, og velg et verktøy Skjerm pipette . Klikk på ønsket område på skjermen. I vinduet Hex Du vil se koden for fargen du trenger: D2E8EE

Du setter det inn i stilen kunst-layout-celle i stedet for ordet Gjennomsiktig .

Se hva som skjedde. Det gjenstår fortsatt mye arbeid, men en start er allerede satt i gang.

Video om det. hvordan redigere bakgrunnen på wordpress-bloggen

Du kan få mer detaljert informasjon i delene "Alle kurs" og "Verktøy", som kan nås via Toppmeny nettstedet. I disse delene er artikler gruppert etter emne i blokker som inneholder den mest detaljerte (så langt det er mulig) informasjon om ulike emner.

Du kan også abonnere på bloggen og lære om alle nye artikler.
Det tar ikke mye tid. Bare klikk på lenken nedenfor:


I dag i min praksis kom jeg over det faktum at for bakgrunnen til menyen var det nødvendig å sette åpenhet. Det var selvfølgelig et alternativ å gjøre dette ved å bruke en picture.png, men jeg bestemte meg likevel for å grave inn og gjøre det gjennomskinnelig bakgrunn Med bruker CSS . Det viste seg å være ganske enkelt :)

I html-koden skriver vi en "klasse" som det er nødvendig å angi en viss åpenhet for:

FON ( bakgrunn: rgba(200, 54, 54, 0,5); )

Dermed spesifiserte jeg bakgrunnsfargen ved å sette verdier for de tre primærfargene (rød - r, grønn - g, blå - b), og bakgrunnsgjennomsiktighet til 50 % (alfa - en) med én eiendom. Verdier for farge er spesifisert i området fra 0 til 255, og for gjennomsiktighet vil området være fra 0,0 til 1,0

Eiendom rgba gjelder også for alle andre elementer. Men hvis det blir nødvendig å angi åpenhet for alle elementer i en gitt klasse, kan du bruke egenskapen opasitet, som angir åpenhet for et helt element eller hele siden. da vil koden se slik ut:

FON (opasitet: 0,5; )

I dette tilfellet vil alle elementene i denne klassen bli transparente, inkludert bilder og tekst vil være gjennomsiktig.

Abonner og motta nyttige artikler på e-post!

Andre kule artikler på bloggen vår

  • Jeg vet at det i praksis ofte er en situasjon der nettstedseieren "remaker" eller oppretter et nettsted "fra bunnen av" flere ganger, og til slutt ikke får ønsket resultat. I dette tilfellet bør du...
  • Tilknyttet materiale! Takket være konstant fokus søkemotorer direkte på Internett-brukeren selv og indikatorer siste oppdateringer Google algoritmer, har det blitt enda viktigere for nettstedeiere å ta hensyn til lastehastigheten deres...
  • Se, hvis du har oppgaven med å "utvikle et nøkkelferdig nettsted," følg denne lenken og deleger oppgaven til oss. Hvis du trenger et eksempel mandat- se artikkelen "Spesifikasjoner for å lage...
  • Tilknyttet materiale! – Vil du publisere artikkelen din? For mange nettstedeiere virker SEO-optimalisering som en veldig vanskelig oppgave. Dette er faktisk ikke sant. Å tiltrekke seg høyt kvalifiserte spesialister for å promotere kan være veldig...


Bakgrunnen er et bilde der alle elementene på nettstedet vises. Eller det er kanskje ikke et bilde, men en solid eller gradient farge.

De fleste maler støtter ikke innstilling og endring av bakgrunnen. Imidlertid er ikke alle temaer i stand til å gjøre dette, spesielt når det kommer til gratis kopier. Men selv om du har en mal installert på nettstedet ditt der du kan endre WordPress-bakgrunnen i innstillingene, vil dette være en veldig mager operasjon, siden endringene vil bli brukt på hele nettstedet på en gang. Det er ikke mulig i vanlige maler å endre bakgrunnen til kun enkelte innlegg, kategorier eller sider.

I denne artikkelen vil vi fortelle deg om to enkle plugins som løser dette problemet med et par klikk.

Bakgrunn per side

Dette er den enkleste plugin-en som lar deg utføre operasjoner med WordPress-bakgrunnen. Etter at du har installert og aktivert det, vil ingen innstillinger eller tilleggselementer i nettstedets kontrollpanel vises. Bare på hver post og sideside vil det være et nytt alternativ som lar deg legge til et tilpasset bakgrunnsbilde.

Flere effekter kan brukes på bildet valgt for WordPress-bakgrunnen:

  • Velg gjenta – horisontal eller vertikal;
  • Gjør bildet rullbart med nettstedet eller fast, den såkalte;
  • Velg WordPress-bakgrunnsorientering – høyre, venstre, senter;
  • Velg vanlig fargefyll i stedet for bilder.

Plugin er gratis. Dessuten kan hver nedlastede WordPress-bakgrunn redigeres i den innebygde editoren til dette tillegget.

Fullskjerm Bakgrunnsbilder Pro

Denne plugin-en er mer kompleks å bruke og lar deg utføre flere operasjoner med WordPress-bakgrunnen. Det er betalt og koster $13. Etter at du har installert aktiveringen av pluginet, vil det være et menyelement i administrasjonspanelet. Den lagrer et galleri med bakgrunner, hvor du kan legge til, slette og redigere bilder når som helst.

I tillegg kan du angi WordPress-bakgrunnen for ethvert innlegg eller side, identifisere dem med ID, for hjemmeside, hvilken som helst kategori, arkivsider og til og med 404 sider.

De brede egenskapene til denne plugin-modulen kompletteres av funksjonen som var i den første - på tilleggssiden til hver side og innlegg legges det til alternativer for å installere dette eller det bakgrunnsbilde, med en editor og alle slags effekter.

Alt i alt, flott verktøyå lage en WordPress-bakgrunn. Både betalt og gratis plugin egnet for å løse mange problemer knyttet til dette.