› Tag › wordpress › 6 wyników

Bootstrap youtube Code – WordPress BB code youtube for bootstrap

Wtyczka do WordPress, która:
1) Zamienia wszystkie kody <iframe>, <object> i <embed /> na wersje responsywne.

2) Umożliwia wstawienie BBcode:

[yt]https://www.youtube.com/watch?v=Pk52U72dcvE[/yt]
lub
[yt]Pk52U72dcvE[/yt]
  czytaj całość

[wordpress] [Contact Form 7] multi level select

Pracując z formularzami na skrypcie WordPress, ciężko nie natchnąć się na wtyczkę “Contact Form 7” – wordpress.org/plugins/contact-form-7/

Pomimo rozbudowanych funkcjonaliści, niektórzy mogą odczuwać pewne braki w możliwościach formatowania pól formularza a w szczególności dodawaniu własnych pól, nie przewidzianych wcześniej przez autora wtyczki.

Jednym z takich przykładów może być wielo-poziomowy znacznik SELECT, więc lista rozwijana, gdzie użytkownik może wybierać dowolną pozycje, która automatycznie spowoduje załadowanie do kolejnego znacznika SELECT.

Przykładem takiego multi-level select jest wybór miasta, powiedzmy, że w naszym formularzu umieścimy pole SELECT z wyborem województwa a poniżej zablokowane pole w wyborem miasta. Dopiero po wyboru jakiegoś województwa, użytkownik dostanie dostęp do wyboru miasta, spośród wczytanej listy miast tylko z wybranego województwa.

DEMO: https://webowiec.net/blog/test-mmselect/
L
ICENCJA: MIT (darmowa, open-source)

Aktualizacja 9 kwietnia 2015
Wtyczka dostosowana do frameworka Bootstrap

  czytaj całość

[wordpress] Go TOP of the page – skocz na górę strony


Nazwa: Go TOP of the page – skocz na górę strony
Ostatnia aktualizacja: 15 sierpnia 2013
Waga: 5,6 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka wyświetlająca ikonkę – strzałkę do góry w prawym dolnym rogu ekranu, która po najechaniu myszką staje się bardziej widoczna a po kliknięciu przenosi użytkownika na samą górę strony w płynnej animacji. Ikonka pojawia się wtedy, gdy użytkownik przewinie ręcznie stronę o 200px w dół i znika po powrocie użytkownika wyżej.
SEO tech: 2 obiekty wczytywane z chwilą uruchomienia strony (skrypt wtyczki JS: 0,7kB, ikonka: 4,2kB), styl CSS includowany do wp_head (nagłówek strony bezpośrednio w HTML)
Przykład: (po prawej stronie ekranu)  czytaj całość

WEBprojektant.pl – HTML, CSS, jQuery, PHP, Joomla, WordPress, phpbb3, Prestashop

WEBprojektant.pl - poradniki dla webmastera - http://webprojektant.plSerwis WEBprojektant.pl jest kompedium wiedzy dla webmasterów – zarówno początkujących jak i zaawansowanych. Dostępne są poradniki w formie tekstowej oraz jako wideo tutoriale, które w przystępny sposób przedstawiają zagadnienia z zakresu:  czytaj całość

[wordpress] Fb i G+ wysuwany boczny panel (scrool plugin)

Aktualizacja marzec 2016:
Modyfikacja wtyczki obejmuje drobne poprawki (dopasowanie szerokości) oraz ukrywanie wtyczki na urządzeniach mobilnych:

Download: https://webowiec.net/blog/wp-content/uploads/2016/03/fbgscrool.zip


Nazwa: Gb i G+ wysuwany boczny panel (scrool plugin)
Ostatnia aktualizacja: 21 luty 2013
Waga: 6,1 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka społecznościowa do wordpress, wysuwany boczny panel pojawiający się po lewej stronie ekranu. Po najechaniu myszką na pasek z ikonkami google i facebook, pojawia się Google+ Badge i Like Box Facebook (w przypadku wprowadzenia linków do oficjalnych profili) lub przyciski polubienia strony głównej.
SEO tech: 1 obiekt wczytywany z chwilą uruchomienia strony (skrypt wtyczki JS 8kb) zawartość wtyczki (kody facebook i google) uruchamiane są tylko w przypadku najechania myszką na panel.  czytaj całość

[wordpress] podziel się (share plugin)

Zaznaczenie_005
Waga: 10,2 KB 
Skrypt: WordPress [>2.0]
Opis:  Wtyczka społecznościowa do wordpress, wyświetla 4 ikonki: facebook, google+, tweeter, gadugadu zaraz pod tytułem wpisu na podstronie. Po najechaniu muszką ikonka zmienia się w przycisk polubienia lub podzielenia się wpisem.  czytaj całość

Kurs css

  • Kurs CSS dla niecierpliwych [cz 1/2]

    Co to jest CSS, po co go używać, jak go używać.. CSS - stylizowanie różnych elementów HTML, inaczej mówiąc: wizualizowanie/nadawanie odpowiedniego wyglądu strony www. Zaczynając kurs…

  • Kurs CSS dla niecierpliwych [cz 2/2]

    Kontynuacja przyspieszonego kursu dla niecierpliwych. Część 1/2 - Kurs CSS dla niecierpliwych 1/2 Zakładam, że znasz lub zapoznałeś/aś się już wstępnie z podstawami HTML, wiesz do czego…