Wyklikane

Praktyczne wskazówki jak zaprojektować, a następnie zarządzać stroną internetową.

Wyklikane
Czym jest Elementor

Czym jest Elementor

W dobie rosnącej popularności przeróżnych edytorów mających ułatwić samodzielną budowę strony internetowej, wypada mi opisać przynajmniej jeden z najpopularniejszych. Służy on do projektowania strony z tzw. bloczków czyli gotowych fragmentów działających na zasadzie „przeciągnij i upuść”. Mowa oczywiście o Kreatorze Stron Elementor. Zarys sytuacji Już dobrych kilka lat temu wraz z coraz bardziej rozbudowanymi motywami do WordPress pojawiały się narzędzia pozwalające użytkownikom w prosty sposób modyfikować wygląd. W zapleczu strony razem z motywem instalowany był framework zarządzający wybranym fragmentem witryny. Pomimo drobnych ułomności, wiele bloczków można było zmodyfikować za pomocą kilku kliknięć myszki. Zmienić wielkość liter, odstępy, kolory, kierunki animacji itp. Jest jednak pewien haczyk. Przeważająca część z tych narzędzi jest płatna. Same narzędzia konkurencji są zasadniczo darmowe ale wbudowane w płatny szablon. Mam na myśli takie narzędzia jak Muffin Builder (szablony BeTheme), Visual Composer (teraz WPBakery Page Builder), Beaver Builder, Divi czy Cornerstone. Dodatkowym minusem jest licencja pozwalająca na jednorazowe użycie szablonu (na jednej domenie). Powstała zatem pewna nisza na rynku dla podobnych edytorów w wersji darmowej. Tylko skoro plugin jest za darmo i ma trafiać do szerokiej grupy

Czytaj więcej
Jak optymalizować obrazki

Jak optymalizować obrazki do weba

Budując dowolną stronę internetową, niezwykle ważne jest aby pamiętać o jej optymalizacji. Najnowsza wersja PHP na Twoim serwerze jest z pewnością bardzo ważna, że rozmiar i ilość multimediów na stronie też mają znaczenie. Nie pozwól, by użytkownik zniecierpliwił się w oczekiwaniu na powoli wyłaniający się obrazek. Strona musi wczytywać się szybko. To bezdyskusyjne. Gdy przesyłasz jakiekolwiek zdjęcie, zadbaj o to, aby nie zajmowało więcej niż kilkadziesiąt/kilkaset kilobajtów. Fotka uroczego kota z kłębkiem wełny nie powinna ważyć 2MB na dysku. Pilnowanie małej wagi obrazków przynosi korzyści nie tylko dla użytkownika ale i dla Ciebie. Zużywasz przy tym mniej miejsca na serwerze. Jest to szczególnie ważne gdy prowadzisz sklep internetowy lub bogatą galerię zdjęć. Zatem jak optymalizować obrazki do weba, aby strona wczytywała się szybko? Odpowiedzi udzielam w tym wpisie. Jak mierzyć prędkość strony No dobrze. Wiesz już, że strona powinna się szybko wczytywać. Nasuwają Ci się zatem dwa pytania: „jak szybko?” oraz „jak to zmierzyć?”. Odpowiedzi na te pytania są relatywnie proste. Jak szybko? Jak najszybciej. Przyjmuje się, że użytkownik jest w stanie poczekać bez zniecierpliwienia do 3 sekund na załadowanie strony. Mógłbym dodać od siebie, że zasadniczo chodzi tu o bieżący viewport, czyli

Czytaj więcej
Jak ustawić stronę główną

Jak ustawić stronę główną WordPress?

Czołem klikaczu! Dziś będzie krótko i na temat. Pokażę Tobie jak ustawić stronę główną z domyślnej na dowolną inną. Skoro tu jesteś to zapewne wiesz, że domyślnym widokiem strony zaraz po zainstalowaniu WordPress jest widok z listą wpisów. Użytkownik widzi wszystkie wpisy na blogu posortowane wg daty publikacji. A co jeśli budujesz klasyczną stronę firmową, z zakładkami o firmie, ofertą i danymi kontaktowymi? Chcesz pewnie aby odwiedzający użytkownik zobaczył statyczną stronę główną. Jak ustawić statyczną stronę główną? Najpierw upewnij się, że oprócz zwykłych wpisów na blogu masz jakieś strony. Sprawdzisz to w kokpicie administracyjnym w zakładce „Strony”. Następnie, kiedy wiesz już którą stronę statyczną chcesz ustawić jako główną, przejdź do zakładki „Ustawienia -> Czytanie”. Od samego wejścia zauważysz pierwszą opcję pt.: „Strona główna wyświetla” w której wystarczy przełączyć ustawienie z „najnowsze wpisy” na „strona główna”. Z rozwijanej listy wyboru wybierz teraz stronę, którą chcesz ustawić jako główną po czym zapisz zmiany. Prawda, że proste? Jak ustawić stronę z listą wpisów na blogu? Aby odwrócić proces i pokazać listę wpisów na blogu od razu na stronie głównej, wystarczy że w tym samym menu wybierzesz opcję „najnowsze wpisy” i zapiszesz zmiany.

Czytaj więcej
Ataki hakerskie WordPress

Ataki hakerskie WordPress w 2019 roku

Czy wiesz jakie typy ataków hakerskich na strony WordPress były najpopularniejsze w 2019 roku? Firma Sucuri, tworząca m.im. rozwiązania dla podniesienia zabezpieczeń WordPress opublikowała niedawno swój raport. Wymienia w nim ataki hakerskie WordPress, które odnotowała przy pomocy swoich narzędzi i na podstawie zgłoszeń otrzymanych przez użytkowników. Popularne ataki hakerskie WordPress Według raportu, do najpopularniejszych metod włamywaczy należą: SEO spam Hakerzy uzyskują nieautoryzowany dostęp do strony i zamieszczają na niej linki, reklamy, obrazki lub inne treści niezwiązane z tematyką strony (np. treści porno, reklamy środków na potencję, lekarstwa na raka). Cross Site Scripting (XSS) Sztuczka polegająca na oszukaniu przeglądarki użytkownika odwiedzającego stronę, aby uruchomiła złośliwy kod JavaScript z zainfekowanej witryny zewnętrznej. W rezultacie użytkownik widzi np. niechciane pop-upy lub jest narażony na wyciek danych osobowych, czy sesji logowania. Wstrzyknięcia SQL Dotyczą wszystkich stron opierających się o bazy danych (w tym WordPress). Haker wykorzystuje formularze kontaktowe lub pola wyszukiwania na stronie, aby za ich pomocą wgrać do bazy danych złośliwy kod. Może dzięki temu np. wykraść dane użytkowników, loginy, hasła lub nawet informacje o płatnościach. Ataki siłowe (brute force) Hakerzy

Czytaj więcej
Najczęstsze pytania o wtyczki

Czym są wtyczki – najczęstsze pytania

Początkujący użytkownicy często zadają podstawowe pytania dotyczące wtyczek WordPress. Czym są wtyczki, ile można zainstalować, jak działają. W niniejszym poście postaram się pokrótce odpowiedzieć na najważniejsze z nich. Odpowiedzi te mogą się pokrywać tematyką wcześniejszych postów. Czym są wtyczki? Wtyczki są dodatkowymi rozszerzeniami zwiększającymi funkcjonalność strony internetowej. Są jak aplikacje w smartphonie. Znajdziemy je w oficjalnym repozytorium wtyczek, na stronach deweloperów oraz na Github. Co robią wtyczki? Wtyczki integrują się z WordPressem poprzez wspólny kod źródłowy dzięki czemu pozwalają tworzyć rozbudowane strony internetowe oraz sklepy wykraczające daleko poza podstawowe blogi. Dzięki pluginom możemy: uruchomić sklep internetowy, portal społecznościowy, forum internetowe, tablicę ogłoszeń, katalog produktów, zbudować galerię zdjęć, stronę Wiki, publikować podcasty, dokonywać optymalizacji seo i wiele, wiele innych. Często mówi się nawet, że na wszystko jest plugin. Jak działają wtyczki? Sam WordPress jest stworzony w taki sposób, aby można było w przystępny sposób rozszerzać jego możliwości za pomocą osobnych wtyczek. Wtyczki te posiadają własny kod źródłowy, który jest kompatybilny z WordPressem i korzystają z tej samej bazy danych co WordPress. Mogą więc wspólnie przetwarzać i zarządzać treściami, które wprowadzimy na naszym blogu. Jak

Czytaj więcej

Jak wybrać wtyczkę – praktyczne porady

Ogrom wtyczek dostępnych w bazie WordPress potrafi czasem przytłoczyć, gdy szukamy czegoś funkcjonalnego do naszej strony lub bloga. Jeśli nie wiesz, jak wybrać wtyczkę i czym się kierować, przeczytaj poniższy poradnik. Dowiesz się, na co zwracać uwagę aby Twój wybór był najlepszy. Co prawda nie ma gwarancji, że wybrana wtyczka będzie dla Ciebie zawsze najlepsza, ale zminimalizujesz ryzyko złej optymalizacji, luk bezpieczeństwa lub posiadania przestarzałego kodu. Przygotowania Zanim zaczniesz szukać swojej wtyczki, pomyśl dokładnie co ona ma dla Ciebie robić. Jeśli trzeba, zrób listę wszystkich funkcji których od niej oczekujesz. Pamiętaj, że nie musisz szukać wielofunkcyjnego kombajnu, możesz zainstalować kilka mniejszych wtyczek. W jednym z poprzednich wpisów tłumaczyłem, że nie ilość a jakoś pluginów wpływa na działanie naszej strony. Jak szukać wtyczek Pluginów najlepiej szukać w oficjalnej bazie WordPress, dostępnej w panelu administracyjnym (Wtyczki -> Dodaj nową) lub pod adresem https://pl.wordpress.org/plugins/ gdzie można przeglądać je w przeglądarce. Na dzień dzisiejszy jest ich ponad 55 tysięcy, więc jest w czym wybierać. Dlatego czasami łatwiej jest wyszukać swoje zapytanie w Google, np. „photo gallery wordpress” jeśli szukasz pluginu do galerii zdjęć. Jeśli jednak szukasz w bazie WordPress, to otrzymasz wyniki

Czytaj więcej
Motyw czy szablon?

Motyw czy szablon? Jak to w końcu jest?

Jeśli interesujesz się WordPressem i poszukiwałeś gotowej szaty graficznej dla swojego bloga lub strony, to prawdopodobnie spotkałeś się już z terminem „motyw” lub „szablon”. Wiele osób używa tych pojęć naprzemiennie, nie zwracając szczególnej uwagi na różnice. A w kontekście WordPress te różnice występują. Warto na początku rozwiać wątpliwości — motyw to nie jest to samo co szablon. Poniżej przeczytasz dlaczego. Czym jest motyw WordPress? Motyw (ang. theme) jest kompletną szatą graficzną dla strony lub bloga. Całym zestawem definiującym wygląd i zachowanie witryny. Od kolorów, rozmiarów czcionek, interlinii, odstępów, po nagłówek, stopkę, stronę kontaktową czy listę wpisów na bloga. Definiuje układ i rozmieszczenie elementów na stronie. Decyduje globalnie o wyglądzie wszystkich elementów. Cały motyw pobierasz zazwyczaj jako paczkę .zip lub instalujesz bezpośrednio z katalogu motywów poprzez kokpit administracyjny WordPress. Czym jest szablon? Szablon (ang. template) w WordPress definiuje wygląd pojedynczej podstrony. Nie wpływa globalnie na całą witrynę a jedynie na wybraną część. Jest on zależny od motywu i nie możesz zainstalować go oddzielnie. Jeśli motyw posiada kilka szablonów, to w bloku „Atrybuty strony” lub „Atrybuty wpisu” w zależności czy edytujesz stronę czy wpis, zobaczysz możliwość wyboru szablonu dla edytowanej

Czytaj więcej
Monstroid2

Motyw Monstroid² – recenzja

Przyznam szczerze, że pomysł aby zrecenzować motyw Monstroid² nie pojawił się w mojej głowie od razu. Przeglądając czeluście internetu przewijał się on przed mymi oczami kilkukrotnie zanim wykiełkowała pierwsza myśl o recenzji. W ostatnim czasie tak się szczęśliwie złożyło, że natrafiłem okazję szczegółowej analizy tego motywu. W poniższych akapitach przedstawię Ci procedurę jego instalacji oraz moje doświadczenia. Czym jest motyw Monstroid² Motyw Monstroid² sprzedawany w serwisie TemplateMonster jest uniwersalnym i responsywnym motywem WordPress pozwalającym na samodzielne zbudowanie strony internetowej z wcześniej zaprojektowanych modułów treści. Owa uniwersalność polega na możliwości instalacji motywu wraz z 1 z 71 dostępnych skórek wizualnych (stan na marzec 2020r). Oznacza to, że instalując jeden motyw, masz do wyboru 71 styli graficznych, które możesz zaimportować na swoją witrynę. Zbudujesz zatem stronę dla złotej rączki, trenera personalnego, przedszkola, firmy hostingowej, siłowni, dietetyka, mechanika samochodowego, lekarza, ogrodnika itp. Z pośród bogatej oferty styli, z pewnością znajdzie się kilka przypadających Ci do gustu. Niewątpliwym faworytem będzie zapewne styl prezentowany na stronie demonstracyjnej motywu (widoczny jako obrazek główny niniejszego posta). Poza nim, znajdziesz też inne naprawdę zgrabne projekty dla WordPress. Jednak nie wszystkie

Czytaj więcej
Darmowe ikony. Lista stron.

Darmowe ikony. 10 darmowych stocków z ikonami

W pierwszym wpisie bloga odpowiedziałem na pytanie skąd brać darmowe zdjęcia na swoją stronę internetową oraz opisałem typ licencji CC0 pozwalającej na dowolne wykorzystanie pobranych materiałów (z wyłączeniem odsprzedaży). Dziś chciałbym dać Tobie listę moich ulubionych stron na których znajdziesz darmowe ikony wektorowe do wykorzystania w projektowaniu np. strony internetowej lub aplikacji mobilnej. Dołożyłem wszelkiej staranności, aby posortować listę zaczynając od miejsc które odwiedzam najczęściej i które uważam za najlepsze. Wszystkie (prawie) strony pozwalają za darmo i bez logowania pobierać swoje ikony. Muszę jednak wspomnieć, że część serwisów oferuje je na zasadach licencji CC-BY. Różni się ona tym od licencji CC0, że w zamian za darmowe wykorzystanie materiału (filmu, muzyki, zdjęcia czy ikony w naszym przypadku), musimy podać jego autora oraz źródło. Zazwyczaj jesteśmy proszeni by umieścić link w stopce strony lub sekcji „Credits” w aplikacji mobilnej. Tyle tytułem krótkiego wstępu. A teraz to co misie lubią najbardziej — wartościowe linki 🙂 1. Flaticon (CC-BY) Moim zdaniem najlepszy i największy serwis z darmowymi ikonami do pobrania. Ogromna baza ponad 2 milionów ikon powinna zadowolić każdego. Dwa główne filtry wyszukiwania pozwalają szukać pojedynczych ikon lub całych zestawów tematycznych (np. jedzenie,

Czytaj więcej
Gdzie szukać szablonów

Gdzie szukać motywów?

Jeśli jesteś na początku przygody z tworzeniem stron internetowych, masz wybraną platformę na której zbudujesz upragnioną witrynę, to prędzej lub później staniesz przed pytaniem: „gdzie szukać motywów?”. Jawi się wtedy przed Tobą kilka wyjść: wybrać gotową skórkę, zaprojektować wygląd a potem wyklikać w jakimś kreatorze stron, np. Elementor czy Divi lub napisać motyw samodzielnie. Zakładam, że grupą docelową tego poradnika nie są programiści, więc opcja samodzielnego kodowania wypada dzisiaj poza zakres naszego zainteresowania. Mamy zatem do wyboru wybrać gotowy motyw i zostawić bez zmian lub zmodyfikować pod swoje upodobania za pomogą stosownych page builderów. Gdzie szukać motywów? Najprostszym sposobem jest zapytanie do Google. Dostaniemy całą masę linków. Jeśli trafiłeś na mój blog, to równie łatwo możesz trafić na odpowiednie wyniki w wyszukiwarce. Każdy to potrafi. Ale czy są jakieś strony, które zbierają motywy (WordPress) lub szablony (Joomla!) w jednym miejscu? Oczywiście że są! Skupimy się na poszukiwaniu szaty graficznej dla trzech głównych Systemów Zarządzania Treścią (CMS) jakimi są WordPress, Joomla! i Drupal. Oprócz miejsc agregujących motywy dla jednej, wybranej platformy istnieją miejsca skupiające je wszystkie. I od nich zaczniemy. UWAGA! Na potrzeby tego artykułu, będę używał słów motyw i szablon

Czytaj więcej