šablóna wordpress s jasným pozadím. Upraviteľné pozadie pre blog WordPress. V administračnom paneli

blog na WordPress je možné meniť rôznymi spôsobmi a že zmeny sa vykonávajú správne v kódoch súborov PHP čo vedieť otec je aktívny v dizajnových témach na bloku.

Teraz sa kriticky pozrite na svoj blog. V každom prípade to bude iné, pretože v zásade si môžete sami zmeniť, čo chcete. Samozrejme, vyžaduje sa, aby šľachta zarábala.

V administračnom paneli

Prihláste sa do administračného panelu Vonkajší pohľad - Editor . Už viete, čo znamená veľa šablón, ale teraz to nie sú šablóny, ktoré hľadáte, ale tie pod nimi: Štýly. Presnejšie jeden ich úsek, ktorý je tzv Zoznam štýlov.

Súbor zodpovedá tomuto zoznamu style.css. Tento súbor je uvedený na blogu aktívnych tém. Najprv budete vedieť, čo tam je.

V prehliadači

Stačí otvoriť prehliadač. Väčšina prehliadačov má dobrú vlastnosť: Môžete kliknúť na ľubovoľnú oblasť v bloku pravým tlačidlom myši a vybrať si zo zoznamu operácií Kontrola kódu prvku . V spodnej časti sa nachádza okno, kde nájdete ďalšie informácie o prvku, na ktorý ste klikli.

Koho má narodeniny? ľavák Zadáte vedľajší kód a riadok bude viditeľný v kóde. v súlade s týmto prvkom. A napravo, budú mať štýly silu tohto prvku.

Veľkosť písma, odsadenie, farba textu a pozadia, vyrovnanie: všetko závisí od štýlov A všetko sa dá zmeniť.

Zmeňte farbu pozadia

Na blogu WordPress mi najmä nevyhovuje, ak je pozadie článkov a pozadie iných odlišné. V tomto prípade sú štatistiky stránky v úzkych blokoch a podľa môjho názoru nevyzerajú veľmi dobre. Pozadie vytvárame rovnakým spôsobom, rovnako ako pozadie statti. Klikneme na pozadie, ktoré chceme zmeniť, pravým tlačidlom myši a vyberieme Zobraziť kód prvku. Sme v rade, ktorý bude vidieť ako výsledok vpravo, správnym smerom názov atribútu triedy . Štýly sú predpísané samy za triedami.

V tomto videu trieda = art-layout-cell To znamená, že v štýloch, v súboroch style.css, aj keď takáto trieda existuje, bude v nej zapísaná aj moc. Vyzerá to inak, ale:

.art-layout-cell, a potom sa na kučeravé ramená zapíše sila tejto triedy.

Poznáme triedu s týmto názvom súboru style.css. Zrýchlite funkciu vyhľadávania Ctrl+F a do denníka napíšte názov vyhľadávania: art-layout-cell. Okamžite oceňujeme nasledovné:

farba pozadia: priehľadná. Transparentné znamená náhľad .

A teraz, akú farbu potrebujeme? Kde by sme mali vziať farbu našich článkov? Tentoraz zrýchľujeme Program FSCapture. Na jej mieste. Okrem všetkého ostatného, ​​medzi súpravou nástrojov, ktoré nájdete pipeta, ktorý označuje farbu ľubovoľného pozemku na obrazovke monitora. Taký krásny nástroj!

Otvorte program FSCapture, prejdite na Nastavenie a vyberte nástroj Kvapkadlo na obrazovke . Klepnite na požadovanú oblasť na obrazovke. Pri okne Hex Kód pre požadovanú farbu nájdete: D2E8EE

Štýl vložky Yogo V art-layout-cell nahradiť slová Transparentné .

Žasnúť nad tým, čo sa stalo. Zostáva ešte veľa práce, ale klas je už položený.

Video o nich. Ako upraviť pozadie na blogu WordPress

Prehľady si môžete pozrieť v sekciách „Všetky kurzy“ a „Kurzy“, ku ktorým sa dostanete cez horné menu stránky. V týchto sekciách sú články zoskupené do blokov podľa tém s cieľom poskytnúť čo najkomplexnejšie (v rámci možností) informácie z rôznych tém.

Môžete sa tiež prihlásiť na odber blogu a dozvedieť sa o všetkých nových štatistikách.
Nezaberie vám to príliš veľa času. Stačí kliknúť na správu nižšie:

Pozadie je obrázok, na ktorom sú zobrazené všetky prvky stránky. Alebo to nemusí byť obrázok, ale plná alebo prechodová farba.

Väčšina šablón nepodporuje nastavenie alebo zmenu pozadia. Nie všetky tieto diela však fungujú, najmä pokiaľ ide o neskladové kópie. Ak máte na svojej inštalačnej stránke šablónu, kde si môžete v nastaveniach zmeniť pozadie WordPressu, bude to mizivá operácia a zmeny sa vám hneď pochvália na celej stránke. Neexistujú žiadne základné šablóny na zmenu pozadia akýchkoľvek príspevkov, kategórií alebo stránok.

Tento článok vám povie o dvoch jednoduchých doplnkoch, ktoré dokážu vyriešiť tento problém niekoľkými kliknutiami.

Pozadie na stránku

Toto je najjednoduchší doplnok, ktorý vám umožňuje vykonávať operácie v rámci WordPress. Po inštalácii a aktivácii sa na paneli webových stránok nezobrazia potrebné nastavenia a ďalšie body. Iba na stránke záznamu kože bude nová možnosť, ktorá vám umožní pridať vlastný obrázok na pozadie.

Pred obrázok vybraný pre pozadie WordPress môžete pridať niekoľko efektov:

  • Vibrati opakovanie – horizontálne chi vertikálne;
  • Vytvorte obrázok, ktorý sa bude posúvať po stránke, alebo pevný obrázok, teda názvy;
  • Vyberte orientáciu pozadia WordPress – pravák, ľavák, v strede;
  • Ak chcete zobraziť počiatočnú farebnú výplň, vyberte položku Náhrada.

Plugin je bezplatný. Okrem toho môže vaše pozadie WordPress upravovať editor vašej aplikácie.

Obrázky na pozadí celej obrazovky Pro

A tento doplnok je flexibilnejší a umožňuje vám vykonávať viac operácií z pozadia WordPress. Platí sa a stojí 13 $. Po inštalácii bude aktivácia doplnku položkou ponuky na paneli správcu. Máte uloženú galériu pozadí, tu môžete pridávať, mazať alebo upravovať obrázky.

Okrem toho môžete nastaviť pozadie WordPress pre akýkoľvek príspevok alebo stránky, vrátane tých, ktoré sú za ID, hlavičkou, ľubovoľnou kategóriou, archívnymi stránkami a 404 stránkami.

Široká škála možností tohto pluginu bude doplnená o rovnakú funkciu, aká bola v prvom - na stránke pridania skinu a pri položke pribudnú možnosti inštalácie akéhokoľvek iného obrázka na pozadí s editorom a akéhokoľvek efektu ami.

Stiahnite si pokročilý nástroj na vytvorenie pozadia WordPress. Platené aj bezplatné doplnky sú vhodné pre širokú škálu úloh, ktoré s tým súvisia.


Dnes som vo svojej praxi dospel k záveru, že to potrebujem dať do pozadia jedálneho lístka. náhľad. Bola by to možnosť, ako si to zarobiť pomocou dodatočných obrázkov.png, ale stále sa rozhodnite stiahnuť a zarobiť Kliknite sem pre ďalšie CSS. Ukázalo sa, že je to také jednoduché :)

V html kóde je napísané „class“, pre ktorú je potrebné nastaviť serendipity:

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

Sám som teda označil farbu pozadia a nastavil hodnoty pre tri hlavné farby. r, zelená - g, Modrá - b) a viditeľnosť pozadia je 50 % (alfa - a) samotná sila. Hodnoty farby sú špecifikované v rozsahu od 0 do 255 a pre prehľadnosť je rozsah od 0,0 do 1,0

autorita rgba Je potrebné vyriešiť aj prvky. Ak je potrebné zabezpečiť prehľadnosť všetkých prvkov, ktoré sú v tejto triede, môžete rýchlo použiť napájanie nepriehľadnosť, ktorý nastavuje viditeľnosť celého prvku alebo celej stránky. Potom bude kód vyzerať takto:

FON (nepriehľadnosť: 0,5; )

V tomto čase budú jasné všetky prvky, ktoré sú v tejto triede, vrátane obrázky a text budú jasné.

Prihláste sa na odber a dostávajte originálne články e-mailom!

Ďalšie skvelé štatistiky na našom blogu

  • Viem, že v praxi často nastáva situácia, že správca webu „prepracuje“ stránku, prípadne ju vytvorí „od základu“ niekoľkokrát a požadovaný výsledok nezoberie. V takom prípade nasleduje...
  • Pridružený materiál! Kvôli neustálemu zameraniu vyhľadávačov na samotný internet a najnovším aktualizáciám algoritmov Google je pre majiteľov webových stránok ešte dôležitejšie rešpektovať popularitu ich popularity.
  • Žasnite nad úlohou, ktorú musíte „vybudovať webovú stránku na kľúč“ – postupujte podľa týchto pokynov a delegujte túto úlohu na nás. Ak je potrebný zadok technického oddelenia - čudujte sa článku „TK vytvoril...
  • Pridružený materiál! - Chcete zverejniť svoj článok? S množstvom majiteľov webových stránok sa SEO optimalizácia stáva ešte náročnejšou úlohou. V skutočnosti to nie je celkom pravda. Nábor vysokokvalifikovaných fašistov pred ukončením štúdia môže byť dlhší...


Keď som sa nedávno dozvedel o riešení pre – okrem CSS a Javascriptu, tieto úlohy zvládnu aj 2 WordPress pluginy. Dnes sa na jeden z nich pozriem podrobnejšie – Správca pozadia. Každá téma má nastavenia na zmenu pozadia webovej stránky a každý používateľ si ju môže prispôsobiť prostredníctvom štýlov v šablóne. Okrem toho má modul množstvo doplnkových funkcií, ktoré by mali byť súčasťou vašej správy.

Aktualizácia 8. 11. 2018: Bohužiaľ, modul nebol dlho aktualizovaný, ale teraz bol úplne oboznámený s oficiálnym úložiskom Plugin Directory. Prečítajte si článok alebo žasnite nad výberom pluginov.

Modul nájdete na tejto stránke alebo si ho môžete nainštalovať pod administračným panelom WordPress. V čase písania tohto článku bolo dôležité dožiť sa vysokého veku, pretože Podporovaná verzia skončila na čísle 3.7.8. Žiaľ, doplnok nemusí byť momentálne podporovaný. Proti tomu som však úspešne protestoval na zostávajúcej verzii systému 4.2.1. Pred tým, 30 tisíc zavantazheny zustrinesh nie v module kože.

Hlavným účelom doplnku Správca pozadia je zobrazenie vlastného pozadia pre každého nového prehliadača alebo vytvorenie prezentácie z množstva obrázkov. Priznám sa, najprv som si myslel, že modul jednoducho pomôže vytvoriť klikacie pozadie, ale jeho funkcie sú dosť odlišné. Vіn umožňuje:

  • Vytvorte sadu obrázkov a všetky obrázky sa vložia na stránku. Môžete k nim pristupovať z miestneho počítača, knižnice médií WordPress alebo iných modulov;
  • uveďte polohu pozadia, jeho obeh (ako v prípade);
  • dať vošky na vošky;
  • Zabezpečte, aby sa obrázky po atrakcii zobrazili všade a neklikajte, kým sa nezobrazia krok za krokom zvieraťu dole (keďže internet je poškodený);
  • nastaviť zobrazenie pozadia na nasledujúcich stránkach: hlavné stránky, sekcie, archívy a príspevky;
  • Pridajte správu na pozadí so štatistikou konverzií prostredníctvom služby Google Analytics.

Ako získate širokú škálu možností? To je to, o čom hovoríme globálne o schopnostiach, ale v module Správca pozadia je veľa podrobností. Napríklad v dostupnej voľbe viditeľnosti sa miniatúra prekryje pre efekt pri prechode medzi obrázkami v prezentácii atď.

Nastavenia modulu nájdete v časti „Externý vzhľad“ - „Pozadie“. Tu skôr, ako prehovoríte, nastáva situácia, že môžete mať naraz dve položky menu s rovnakým názvom. Ako si pamätáte, akcie WordPress sú podobné úpravám. Doplnok Správca pozadia s tým teda urobí veľa a môžete ho použiť v tejto sekcii.

Je však lepšie prejsť na „Pozadie“, ktoré práve nastavuje modul. Na tejto stránke sa jednoducho dozviete veľa o detailoch.

Najprv však musíte vytvoriť obrázok na pozadí - kliknite na pokyny Pridať novú sadu obrázkov“. Skutočné sady si môžete pozrieť na karte "Súpravy obrázkov".

Ako som už povedal, príprava je tu dlhšia a bohatšia:

  • princíp výberu obrázkov na pozadí - vipadkovo a in;
  • okamžité zobrazenie rôznych obrázkov alebo ich uloženie v relácii prehliadača;
  • farba pozadia;
  • zobraziť pozadie na celej obrazovke alebo replikovať;
  • prekrytý obrázok v hornej časti obrázka;
  • Môžete pridať tlačidlo Pin It z Pinterestu a máte množstvo ďalších možností.

Nakoniec si všimnite, že so zobrazenými obrázkami na pozadí môžu nastať problémy. Ak šablóna CSS nie je priradená alebo opätovne priradená k pozadiu, doplnok Správca pozadia nemusí byť aktivovaný. Napríklad na jednej stránke som pokojne zdôraznil obrázok a nahradil silu pozadia v štýloch a v tomto blogu som mal možnosť ho špeciálne komentovať. Ťažko povedať, prečo by mal klamať. Toto vyšlo ako výsledok.

Správca pozadia je celkovo skvelý doplnok, ktorý vám umožňuje zobrazovať rôzne obrázky na pozadí vašich webových stránok a vytvárať z nich prezentácie. Pre určité projekty to môže byť úžasný „dekoratívny“ prvok.

Aký je problém s nastavením pozadia v Správcovi pozadia? Nastavenia majú podobnú možnosť a môžete zadať odkaz na obrázok vzhľadu. Túto funkciu som testoval a v čase písania tohto článku všetko fungovalo. Odtiaľto okamžite nastali problémy. Jediné, čo sme mohli urobiť, bolo umiestniť odkaz na špeciálny prvok – div. Na snímke obrazovky je viditeľná ikona [+]. Táto funkcia pluginu funguje bez problémov.