BLOG

Jak w 5 min. zrobić zagięty róg na blogu WordPress

zagięty róg na blogu wtyczka wordpress
Share on facebook
Share on twitter
Share on linkedin

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.

 


DZIEWCZYNA ZA BLOGIEM

Jestem Kamila Nitschka

Jestem tutaj, aby szybko i łatwo stworzyć stronę internetową Twoich marzeń lub nauczyć Cię jak możesz to zrobić sama w prosty sposób i bez stresu oczywiście wykorzystując w tym celu WordPressa.

Kategorie

Share on facebook
Share on google
Share on twitter
Autor artykułu

6 thoughts on “Jak w 5 min. zrobić zagięty róg na blogu WordPress”

  1. 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 :).

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

    1. 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 🙂 :).

  3. 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ą.

    1. 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.

Komentowanie jest zablokowane.