Reszponzív bannerek + TIPP egy szuper WP pluginra

Reszponzív bannerek + TIPP egy szuper WP pluginra

A bannerek elhelyezése nagyon fontos és használatuk a WordPressben szintén. Akkorhát, íme, pár hasznos információ,

Bannerek az oldalsávban (sidebar)

Leggyakrabban az oldasávban elhelyezett bannerokkal találkozhatunk. Itt a következő méretek a legalkalmasabbak: 160×600, 300×300, 200×200, 250×250,.. Ez főleg a weboldalon lévő oldalsáv szélességétől függ.

Amennyiben reszponzív webdesign-nal rendelkezik az oldala, az oldalsáv a kisméretű képernyőkön általában az oldal aljára tolódik ki. Ezáltal, maga a webdesign intézi a bannerek reszponzivitását az oldalsávban és Önnek semmi többet nem kell tennie.

 

Bannerek a cikkben

Az oldalsávban elhelyezkedő reklámok a felhasználók ún. banner vakságával küzdenek, ezért érdemesebb a bannereket egyenesen a tartalomba helyezni.

Az alábbi példán 728x90px bannert láthatnak kihelyezve a tartalom közepébe.

 

responzivne-bannery3

 

Mobil alkalmazásnál a banner automatikusan lecsökken a kellő nagyságra. Ezt a viselkedést egyenesen a WordPress témájú oldal biztosítja, amely a reszponzivitásért is felelős.

 

responzivne-bannery4

 

Ha az Ön oldala ezt nem csinálja, saját CSS kódot használhat, pl. Simple Custom CSS modul segítségével:

@media screen and (max-width: 730px) {
img {
max-width: 100%;
height: auto;
}
}

Ez a CSS kód biztosítja, hogy az összes képnek 100%-os szélességű legyen legyen és ne lógjanak ki az oldalból a képernyőn 0 és 730px nagysággal. Tanácsos ezeket a számokat módosítani az alapján, ahogy az Ön oldala viselkedik mobiltelefonon és milyik nagyságánl “törik” meg a dizájn.

 

Másfajta banner mobilon? Igen!

Ha nem akarja, hogy mobilverzióban összezsugorodjon a banner, tüntessen fel másikat!

Szintén többfajta módon lehet ezt megcsinálni. Vagy eljátszik a CSS-szel (de ezt csak haladó felhasználóknak tanácsoljuk), vagy olyan modult használ, amely mindezt megoldja Ön helyett. Egy partnerünktől pozitív referenciót kaptam az Ad Inserter modul-ra, amelyet ki is próbáltam és tökéletesen működik.

Létrehoztam két banner “blokkot”, egyiket asztali gépre és tabletre, a másiakt pedig mobiltelefonra. Az elsőbe 728×90, a másikba 336x280px nagyságú bannert helyeztem. Bejelöltem azt is, hogy akarok shortcode-ot ( [rövidkód] ) és a kapott két shortcode-ot elhelyeztem a cikkbe/oldalra arra a helyre, ahol azt akartam, hogy megjelenjenek a bannerek. Mi történt ezután? Asztali számítógépen és tableten 728x90px nagyságú, mobilokon pedig 336x280px nagyságú banner jelent meg.

 

 

Bannerek automatikus elhelyezése (WordPress)

Szeretné, hogy a bannerek automatikusan elhelyezkedjenek, például minden cikk 3. bekezdése után?hcete aby sa bannery automaticky vložili do každého článku napríklad povedzme za 3 odstavec? Meg kell hagyni, az Ad Inserter modul meglepett és ezt a feladatot is kiválóan teljesíti.

Állítsa be az “Automatic Display”-t, jelölje be, hogy minden cikknél (Posts) szeretné alkalmazni és válassza ki, melyik bekezdés után jelenjen meg a banner. Nagyon sok lehetőséget kínál ez a modul, tanácsolom kipróbálni őket.

 

automaticke-zobrazovanie

 

UI: A modul rotációra is képes.

Reszponzív bannerek + TIPP egy szuper WP pluginra
5 az 3-ből

Katka Novotná
Katka Novotná

Több mint két éven át dolgoztam e-commerce marketer pozíción és így különböző eshopok forgalmát növelhettem. Néhányan közülük az Év Shop-ja kitüntetést is elérték (Heureka.sk értékelése). PPC Adwords és Facebook terén is rendelkezek tapasztalatokkal. Az Analytics nagyon közel áll hozzám. A Wiktor Leo Burnett reklámügynökségnél web projektek és aplikációk UX/UI-jével foglalkoztam, mindezt nagy ügyfelek számára. Szabadidőmben többnyire WordPressen alapuló weboldalakat készítek.

  • Wow, tak to je docela masakr, tohle bych asi dělat nemohl 🙂 Dost mě teď těší, že zatím nespolupracuji s lidmi, kteří jsou mimo IT anebo neznalý našeho oboru. Řešit 2 hodiny něco, co se pak vlastně odloží a pravděpodobně se to bude řešit znovu – to už bych si frčel na tvrdších drogách.

    A opožděně děkuji za affil šablonu, mám to v TODO listu označené ASAP, jako asi dalších 15 úkolů 🙁 😀

    • Katarina Novotna

      nádych, výdych a ide sa ďalej 😉
      ASAP – After September, April Possibly 😀

  • Tip Internet

    Super článek, přiblížení jak to celé funguje. No a koukám, že zabavení nad některými jedinci funguje v každém oboru. PS: Maďarský Dognet – jaké budou kampaně a dokážete pomoci s expanzí (pravidla HU trhu, případné překlady, výplácení na CZ firmu apod.?)?

    • polgari

      ano, budeme to robit ako na SR, takze vsetko poriadne, od zaciatku 🙂 Pocitame s tym, ze budeme pomahat CZ a SK ludom ist na Hu affil trh

  • Vladimir Nahalka

    hmmm,… Katka všetko najlepšie k narodkám (aj keď neskoro)
    🙂

    • Katarina Novotna

      Ďakujem 😉

  • Vsetko najlepsie Katka a super zazitkovy report! 🙂

További érdekes cikkek

Milyen hirdetők találhatók meg nálunk?