Tag: css

Programming Notes for Professionals, czyli solidna i bezpłatna dawka skondensowanej wiedzy (PDFy do pobrania)

Zapytał mnie kolega, czy nie mam jakichś „skondensowanych notatek” z Basha, bo akurat by się przydały, a ja w końcu „coś tam w nim dłubię”. Notatki oczywiście, że mam, ale są to moje notatki, i w większości sytuacji nikomu nic po nich, o ile ich nie „rozjaśnię”, np. w formie artykułu na WebInsider.pl (co regularnie czynię… ;-)). Ale by nie zostawiać kolegi w potrzebie, przesłałem mu link do strony, gdzie znajdzie sporo „notatek w PDFach”, również do Basha.

Alternatywne typy linków, czyli „mailto”, „callto”, „tel”, „skype”, „sms” i „fax”

Ostatnio zmieniałem stronę firmową kolegi, która zdecydowanie pamiętała jeszcze czasy, gdy w telefonach internetu nie było, a co za tym idzie, nie dość, że wygląda sam z siebie „trącił myszką”, to również korzystanie z niej na urządzeniach mobilnych do najwygodniejszych nie należało. Teraz jest już zdecydowanie lepiej, bo poza pełnym RWD mamy też np. dedykowane elementy dla urządzeń mobilnych i komputerów stacjonarnych (i laptopów ;-)). Ale chyba największą radość u znajomego wywołały linki, po kliknięciu w które np. telefon automatycznie proponował wykonanie połączenia telefonicznego pod odpowiedni numer. Nie jest to nowość dla mnie, bo staram się stosować tego typu linki od dawna, ale w końcu uznałem, że temat warto przenieść na górę listy tematów do opisania (oczywiście w Trello).

Dodanie obsługi krótkich kodów (shortcode) we wtyczce Bloom do WordPressa od Elegant Themes

Od kilku dni testuje różne rozwiązania, których celem jest większe zróżnicowanie ruchu ma stronie (czytaj: większa niezależność od ruchu z Google i Facebooka). Jednym z takich działań jest większy nacisk na Newsletter, który niebawem powinien troszkę zmienić swój charakter, i docelowo chciałbym by zapewnił dodatkowy ruch na stronie. Przy tek okazji testuje różne wtyczki, zarówno do samego newslettera, jak i wspierające. Jedną z takich wtyczek jest Bloom od Elegant Themes, który odpowiada za wyświetlanie okna z formularzem zapisu. Wtyczka sprawuje się dobrze, poza dwoma drobiazgami…

Trello Desktop, czyli Paws for Trello w nowej, już oficjalnej i zarazem bezpłatnej odsłonie

Wprawdzie usługa Trello jakoś nie doczekała się jeszcze dedykowanego tylko jej wpisu (choć było blisko nie raz, choćby po niedawnym przejęciu przez Atlassian), to „gościnnie gościła” już nie raz, choć zazwyczaj były to role drugo-, czy nawet czwartoplanowe. Tym razem jakby się jednak udało, choć nie będzie o samej usłudze (polecam, jest to od dawna jedno z moich podstawowych narzędzi).

Prosty sposób na znikający formularz kontaktowy po wysłaniu wiadomości w motywie Divi (Elegant Themes)

Wprawdzie z motywu Divi od Elegant Themes korzystam już od dość dawna przy różnych projektach (choć na razie nie jest to dominujący u mnie motyw), to do tej pory zazwyczaj nie korzystałem z wbudowanego formularza kontaktowego, gdyż wolę korzystać z dedykowanych rozwiązań, które oferują zazwyczaj większe możliwości – zresztą nie dotyczy to tylko Divi, a ogólnie większości motywów ze zintegrowanym formularzem kontaktowym.
Aktualnie pomagam przy projekcie, gdzie strona internetowa to tzw. „one page”, czyli jedna strona, która przeprowadza użytkownika przez całą historię, którą chcemy mu opowiedzieć (sprzedać). Ja tym razem odpowiadam „tylko” za warstwę techniczną, a kontentem (zarówno treścią, jak i samą strukturą) zajmuje się koleżanka, która skorzystała z wbudowanego w Divi formularza kontaktowego, w którym – przynajmniej według nas – zabrakło jednej dość istotnej opcji…

Modyfikacja kodu HTML znacznika „more” w WordPressie

W WordPressie w standardzie mamy kilka znaczników, o których być może kiedyś napisze coś więcej, ale dziś skupię się na jednym z nim, chyba najczęściej używanym. Jest to znacznik „more” odpowiedzialny za wyświetlanie np. na liście wpisów (archiwum) tekstu w stylu „czytaj dalej”, w zdefiniowanym przez autora momencie – zazwyczaj po zajawce tekstu. Tak jak poniżej, o tu – tuż przed subtytułem:

Dodatkowa kolumna na liście użytkowników w WordPressie, np. z identyfikatorem (ID) użytkownika

Ostatnio dostałem zapytanie, czy mógłbym przygotować jakiś moduł, który by na liście użytkowników WordPressa – oprócz standardowych danych – wyświetlał również ID danego użytkownika. Nie będę rozpisywał się nad powodami takiego „zapotrzebowania”, bo mogą być one (prze)różne. Ważny jest ostateczny efekt.

Własne (dodatkowe) przyciski w edytorze tekstowym (HTML) i graficznym (TinyMCE) w WordPressie

Jakiś czas temu pisałem jak można w WordPressie 4.7+ przywrócić w edytorze przyciski odpowiedzialne za justowanie i podkreślenie tekstu. Dziś pójdziemy o krok dalej – dodamy do edytora (wizualnego i tekstowego) własne przyciski.

Dodatkowe menu i pole na widżety (sidebar) w WordPressie

Wprawdzie większość motywów – zwłaszcza tych bardziej rozbudowanych – do WordPressa ma zazwyczaj przynajmniej kilka miejsc na widżety i 1-2 miejsca na menu (choć czasem dziwnie rozmieszczonych), to warto wiedzieć, że w kilku prostych krokach możemy dodać dodatkowe miejsca tego typu, właściwie w dowolnym miejscu naszego motywu.

Aktualizacja motywu Avada (WordPress) i brak przetwarzania arkusza stylów (style.css) z motywu potomnego (child theme)

Ostatnio na jednej ze stron którą się opiekuję zdecydowaliśmy się na aktualizację motywu Avada do najnowszej wersji (5.0.6). Zmiana została celowo trochę odroczona, bo dotyczy to strony która nie tylko działa i jest też tam sklep internetowy (WooCommerce), ale i miejscami konstrukcja niektórych „fragmentów” jest dość skompilowana, co w przypadku tak dużej migracji (nowy edytor stron, nowe podejście do tematu) może oznaczać problemy…

Zestawienie kursów Udemy, z których w ramach promocji możecie (teraz) skorzystać bezpłatnie

Przed nami niedziela, słoneczko świeci, więc… kto nie musi (niech) nie pracuje, ale to też być może dobra okazja by wykorzystać ten dzień nie tylko na spacery z psami, czy wspólny/rodzinny obiad, ale i naukę – zwłaszcza, że w końcu udało mi się zebrać kolejną porcję kursów z serwisu Udemy, z których możecie obecnie skorzystać bezpłatnie (kursów, które można dodać do swojego konta bezpłatnie jest więcej, ale starałem się wybrać kilka – moim zdaniem – najciekawszych).
I nawet jak nie zamierzacie z nich korzystać teraz, to warto dodać je do swojego konta, bo od piątku, gdy zacząłem wybierać dla Was kursy w promocji kilka już stało się płatnych.

Własna zawartość w formularzu dodawania komentarza w WordPressie (kod i wtyczka)

Na początku miał to być krotki wpis o tym, jak za pomocą kilku linijek kodu zmienić standardowy tekst jaki w WordPressie wyświetlany jest w formularzu dodawania nowego komentarza (frontend). Notatki do wpisu cały czas się rozrastały o dodatkowe możliwości, a na koniec pojawiła się jeszcze wtyczka, dla tych co wolą gotowe rozwiązanie…

Kurs wideo dla (przyszłych) Web Developerów do zgarnięcia za darmo w serwisie Udemy

Dostałem na e-mail informację o bezpłatnym kursie dla Web Developerów do zgarnięcia za darmo w serwisie Udemy, od razu podzieliłem się ze znajomymi, i w końcu znalazłem też chwile, by podzielić się promocyjnym linkiem/kodem z Wami… :-)

WP Super Snow, czyli pada (nie tylko) śnieg… Przynajmniej na naszej stronie na WordPressie

Wprawdzie nie planowałem na ten temat robić wpisu, ale w ciągu ostatnich kilku dni dostałem już kilka zapytań w tej sprawie, więc… Od kilku dni na obrazkach wyróżniających w postach pada sobie „śnieg”, i tak patrząc przez okno widzę, że na zewnątrz go brak, więc stąd być może aż takie zainteresowanie tym tematem – vox populi, vox Dei, więc jedziemy z tematem… ;-)

WordPress 4.7 i justowanie/podkreślanie tekstu w edytorze wizualnym (TinyMCE)

Kilka dni temu pisałem o premierze WordPressa w wersji 4.7, i przy tej okazji wspomniałem, że jedną ze zmian jest zniknięcie przycisku justowania w edytorze wizualnym (TinyMCE). Chwilę temu zadzwoniła do mnie znajoma, że po aktualizacji do 4.7 zniknął u niej właśnie ten przycisk, więc może warto poświęcić chwilę temu tematowi, bo być może jest to ważniejszy temat niż sądziłem… ;-)

Czasem warto wyłączyć justowanie tekstów na stronie WWW, np. dla urządzeń mobilnych

Wprawdzie gdzieś ten temat był na liście „do opracowania”, ale raczej jego priorytet był dość niski, i pewnie jeszcze długo by sobie czekał, gdyby nie to, że rano dostałem link od znajomego do jednego z serwisów o „czasem podobnej tematyce”, gdzie jeden z komentujących „miał prośbę, by zrobić coś z justowaniem na mniejszych urządzeniach”.
Sam z justowania tekstu korzystam chętnie, choć przyznaje, że na mniejszych ekranach (w mniejszych rozdzielczościach) sprawuje się ono średnio, i często w kolumnie tekstu mamy dziury, których pozazdrościłby niejeden ser żółty.

WordPress Must Use Plugins, czyli wtyczki wymuszone jako alternatywa dla „obowiązkowego” kodu w functions.php

W przypadku większości stron opartych m.in. o system WordPress którymi zarządzam „zwykli użytkownicy” mają zazwyczaj uprawnienia ograniczone do niezbędnego minimum, tak, by przypadkowymi działaniami nie spowodować „jakiejś usterki” na stronie.
Są jednak sytuacje, gdy właściciel bądź oddelegowany użytkownik chce/potrzebuje mieć większe uprawnienia – w tym czasem nawet zarządzanie wtyczkami i motywami, oczywiście po odpowiednim przeszkoleniu i ustaleniu ograniczenie odpowiedzialności po mojej stronie. Ale nawet w takiej sytuacji jest jeszcze jedna linia obrony, dzięki czemu przynajmniej część ustawień/modyfikacji możemy zablokować przed przypadkową zmianą…

Skuteczne (i nieuciążliwe) metody walki ze SPAMem w komentarzach w WordPressie

W tym wpisie postaram się przybliżyć Wam kilka sprawdzonych (bezpośrednio przeze mnie, lub moich klientów) sposobów walki ze SPAMem na stronach internetowych.
Wprawdzie będę opierał się na WordPressie (zdecydowany lider jeśli chodzi o ilość działających stron), to podobne rozwiązania są dostępne również na innych platformach, lub relatywnie prosto można je dodać do autorskich rozwiązań.
Oczywiście nawet nie zamierzam opisać tu wszystkich wtyczek które w mniejszym lub większym stopniu pozwalają wyeliminować SPAM z komentarzy, a skoncentruje się na przedstawieniu kilku przykładowych rozwiązań każdego typu (z których sam korzystam, bądź korzystałem).

WordPress: robimy własną wtyczkę, na przykładzie kodu BugMeBar

Jakiś czas temu przedstawiłem Wam jak w prosty sposób można dodać własny kod do WordPressa – albo za pomocą własnej wtyczki, albo korzystając z pliku functions.php (pamiętajcie o motywach potomnych/child themes).
Dziś powrócimy do tego tematu – dostałem prośbę od znajomego, o przekształcenie „pewnego rozwiązania” w działającą wtyczkę do WordPressa. Zadanie postanowiłem przyjąć, bo będzie z tego zapewne dla wielu z Was przydatny wpis…

Loading

Reklama własna

Bloom Email Optin Plugin

Reklama własna

Bloom Email Optin Plugin

Reklama własna

Monarch Social Sharing Plugin