Spraudņi WordPress fona operācijām. Fona rediģēšana WordPress emuārā WordPress veidne ar caurspīdīgu fonu

wordPress emuārs var mainīt dažādos veidos un ka šīs izmaiņas faktiski tiek veiktas pHP failu kodos atrodas aktīvā dizaina motīvu mapē emuārā.

Tagad kritiski apskatiet savu emuāru. Drīz tajā daudz kas būs atšķirīgs, jo principā jūs pats varat mainīt visu, ko vēlaties. Protams, jums vienkārši jāzina, kā to izdarīt.

Administratora panelī

Dodieties uz administratora paneli plkst Izskats - redaktors ... Jūs jau zināt, par ko ir atbildīgas daudzas veidnes, taču tagad jūs neinteresēs veidnes, bet gan tas, kas atrodas zem tām: Stili... Precīzāk, viena no tām sadaļa, kas tiek saukta Stilu saraksts.

Fails atbilst šim sarakstam stils.css ... Šis fails atrodas emuārā aktīvās motīvu mapē. Tur viņu vienmēr var atrast.

Pārlūkprogrammā

Vienkārši atveriet savējo pārlūkprogrammā. Lielākajai daļai pārlūkprogrammu ir jauka funkcija: ar peles labo pogu noklikšķiniet uz jebkura emuāra apgabala un atlasiet no darbību saraksta Skatīt preces kodu ... Apakšā parādās logs, kurā varat atrast interesantu informāciju par elementu, uz kura noklikšķinājāt.

Šajā logā pa kreisi Jūs redzēsiet lapas kodu, un tajā tiks iezīmēta rinda. kas atbilst dotajam elementam. A labajā pusē, stilos būs šī elementa īpašības.

Fonta lielums, ievilkumi, teksta un fona krāsas, izlīdzināšana: tas viss ir stilos un to visu var mainīt.

Mainiet fona krāsu

WordPress emuārā man personīgi nepatīk, ja rakstu fons un visa cita fons ir atšķirīgs. Šajā gadījumā plūsmas raksti ir atsevišķos blokos un, manuprāt, neizskatās ļoti labi. Mēs padarīsim fonu visur tādu pašu kā raksta fonu. Noklikšķiniet uz fona, kuru mēs vēlamies mainīt, ar peles labo pogu atlasiet Skatīt elementa kodu. Mūs interesēs līnija, kas tiks izcelta rezultātā labajā pusē klases atribūta nosaukums ... Stili tiek rakstīti pa klasēm.

Šajā gadījumā klase \u003d art-layout-cell Tas nozīmē, ka stilos failā stils.css, būs arī šāda klase, un tajā jau tiks ierakstītas īpašības. Tikai tas izskatīsies citādi, proti:

.art-layout-cell, un pēc tam šīs klases īpašības tiks ierakstītas cirtaini iekavās.

Failā atrodiet klasi ar šo nosaukumu stils.css... Izmantosim meklēšanas funkciju Ctrl + Fun meklēšanas lodziņā ierakstiet vārdu: art-layout-cell... Mēs uzreiz redzēsim fonu:

fona krāsa: caurspīdīga. Caurspīdīgs nozīmē caurspīdīgs .

Kāda krāsa mums ir nepieciešama? Kur es varu iegūt mūsu rakstu fona krāsu? Šoreiz mēs izmantosim fSCapture... Tajā. cita starpā, starp rīkjoslu, kuru varat atrast pipete kas nosaka jebkura monitora ekrāna apgabala krāsu. Ļoti noderīgs rīks!

Atveriet FSCapture programmu, dodieties uz Iestatījumi un izvēlieties rīku Ekrāna pipete ... Noklikšķiniet uz vajadzīgā ekrāna apgabala. Logā Hex Jūs redzēsiet vajadzīgās krāsas kodu: D2E8EE

Jūs ievietojat to stilā art-layout-cell vārda vietā Caurspīdīgs .

Skat, kas notika. Vēl ir daudz darāmā, bet sākums jau ir izdarīts.

Video par. kā rediģēt fonu WordPress emuārā

Sīkāka informācija ir atrodama sadaļās "Visi kursi" un "Lietderība", kurām var piekļūt, izmantojot vietnes augšējo izvēlni. Šajās sadaļās raksti ir sagrupēti pa tēmām blokos, kas satur pēc iespējas detalizētāku (pēc iespējas) informāciju par dažādām tēmām.

Varat arī abonēt emuāru un uzzināt par visiem jaunajiem rakstiem.
Tas neprasa daudz laika. Vienkārši noklikšķiniet uz saites zemāk:

Fons ir attēls, kurā parādīti visi vietnes elementi. Vai arī tas var nebūt attēls, bet gan vienkrāsaina, gan gradienta krāsa.

Lielākā daļa veidņu neatbalsta fona iestatīšanu un mainīšanu. Tomēr ne visas tēmas to spēj, it īpaši attiecībā uz bezmaksas kopijām. Bet pat tad, ja jūsu vietnē ir instalēta šāda veidne, kurā iestatījumos varat mainīt WordPress fonu, šī būs ļoti niecīga darbība, jo izmaiņas tiks piemērotas visai vietnei vienlaikus. Parasto veidņu fonu nav iespējams mainīt tikai dažām ziņām, kategorijām vai lapām.

Šajā rakstā mēs jums pastāstīsim par diviem vienkāršiem spraudņiem, kas atrisina šo problēmu ar pāris klikšķiem.

Fons vienā lappusē

Šis ir vienkāršākais spraudnis, kas ļauj manipulēt ar WordPress fonu. Pēc tā instalēšanas un aktivizēšanas vietnes vadības paneļa iestatījumi un papildu vienumi netiks parādīti. Tikai katras ziņas un lapas lapā būs jauna opcija, kas ļaus jums pievienot atsevišķu fona attēlu.

WordPress fonam atlasītajam attēlam var piemērot vairākus efektus:

  • Atlasiet atkārtojumu - horizontāli vai vertikāli;
  • Padariet attēlu ritināmu ar vietni vai fiksētu, tā saukto;
  • Atlasiet WordPress fona orientāciju - pa labi, pa kreisi, centrā;
  • Attēlu vietā izvēlieties parasto aizpildījuma krāsu.

Spraudnis ir bezmaksas. Turklāt katru augšupielādēto WordPress fonu var rediģēt šī papildinājuma iebūvētajā redaktorā.

Pilnekrāna fona attēli Pro

Un ar šo spraudni ir grūtāk strādāt, tas ļauj vairāk strādāt ar WordPress fonu. Tas ir samaksāts un maksā 13 USD. Pēc spraudņa aktivizācijas instalēšanas tā izvēlnes vienums parādīsies administratora panelī. Tajā ir fonu galerija, šeit jūs jebkurā laikā varat pievienot, dzēst un rediģēt attēlus.

Turklāt jūs varat iestatīt WordPress fonu jebkurai ziņai vai lapai, identificējot tos pēc ID, galvenajai lapai, jebkurai kategorijai, arhīva lapām un pat 404 lapām.

Šī spraudņa plašās iespējas papildina funkcija, kas bija pirmajā - lapā katras lapas un ziņas pievienošanai tiek pievienotas opcijas konkrēta fona attēla iestatīšanai, izmantojot redaktoru un visdažādākos efektus.

Kopumā lielisks rīks, lai izveidotu WordPress fonu. Gan maksas, gan bezmaksas spraudņi ir piemēroti daudziem ar to saistītiem uzdevumiem.

Nesen es runāju par risinājumiem - papildus CSS un Javascript izmantošanai ar šo uzdevumu tiek galā arī 2 WordPress spraudņi. Viens no tiem, kuru es šodien izskatīšu sīkāk, ir fona pārvaldnieks. Ne katrai tēmai ir iestatījumi, lai mainītu vietnes fonu, un ne katrs lietotājs to varēs pielāgot, izmantojot veidnes stilus. Turklāt modulim ir vairākas papildu interesantas funkcijas, tāpēc tika nolemts to izpētīt sīkāk.

Atjaunināt 8.11.2018: Diemžēl modulis ilgu laiku nav atjaunināts, un tagad tas ir pilnībā pazudis no oficiālās Plugin Directory krātuves. Izlasiet rakstu vai skatiet spraudņu izvēli.

Jūs varat atrast moduli šajā lapā vai instalēt to pēc nosaukuma no WordPress administratora apgabala. Šīs rakstīšanas laikā tā tika uzskatīta par diezgan vecu, jo atbalstītā versija beidzās ar 3.7.8. Diemžēl spraudnis pašlaik pat var netikt atbalstīts. Tomēr esmu to veiksmīgi pārbaudījis, izmantojot jaunāko sistēmas versiju 4.2.1. Turklāt 30 tūkstoši lejupielāžu nav atrodami katrā modulī.

Spraudņa Background Manager galvenais uzdevums ir parādīt nejaušu fonu katram jaunam apmeklētājam vai izveidot slaidrādi no vairākiem attēliem. Atklāti sakot, sākotnēji es domāju, ka modulis man vienkārši palīdzēs izveidot fonu, uz kura var noklikšķināt, taču tā funkcijas ir nedaudz daudzveidīgākas. Tas ļauj:

  • izveidojiet attēlu kopas, no kurām attēli tiks ievietoti kā vietnes fons. Tos var lejupielādēt no vietējās mašīnas, WordPress multivides bibliotēkas vai citiem moduļiem;
  • nosaka fona pozicionēšanu, tā "replikāciju" (ja tas ir modelis);
  • pārklājuma raksti uz fona;
  • pēc lejupielādes redzēt visu attēlu un negaidīt, līdz tas pakāpeniski parādās no augšas uz leju (ja izmantojat lēnu internetu);
  • iestatiet fona attēlojumu noteiktās lapās: galvenajā, sadaļās, arhīvos vai ierakstos;
  • pievienojiet saiti fonam ar reklāmguvumu statistikas aprēķināšanu, izmantojot Google Analytics.

Kā redzat, ļoti interesants iespēju kopums. Tas ir globāli par iespējām, taču fona pārvaldnieka modulis ir pilns ar visu veidu detaļām. Tā, piemēram, varat izvēlēties uzliktā raksta caurspīdīgumu, noteikt efektu, pārslēdzoties starp attēliem slaidrādē utt.

Ārpus moduļa iestatījumiem jūs atradīsit sadaļā "Izskats" - "Fons". Šeit, starp citu, rodas situācija, ka jums var būt divi izvēlnes vienumi ar tādu pašu nosaukumu vienlaikus. Ja atceraties, dažām WordPress tēmām ir šāds iestatījums. Tātad fona pārvaldnieka spraudnis ir pilnībā ar to saderīgs, un jūs to varat pārvaldīt šajā sadaļā.

Bet labāk ir pāriet uz sadaļu "Fons", kas atspoguļo tikai moduļa iestatījumus. Šajā lapā jūs redzēsit tikai virkni dažādu iestatījumu.

Vispirms ir jāizveido attēlu kopa fonam - noklikšķiniet uz saites “ Pievienot jaunu attēlu kopu". Pieejamās kopas varat apskatīt cilnē "Attēlu kopas".

Kā jau teicu, šeit ir daudz iestatījumu, ir:

  • princips atlasīt attēlus fonam - nejauši utt.
  • katru reizi parādot dažādus attēlus vai saglabājot tos pārlūka sesijā;
  • fona krāsa;
  • fona parādīšana visā ekrānā vai "replikācija";
  • modeļa pārklājums virs attēla;
  • jūs varat pievienot pogu Piespraust no Pinterest un definēt vairākas citas iespējas.

Visbeidzot jāatzīmē, ka dažreiz problēmas var rasties, parādot fonu. Ja CSS veidnē ir stingri iestatīts vai definēts fons, fona pārvaldnieka spraudnis var nedarboties. Piemēram, vienā vietnē, piemēram, attēls tika viegli ielādēts un stilos aizstāja fona rekvizītu, taču šajā emuārā man to nācās īpaši komentēt. No kā tas ir atkarīgs, grūti pateikt. Lūk, kas notika beigās.

Kopumā fona pārvaldnieks ir foršs spraudnis, kas ļauj jums parādīt dažādus attēlus atbilstoši jūsu vietnes fonam un pat izveidot no tiem slaidrādi. Dažiem projektiem tas var būt lielisks "dekoratīvs" elements.

Attiecībā uz saitēm no fona fona pārvaldniekā. Iestatījumos ir līdzīga opcija, un katram attēlam varat norādīt saiti. Es pārbaudīju šo funkciju, un šķiet, ka šī rakstīšanas laikā viss darbojās. Tomēr tagad ar to ir problēmas. Vienīgais, ko mums izdevās izdarīt, bija ievietot saiti īpašā elementā - skatiet [+] ikonu iepriekš redzamajā ekrānuzņēmumā. Šī spraudņa funkcija darbojas bez problēmām.


Šodien savā praksē es saskāros ar faktu, ka ēdienkartes fonam tas bija jāieliek pārredzamība... Protams, bija iespēja to izdarīt, izmantojot picture.png, taču tomēr nolēma iedziļināties un darīt daļēji caurspīdīgs fons ar CSS... Izrādījās diezgan vienkārši :)

HTML kodā mēs ierakstām "klasi", kurai nepieciešams iestatīt noteiktu pārredzamību:

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

tādējādi es norādīju fona krāsu, iestatot vērtības trim pamatkrāsām (sarkana - rzaļa - gzils - b), un fona caurspīdīgums ir 50% (alfa - a) pa vienu īpašumu. Krāsu vērtības ir norādītas diapazonā no 0 līdz 255, un caurspīdīguma dēļ diapazons būs no 0,0 līdz 1,0

Īpašums rgba piemērojams arī visiem pārējiem elementiem. Bet, ja ir nepieciešams iestatīt pārredzamību visiem šīs klases elementiem, varat izmantot īpašumu necaurredzamība, kas nosaka caurspīdīgumu visam elementam vai visai lapai. tad kods izskatīsies šādi:

FON (necaurredzamība: 0,5;)

Šajā gadījumā visi šīs klases elementi, ieskaitot attēli un teksts būs caurspīdīgi.

Abonējiet un saņemiet noderīgus rakstus pa pastu!

Citi forši raksti mūsu emuārā

  • Es zinu, ka praksē bieži ir tāda situācija, ka vietnes īpašnieks vairākas reizes “noņem” vai izveido vietni “no nulles” un rezultātā negūst vēlamo rezultātu. Šajā gadījumā tas izriet ...
  • Filiāles materiāls! Tā kā meklētājprogrammas pastāvīgi koncentrējas tieši uz pašu interneta lietotāju un jaunāko Google algoritmu atjauninājumu rādītājiem, vietņu īpašniekiem ir kļuvis vēl svarīgāk pievērst uzmanību to ielādes ātrumam ...
  • Paskaties, ja jums ir uzdevums "izstrādāt vietni ar" pabeigtu "darbību - sekojiet šai saitei un deleģējiet uzdevumu mums. Ja jums nepieciešams tehniska uzdevuma piemērs - skatiet rakstu "Darba uzdevumi ...
  • Filiāles materiāls! - Vai vēlaties publicēt savu rakstu? Daudziem vietņu īpašniekiem SEO šķiet grūts uzdevums. Patiesībā tā nav taisnība. Augsti kvalificētu speciālistu piesaistīšana akcijai var būt ļoti ...