Vtičniki za delovanje z ozadji WordPress. Prozorno ozadje ali besedilo z uporabo CSS Kako narediti prosojno ozadje glave v WordPressu

blog na WordPressu lahko spremeni največ različne poti, in da so te spremembe dejansko izvedene v kodah datotek PHP nahaja v mapi aktivne teme oblikovanja na blogu.

Zdaj pa poglejte svoj blog s kritičnim očesom. Kmalu bo na njem marsikaj drugače, saj načeloma lahko na svojem spreminjaš kar hočeš. Seveda morate le vedeti, kako to storiti.

V upravni plošči

Prijavite se v upravno ploščo v Videz- Urednik . Že veste, za kaj so odgovorne številne predloge, zdaj pa vas ne bodo zanimale predloge, ampak tisto, kar je pod njimi: Slogi. Natančneje, en njihov odsek, ki se imenuje Seznam stilov.

Datoteka, ki ustreza temu seznamu, je style.css. Ta datoteka se nahaja v spletnem dnevniku v mapi aktivne teme. Vedno ga lahko najdete tam.

V brskalniku

Samo odprite brskalnik. Večina brskalnikov ima dobra funkcija: Z desnim gumbom miške lahko kliknete katero koli področje na blogu in izberete s seznama operacij Oglejte si kodo elementa . Spodaj se prikaže okno, kjer lahko najdete zanimiv podatek o elementu, na katerega ste kliknili.

V tem oknu levo Videli boste kodo strani in v tej kodi bo označena vrstica. ki ustreza temu elementu. A na desni, v slogih bodo lastnosti tega elementa.

Velikost pisave, zamiki, barva besedila in ozadja, poravnava: vse je v stilih , in vse to je mogoče spremeniti.

Spreminjanje barve ozadja

Vklopljeno WordPress blog Osebno ne maram, če sta ozadje člankov in ozadje vsega drugega različna. V tem primeru se članki v viru pojavljajo v ločenih blokih in po mojem mnenju ne izgledajo zelo dobro. Ozadje bo povsod enako kot trenutno ozadje članka. Z desno miškino tipko kliknite ozadje, ki ga želimo spremeniti, in izberite Ogled kode elementa. V vrstici, ki bo kot rezultat označena na desni, nas bo zanimalo ime atributa razreda . Slogi so posebej predpisani glede na razred.

V tem primeru razred = art-layout-cell To pomeni, da v slogih, v datoteki style.css, bo tudi tak razred in v njem bodo že določene lastnosti. Le videti bo drugače, in sicer:

.art-layout-cell, nato pa bodo lastnosti tega razreda zapisane v zavitih oklepajih.

V datoteki poiščite razred s tem imenom style.css. Uporabimo funkcijo iskanja Ctrl+F in v iskalno polje vnesite ime: umetniška-postavitev-celica. Takoj bomo videli ozadje:

barva ozadja: prozorno. Pregleden pomeni pregleden .

Kakšno barvo potrebujemo? Kje lahko dobim barvo ozadja naših člankov? Tokrat bomo uporabili Program FSCapture. V. med drugim med naborom orodij najdete pipeta, ki določa barvo katerega koli področja na zaslonu monitorja. Zelo uporabno orodje!

Odprite program FSCapture, pojdite na nastavitve in izberite orodje Kapalka za zaslon . Kliknite na želeno območje na zaslonu. V oknu Hex Videli boste kodo za barvo, ki jo potrebujete: D2E8EE

Vstavite ga v slog umetniška-postavitev-celica namesto besede Pregleden .

Poglej kaj se je zgodilo. Čaka nas še veliko dela, a začetek je že narejen.

Video o tem. kako urediti ozadje na WordPress blogu

Podrobnejše informacije dobite v razdelkih »Vsi tečaji« in »Pripomočki«, do katerih lahko dostopate prek Zgornji meni mesto. V teh razdelkih so članki razvrščeni po temah v bloke, ki vsebujejo najbolj podrobne (kolikor je mogoče) informacije o različnih temah.

Lahko se tudi naročite na blog in izveste o vseh novih člankih.
Ne vzame veliko časa. Kliknite na spodnjo povezavo:


Danes sem v svoji praksi naletel na dejstvo, da je bilo treba za ozadje menija nastaviti preglednost. Seveda je obstajala možnost, da to naredim s sliko.png, vendar sem se vseeno odločil, da se poglobim in to naredim prosojno ozadje z z uporabo CSS . Izkazalo se je zelo enostavno :)

V html kodo zapišemo “razred”, za katerega je potrebno nastaviti določeno prosojnost:

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

Tako sem določil barvo ozadja z nastavitvijo vrednosti za tri osnovne barve (rdeča - r, zelena - g, modra - b) in prosojnost ozadja do 50 % (alfa - a) z eno lastnostjo. Vrednosti za barvo so določene v območju od 0 do 255, za preglednost pa bo območje od 0,0 do 1,0

Lastnina rgba velja tudi za vse ostale elemente. Če pa je treba nastaviti prosojnost za vse elemente v danem razredu, lahko uporabite lastnost nepreglednost, ki nastavi prosojnost za celoten element ali celotno stran. potem bo koda videti takole:

FON (motnost: 0,5; )

V tem primeru bodo vsi elementi v tem razredu postali pregledni, vključno z slike in besedilo bodo pregledni.

Naročite se in prejemajte koristne članke po e-pošti!

Drugi kul članki na našem blogu

  • Vem, da v praksi pogosto pride do situacije, ko lastnik strani večkrat “predela” ali ustvari stran “iz nič” in na koncu ne dobi želenega rezultata. V tem primeru bi morali ...
  • Pridruženo gradivo! Zahvaljujoč stalnemu fokusu Iskalniki neposredno na samega internetnega uporabnika in indikatorje najnovejše posodobitve Googlovi algoritmi, je za lastnike spletnih strani postalo še bolj pomembno, da so pozorni na njihovo hitrost nalaganja ...
  • Poglejte, če imate nalogo "razviti spletno mesto na ključ", sledite tej povezavi in ​​nalogo zaupajte nam. Če potrebujete primer projektna naloga- glejte članek “Specifikacije za ustvarjanje...
  • Pridruženo gradivo! - Ali želite objaviti svoj članek? Mnogim lastnikom spletnih strani se SEO optimizacija zdi zelo težka naloga. Pravzaprav to ni res. Privabljanje visokokvalificiranih strokovnjakov za promocijo je lahko zelo ...


Ozadje je slika, na kateri so prikazani vsi elementi spletnega mesta. Ali pa morda ni slika, ampak enobarvna ali gradientna barva.

Večina predlog ne podpira nastavitve in spreminjanja ozadja. Vendar vse teme tega ne zmorejo, zlasti ko gre za brezplačne kopije. Toda tudi če imate na svojem spletnem mestu nameščeno predlogo, kjer lahko v nastavitvah spremenite ozadje WordPress-a, bo to zelo skromen poseg, saj bodo spremembe uporabljene na celotnem spletnem mestu hkrati. V običajnih predlogah ni mogoče spremeniti ozadja le nekaterih objav, kategorij ali strani.

V tem članku vam bomo povedali o dveh preprostih vtičnikih, ki to težavo rešita v nekaj klikih.

Ozadje na stran

To je najpreprostejši vtičnik, ki vam omogoča izvajanje operacij z ozadjem WordPress. Po namestitvi in ​​aktiviranju se na nadzorni plošči spletnega mesta ne bodo prikazale nobene nastavitve ali dodatni elementi. Samo na vsaki strani objave in strani bo nova možnost, ki vam bo omogočila dodajanje slike ozadja po meri.

Na sliko, izbrano za ozadje programa WordPress, lahko uporabite več učinkov:

  • Izberite ponovitev – vodoravno ali navpično;
  • Naj bo slika pomična s spletnim mestom ali fiksna, tako imenovana;
  • Izberite orientacijo ozadja WordPress – desno, levo, sredino;
  • Namesto slik izberite običajno barvno polnilo.

Vtičnik je brezplačen. Poleg tega je vsako preneseno ozadje WordPress mogoče urejati v vgrajenem urejevalniku tega dodatka.

Celozaslonske slike ozadja Pro

Ta vtičnik je bolj zapleten za uporabo in omogoča izvajanje več operacij z ozadjem WordPress. Plača se in stane 13 $. Po namestitvi aktivacije vtičnika bo na skrbniški plošči prikazan meni. Shranjuje galerijo ozadij, kamor lahko kadar koli dodajate, brišete in urejate slike.

Poleg tega lahko nastavite ozadje WordPress-a za katero koli objavo ali stran in jih identificirate z ID-jem domača stran, katera koli kategorija, arhivske strani in celo 404 strani.

Široke zmožnosti tega vtičnika dopolnjuje funkcija, ki je bila v prvem - na strani za dodajanje vsake strani in objave so dodane možnosti za namestitev tega ali onega slika ozadja, z urejevalnikom in vsemi možnimi učinki.

Glede na vse, odlično orodje za izdelavo ozadja WordPress. Oba plačana in brezplačen vtičnik primeren za reševanje številnih problemov, povezanih s tem.