6 komentarzy Wordpress Poradniki, Wtyczki Wordpress

Niektóre strony posiadają w prawym górnym rogu specjalny mały trójkącik, a po najechaniu na niego odgina się strona i widzimy blog reklamowy. Widziałeś taki zagięty róg na jakieś stronie lub blogu? W chwili obecnej możesz coś takiego zobaczyć u mnie.jak-zrobic-zagiety-rog-na-wordpress Zastanawiasz się, po co jest to zrobione i jak zrobić zagięty róg na swoim blogu?

Jest to świetny sposób na reklamę. Karteczka powiewa i zachęca do najechania na nią. Po najechaniu myszką rozwija się, mamy efekt jakby ktoś pociągnął za kawałek i pokazuje się reklama. Po kliknięciu na nią możemy przekierować użytkownika na inną stronę np. z jakaś ofertą. Taka forma reklamy nazywa się Expand Corner.

Niby mały obrazek gdzieś w rogu, a przyciąga uwagę czytelnika. Mamy, wtedy bardzo dużą szansę, że czytelnik najedzie myszką na zagięty róg a, wtedy zobaczy naszą reklamę i zechce w nią np. kliknąć.

Jak zrobić taką rozwijaną reklamę w prawym górnym rogu naszego bloga ?

Możemy wykorzystać w tym celu różnego rodzaju skrypty jquery lub flash. Jednak wymaga, to od nas nie tylko podanie odpowiednich plików biblioteki, ale również wstawieniu kodu w naszym szkielecie bloga. Dla osób, które nie mają styczności z html, jquery może, to być na początku trochę problematyczne. Może również wystąpić jakiś konflikt z szablonem i możemy nie uzyskać efektu zagiętego rogu. Ale jest proste rozwiązanie.

Wtyczka Page Peel, do wordpressa.

Prosta instalacja wtyczki, a do tego darmowa wersja. Właściwie jedyna darmowa opcja, pomimo że nie jest aktualizowana od przeszło 2 lat. Na potwierdzenie uruchomiłam ją u siebie i jak widzisz działa reklama i mam zagięty róg.

Jedyne co musimy zrobić to:

– pobrać wtyczkę z repozytorium wordpress lub wyszukać w kokpicie bloga

– zainstalować wtyczkę i włączyć

Standardowo do paczki z plikiem mamy dołożone 2 grafiki, potrzebne do uruchomienia obrazkowego zagiętego rogu.

Mały obrazek o wymiarach 75×75 px, który widzisz teraz w rogu oraz 500×500 px, który pokaże się po rozwinięciu reklamy.

small  W obu obrazkach nasze napisy muszą pojawić się po prawej stronie i mogą zachodzić maksymalnie do tej niebieskiej linii granicznej, aby tekst był dobrze pokazany. rozwijana-reklama-w-prawym-rogu-blogaMożesz pobrać te 2 pliki graficzne na swój dysk i przerobić w jakimś programie graficznym.

Na filmie poniżej przedstawiam cały proces od instalacji do konfiguracji naszej wtyczki Page Peel, aby również na Twoim blogu mogła zagościć reklama w prawym górnym rogu.

Mam nadzieję, że filmik jest dość czytelny i wiesz już jak zrobić zagięty róg na wordpressie. W razie problemów lub pytań pisz.

 


Kamila Nitschka on Facebook
Kamila Nitschka
Specjalizuję się w Wordpressie od kilku lat. Tworzę strony internetowe w oparciu o WP dla swoich klientów. WordPress wykorzystuje nie tylko do budowy stron internetowych, ale także to budowania platform dla kursów online, sprzedaży kursów mailowych i innych.
Tagi
6 Komentarzy
  1. Joanna Pązik

    Cóż, może to wstyd, ale nie potrafię pobrać tych 2 plików graficznych na dysk. Do tego momentu szło jak z płatka, ale utknęłam :).

    Reply
  2. Kamila

    Żaden wstyd. Trzeba najechać na obrazek i nacisnąć prawym przyciskiem myszky, a następnie wybrać polecenie z listy „zapisz obrazek jako..”.

    Reply
    1. Joanna Pązik

      Dzięki, Kamila ja myślałam, że mam te grafiki wydobyć z tej paczki, a Ty po prostu pzwalasz wykorzystać swoje. Czytanie że zrozumieniem leży 🙂 :).

      Reply
  3. Castorp

    Bardzo fajny efekt – dzięki za podzielenie się wiedzą.
    Niestety wtyczka od dwóch lat nie aktualizowana.
    Czy nie ma jakiś błędów w działaniu na najnowszym wordpressie ?
    Może znasz podobną bardziej aktualną.

    Reply
    1. Kamila

      Castrop, mam wtyczkę zainstalowaną przy wersji 3.6 wordPressa. Nie aktualizowałam jeszcze do wersji 3.7. Ale jutro mogę to zrobić na testowym blogu i sprawdzić czy nie będzie kolizji jakiejś.

      Pisząc ten artykuł szykałam podobnych wtyczek, niestety żadnej nie udało mi się odszukać. Więc została tylko ta.

      Kolizje mogą wystąpić z szablonem bo znajoma miała takie problemy. Szablon spowodował złe wyświetlanie obrazka. Trzeba by było grzebać w kodzie i sprawdząć co jest nie tak.

      Reply
  4. Castorp

    Dzięki za info. – potestuje też tą wtyczke.
    Pozdrawiam.

    Reply

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

CommentLuv badge

Facebook