Pluginy pre operácie s pozadiami WordPress. Priehľadné pozadie alebo text pomocou CSS Ako urobiť pozadie hlavičky transparentným vo WordPress

blog na WordPress možno zmeniť najviac rôzne cesty a že tieto zmeny sú skutočne vykonané v kódoch súborov PHP Nachádza v priečinku motívu aktívneho dizajnu na blogu.

Teraz sa pozrite na svoj blog kritickým okom. Čoskoro na ňom bude veľa vecí inak, pretože v princípe si na tom svojom môžete zmeniť, čo len chcete. Samozrejme, len treba vedieť, ako na to.

V administratívnom paneli

Prihláste sa do administratívneho panela v Vzhľad- Editor . Už viete, za čo sú zodpovedné mnohé šablóny, ale teraz vás nebudú zaujímať šablóny, ale to, čo je pod nimi: Štýly. Presnejšie jeden ich úsek, ktorý je tzv Zoznam štýlov.

Súbor zodpovedajúci tomuto zoznamu je style.css. Tento súbor sa nachádza na blogu v aktívnom priečinku témy. Vždy ho tam nájdete.

V prehliadači

Stačí otvoriť prehliadač. Väčšina prehliadačov má dobrá funkcia: Môžete kliknúť na ľubovoľnú oblasť blogu pravým tlačidlom myši a vybrať si zo zoznamu operácií Zobraziť kód prvku . Nižšie sa zobrazí okno, kde môžete nájsť zaujímavé informácie o prvku, na ktorý ste klikli.

V tomto okne vľavo Uvidíte kód stránky a v tomto kóde sa zvýrazní riadok. zodpovedajúce tomuto prvku. A napravo, v štýloch budú vlastnosti tohto prvku.

Veľkosť písma, zarážky, farba textu a pozadia, zarovnanie: všetko je v štýloch a toto všetko sa dá zmeniť.

Zmena farby pozadia

Zapnuté WordPress blog Osobne nemám rád, keď je pozadie článkov a pozadie všetkého iné. V tomto prípade sa články vo feede zobrazujú v samostatných blokoch a podľa mňa nevyzerajú veľmi dobre. Pozadie urobíme všade rovnaké ako aktuálne pozadie článku. Kliknite pravým tlačidlom myši na pozadie, ktoré chceme zmeniť, a vyberte Zobraziť kód prvku. V riadku, ktorý bude vo výsledku zvýraznený vpravo, nás bude zaujímať názov atribútu triedy . Štýly sú predpísané konkrétne podľa triedy.

V tomto prípade trieda = art-layout-cell To znamená, že v štýloch, v súbore style.css, bude aj taká trieda a vlastnosti v nej už budú špecifikované. Bude to vyzerať inak, konkrétne:

.art-layout-cell a potom sa vlastnosti tejto triedy zapíšu do zložených zátvoriek.

Nájdite triedu s týmto názvom v súbore style.css. Využime funkciu vyhľadávania Ctrl+F a do vyhľadávacieho poľa zadajte názov: art-layout-cell. Okamžite uvidíme pozadie:

farba pozadia: priehľadná. Transparentné znamená transparentný .

Teraz, akú farbu potrebujeme? Kde môžem získať farbu pozadia našich článkov? Tentoraz využijeme Program FSCapture. V ňom. okrem iného medzi súpravou nástrojov, ktoré nájdete pipeta, ktorý určuje farbu ľubovoľnej oblasti na obrazovke monitora. Veľmi užitočný nástroj!

Otvorte program FSCapture, prejdite na nastavenie a vyberte nástroj Kvapkadlo na obrazovke . Kliknite na požadovanú oblasť na obrazovke. V okne Hex Uvidíte kód farby, ktorú potrebujete: D2E8EE

Vložíte ho do štýlu art-layout-cell namiesto slova Transparentné .

Pozrite, čo sa stalo. Čaká nás ešte veľa práce, ale už sa začalo.

Video o tom. ako upraviť pozadie na blogu wordpress

Podrobnejšie informácie získate v sekciách „Všetky kurzy“ a „Pomôcky“, ktoré sú prístupné cez Horné menu stránky. V týchto sekciách sú články zoskupené podľa tém do blokov obsahujúcich čo najpodrobnejšie (pokiaľ je to možné) informácie o rôznych témach.

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


Dnes som sa vo svojej praxi stretol s tým, že pre pozadie menu bolo potrebné nastaviť transparentnosť. Samozrejme, existovala možnosť, ako to urobiť pomocou súboru picture.png, ale aj tak som sa rozhodol prekopať a urobiť to priesvitné pozadie s pomocou CSS . Ukázalo sa, že je to celkom jednoduché :)

Do html kódu napíšeme „triedu“, pre ktorú je potrebné nastaviť určitú transparentnosť:

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

Preto som špecifikoval farbu pozadia nastavením hodnôt pre tri základné farby (červená - r, zelená - g, Modrá - b) a priehľadnosť pozadia na 50 % (alfa - a) s jednou vlastnosťou. Hodnoty farby sú v rozsahu od 0 do 255 a pre priehľadnosť je rozsah od 0,0 do 1,0

Nehnuteľnosť rgba platí aj pre všetky ostatné prvky. Ak však bude potrebné nastaviť priehľadnosť pre všetky prvky v danej triede, môžete použiť vlastnosť nepriehľadnosť, ktorý nastavuje priehľadnosť pre celý prvok alebo celú stránku. potom bude kód vyzerať takto:

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

V tomto prípade sa všetky prvky v tejto triede stanú transparentnými, vrátane obrázky a text budú priehľadné.

Prihláste sa na odber a dostávajte užitočné články e-mailom!

Ďalšie skvelé články na našom blogu

  • Viem, že v praxi často nastáva situácia, že majiteľ stránky niekoľkokrát „prerobí“ alebo vytvorí „od začiatku“ a nakoniec nedosiahne požadovaný výsledok. V tomto prípade by ste mali...
  • Partnerský materiál! Vďaka neustálemu sústredeniu vyhľadávače priamo na samotnom užívateľovi internetu a indikátoroch najnovšie aktualizácie Algoritmy Google, je pre majiteľov webových stránok ešte dôležitejšie venovať pozornosť rýchlosti ich načítania...
  • Pozrite, ak máte za úlohu „vytvoriť webovú stránku na kľúč“, kliknite na tento odkaz a delegujte túto úlohu na nás. Ak potrebujete príklad zadávacích podmienok- pozri článok „Špecifikácie pre vytváranie...
  • Partnerský materiál! - Chcete zverejniť svoj článok? Pre mnohých majiteľov webových stránok sa SEO optimalizácia javí ako veľmi náročná úloha. V skutočnosti to nie je pravda. Prilákanie vysokokvalifikovaných odborníkov na propagáciu môže byť veľmi...


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 a zmenu pozadia. Nie všetky témy to však dokážu, najmä pokiaľ ide o bezplatné kópie. Ale aj keď máte na svojom webe nainštalovanú šablónu, kde si môžete v nastaveniach zmeniť pozadie WordPressu, pôjde o veľmi skromnú operáciu, keďže zmeny sa aplikujú na celý web naraz. V bežných šablónach nie je možné zmeniť pozadie len niektorých príspevkov, kategórií alebo stránok.

V tomto článku vám povieme o dvoch jednoduchých doplnkoch, ktoré tento problém vyriešia niekoľkými kliknutiami.

Pozadie na stránku

Toto je najjednoduchší doplnok, ktorý vám umožňuje vykonávať operácie s pozadím WordPress. Po jeho inštalácii a aktivácii sa v ovládacom paneli lokality nezobrazia žiadne nastavenia ani ďalšie položky. Iba na každom príspevku a stránke bude nová možnosť, ktorá vám umožní pridať vlastný obrázok na pozadie.

Na obrázok vybraný pre pozadie WordPress je možné použiť niekoľko efektov:

  • Vyberte opakovanie – horizontálne alebo vertikálne;
  • Urobte obrázok rolovateľným s webom alebo pevným, tzv.
  • Vyberte orientáciu pozadia WordPress – vpravo, vľavo, v strede;
  • Namiesto obrázkov zvoľte bežnú farebnú výplň.

Plugin je bezplatný. Navyše každé stiahnuté pozadie WordPress je možné upravovať v vstavanom editore tohto doplnku.

Obrázky na pozadí celej obrazovky Pro

Tento doplnok je zložitejší na používanie a umožňuje vám vykonávať viac operácií s pozadím WordPress. Platí sa a stojí 13 dolárov. Po nainštalovaní aktivácie pluginu sa v administračnom paneli objaví položka ponuky. Ukladá galériu pozadí, kde môžete obrázky kedykoľvek pridávať, mazať a upravovať.

Okrem toho môžete nastaviť pozadie WordPress pre akýkoľvek príspevok alebo stránku a identifikovať ich podľa ID domovskej stránke, ľubovoľná kategória, archívne stránky a dokonca aj 404 strán.

Široké možnosti tohto pluginu dopĺňa funkcia, ktorá bola v prvom - na pridávacej stránke každej stránky a príspevku sú pridané možnosti inštalácie toho či onoho obrázok na pozadí, s editorom a všetkými možnými efektmi.

Všetko vo všetkom, skvelý nástroj vytvoriť pozadie WordPress. Aj platené aj bezplatný doplnok vhodné na riešenie mnohých problémov s tým súvisiacich.