Wyklikane

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

Wyklikane
Jak wyłączyć komentarze

Jak wyłączyć komentarze (krok po kroku)

WordPress jako platforma stworzona z myślą o blogowaniu, posiada domyślnie włączoną opcję pisania komentarzy pod postami. Jest to całkiem rozsądne, zważywszy na fakt, że pisząc bloga chciałbyś jako autor znać przemyślenia Twoich czytelników. Dowiedzieć się czy myślicie podobnie, czy Twoje treści są pomocne lub po prostu po to, by zwyczajnie poznać tych ludzi. Czasem jednak istnieją przesłanki stanowiące o tym, że komentarzy nie potrzebujemy lub więcej nie chcemy. Zatem jak wyłączyć komentarze w WordPress? Przeczytaj artykuł poniżej. Po co wyłączać komentarze? Jednym z przypadków kiedy nie chcesz posiadać włączonego systemu komentarzy na swoim blogu jest sytuacja gdy zwyczajnie ich nie potrzebujesz. Dajmy na przykład stronę internetową – wizytówkę lokalnej firmy. Nie wszyscy przedsiębiorcy mają czas i umiejętności by prowadzić i administrować stroną. Szczególnie jeśli ich budowę zlecili zewnętrznym firmom lub agencjom. Strony te nie posiadają nawet artykułów czy wpisów pod którymi warto komentować. Strona główna, oferta, o nas, kontakt – to popularne treści, które widzimy praktycznie na każdej stronie internetowej a pod którymi komentarze nie mają żadnego sensu. Strony te są czysto informacyjne. Inną przesłanką do wyłączenia komentarzy jest duża liczba otrzymywanego w nich spamu lub niska jakość konwersacji. Możemy po prostu zechcieć je wyłączyć a nawet usunąć.

Czytaj więcej
Zamknięty akordeon

Elementor: domyślnie zamknięty akordeon

Witaj! Jeśli zdarzyło Ci się kiedyś tworzyć stronę internetową za pomocą Elementora to jest spora szansa, że natknąłeś się na widżet „Akordeon”. Przydaje się szczególnie do sekcji z pytaniami i odpowiedziami na stronie. Elementor domyślnie ustawia pierwszą kartę widżetu jako otwartą. Za chwilę, pokażę Ci jak nakłonić go, aby po wejściu na stronę, pokazał się domyślnie zamknięty akordeon. Istota problemu Ze względu na fakt, że domyślne zachowanie kart akordeonu nie każdemu może przypaść do gustu, postanowiłem, poszukać rozwiązania. Przydaje się ono szczególnie, gdy posiadasz akordeon podzielony na kilka sekcji z nagłówkiem. Zobacz obrazek poniżej:    Ponieważ, chcesz podzielić go na sekcje, nie ma innej opcji niż zduplikować widżet i wstawić nagłówki. Niestety pierwsza karta w każdym z nich jest automatycznie rozwinięta. Zamknięty akordeon Możemy jednak temu zapobiec i stworzyć taki widok:   Jak to zrobić? Zapytasz. Już pokazuję: 1) Przejdź do strony z widżetem Akordeon i dodaj na dole strony nowy blok HTML (nie  Własny HTML, tylko ten zwykły HTML pokazany poniżej po lewej). 2) W treści pola tekstowego wklej poniższy fragment kodu: 3) A następnie zapisz zmiany na stronie. 4) To wszystko! Wszystkie karty akordeonu będą teraz automatycznie zamknięte

Czytaj więcej
rozwijany formularz kontaktowy

Elementor: automatycznie rozwijany formularz kontaktowy

Cześć klikaczu! Chciałbym podzielić się z Tobą praktyczną wiedzą, jak stworzyć automatycznie rozwijany formularz kontaktowy. A dokładnie, to rozwijane pole formularza kontaktowego stworzonego w Elementorze. Jeśli jeszcze nie wiesz, czym jest Elementor, to koniecznie przeczytaj mój poprzedni wpis. Istota problemu Każde pole wiadomości w dowolnym formularzu kontaktowym, ma z góry określoną wysokość jaką zajmuje. Gdy wpisujesz treść wiadomości, która jest dłuższa niż liczba znaków mieszczących się w widocznym polu, przeglądarka dodaje w nim pasek przewijania. Sam Elementor pozwala na ręczne zdefiniowanie bazowej ilości wierszy pola tekstowego. W moim przykładzie po lewej stronie obrazka w nagłówku tego wpisu są to 2 linijki (wysokość pola na wiadomość). Dopisanie trzeciej linii tekstu powoduje dodanie przez przeglądarkę wspomnianego paska przewijania. Chociaż jest to bardzo praktyczne i naturalne rozwiązanie, to niekonicznie jednak estetyczne. Rozwijany formularz kontaktowy Jeśli korzystasz z Elementora, to możesz w prosty sposób zmodyfikować zachowanie formularza kontaktowego tak, aby pole wiadomości automatycznie rozwijało się wraz z ilością wpisywanej treści. Jak to zrobić? Zapytasz. Już pokazuję: 1) Przejdź do strony z formularzem kontaktowym i dodaj na dole strony nowy blok HTML (nie  Własny HTML, tylko ten zwykły HTML pokazany

Czytaj więcej

Darmowe motywy: kwiaty

Witaj w piątej odsłonie serii „Wyklikaj to sam„. W tym wpisie chciałbym pokazać Tobie darmowe motywy dla kwiaciarni lub blogów o kwiatach. Motywy dobrałem, przeglądałem i testowałem osobiście. Lista jest zatem subiektywna, ale uczciwa i bez płatnej promocji. Przypominam — nie posiadam żadnych powiązań ani afiliacji z polecanych tematów. Jeśli masz swoje propozycje – daj mi proszę znać. Muszę przyznać, że tematyka kwiatów jest niełatwa. Trudno o dobre i darmowe motywy WordPress dla kwiaciarni. Pięć najciekawszych prezentuję poniżej. Flowers (99Fy) Autor: HasTechZastosowanie: kwiaciarnia online, blogLink: demo i pobieranieCena: darmowy Trzeba zaznaczyć na wstępie, że motyw 99Fy jest motywem multipurpose, czyli takim, na bazie którego możemy doinstalować wiele różnych szablonów o wielorakiej tematyce. A jest ich… 99 wersji. Wszystkie zobaczysz tutaj. Motyw i wszystkie szablony wraz z danymi przykładowymi pobierzesz za darmo. Posiadają one jednak nieco ograniczoną możliwość edycji pewnych opcji z poziomu zaplecza. Nie jest to jednak rzecz niespotykana w darmowych motywach a wręcz bardzo popularna, mająca nakłonić Cię do zakupu wersji premium. Ale uwierz mi – motyw jest w pełni dopracowany i funkcjonalny. Flowers to bardzo czysta i przejrzysta skórka oparta na motywie 99Fy. Idealnie skrojona pod sklep

Czytaj więcej

WordPress: pasek postępu czytania

Pytasz czasem o to, jak zrobić pasek postępu czytania, sygnalizujący jaką część materiału użytkownik już przeczytał i ile mu zostało. Spójrz na górę strony – tak ten pasek który rośnie w trakcie czytania i przewijania tego bloga. Z pewnością spotkałeś się drogi czytelniku z podobnym rozwiązaniem na innych stronach. Zatem na pytanie jak zrobić taki pasek postępu odpowiedź jest prosta i prawdopodobnie już ją przewidujesz – wtyczką! Pasek postępu czytania Ja na swoim blogu używam wtyczki Worth The Read i Tobie również ją polecam. Dlaczego akurat tę? Bo jest lekka, szybka, niezawodna i całkowicie darmowa. Nie można też nie wspomnieć o bardzo prostej obsłudze. Pisząc prostej, nie mam na myśli że ubogiej w funkcje. O co to, to nie! Tych jest całkiem sporo. Standardowy pasek postępu czytania możesz ustawić w dowolnym brzegu przeglądarki. Skonfigurować tak, aby przewijał się z lewej do prawej, z prawej do lewej (j. arabskie), w górę lub w dół. Ustawisz kolor, odstęp od brzegu przeglądarki, grubość paska i zdecydujesz czy ma się pojawiać na urządzeniach mobilnych. Wtyczka może działać zarówno na stronach jak i wpisach na blogu. To ty decydujesz kiedy i jak ma się wyświetlać. Czy przy obliczaniu długości strony ma brać pod uwagę komentarze czy nie. Są jeszcze

Czytaj więcej

WordPress: własny kursor myszy

Witaj na wyklikane.pl – miejscu gdzie dowiesz się jak samodzielnie stworzyć a następnie zarządzać stroną internetową w oparciu o platformę WordPress. Dziś chciałbym Ci pokazać, jak dodać taki wizualny wodotrysk, jakim jest własny kursor myszy na stronie. Jak to może wyglądać? Przyjrzyj się obrazkowi poniżej. Pamiętaj, to tylko propozycja, za chwilę dowiesz się, jak ustawić kursor o własnym kształcie! Własny kursor myszy Jesteś zaciekawiony? Więc zacznij działać. Wszystko czego potrzebujesz, to prostej wtyczki oraz własnego obrazka, który zastąpi kursor. Ze względu na fakt, że modne są dzisiaj okrągłe kursory, może właśnie Ty też chcesz taki posiadać? A może chcesz się wyróżnić i zastosować coś nieszablonowego? Przygotuj sobie plik graficzny w programie typu Photoshop lub Canva i zapisz jako obraz PNG (koniecznie bez tła). Możesz też poszukać gotowego pliku w wyszukiwarce Google. Ja stworzyłem i użyłem takiej łezki. Jeśli chcesz, kliknij na nią prawym przyciskiem myszy i zapisz na swoim komputerze. Wszystko czego potrzebujesz poza grafiką, to wtyczka Mouse cursor customizer. Wejdź w menu „Wtyczki -> Dodaj nową„, wpisz jej nazwę a następnie zainstaluj i włącz. Możesz też pobrać paczkę .zip i wgrać ją na serwer. Ustaw własny kursor

Czytaj więcej
Trendy sprzedażowe w social commerce

Trendy sprzedażowe w social commerce na 2021 rok

Social commerce to dziedzina promocji i sprzedaży internetowej odbywającej się za pomocą social mediów. Skąd jej rosnąca popularność? Ze znacznej różnicy w łatwości rozpowszechniania treści. Wykorzystuje lajki, udostępnienia, prywatne wiadomości, wydarzenia, relacje itp. Dziś opiszę na jakie trendy sprzedażowe w social commerce zwracać uwagę w 2021 r. Relacje zwiększą swój udział w reklamowaniu produktów Jako, że darmowe sklepy internetowe będące częścią takich platform jak Instagram czy Facebook szybko rosną na popularności, to naturalnym jest, że dostępne tam opcje relacji są coraz częściej wykorzystywane do promocji produktów komercyjnych.  Relacje są świetnym miejscem na wrzucanie szybkich fotek zawierających lokowanie produktu a do tego nie wymagają jakiejś szczególnej pracy graficznej. Cyk – szybka fotka i siup do relacji. Live streaming Wszelkiego typu wyprzedaże i wydarzenia online są niesamowitym fenomenem. Firmy szybko przystosowały się do pandemicznej rzeczywistości i szybko zaczęły organizować różne eventy na żywo. Pozwalają lepiej zaprezentować produkt, nawiązać kontakt z klientem, odpowiadać na pytania i przede wszystkim pokazać swoją autentyczną twarz, z którą klienci mogą nawiązać więź. Samo nagranie zostaje potem do odtworzenia w przyszłości wraz z zapisem chatu. Niskobudżetowe reklamy Zamiast wydawać spore kwoty na profesjonalne projekty graficzne

Czytaj więcej
WordPress Google Fonts

Jak dodać do WordPress Google Fonts

Krój czcionki na stronie internetowej ma niebagatelne znaczenie. Nadaje stronie charakteru, kształtuje wizerunek, kształtuje design a jest przy tym jedną z pierwszych rzeczy, którą użytkownik zauważa po wejściu na Twój blog lub stronę. Jeśli pragniesz się wyróżnić, to prawdopodobnie chcesz podpiąć do swojego WordPress Google Fonts, czyli darmowe fonty z serwisu od Google. W tym wpisie pokażę Ci jak tego dokonać. Jak zawsze – masz do wyboru kilka opcji. Czym jest Google Fonts? Skoro czytasz ten artykuł to zakładam, że jednak wiesz czym jest ta popularna usługa. Jeśli jednak jakimś cudem jesteś tu przypadkiem – już spieszę z wyjaśnieniem. Google Fonts to usługa zbierająca i udostępniająca różne darmowe fonty. Specjalnie przygotowany serwis pozwala je przeglądać, testować, pobierać i osadzać na stronach internetowych. Gdy wybierzesz swój ulubiony krój fonta, możesz go albo pobrać i zapisać na dysk (np. w celu użycia w systemie operacyjnym i różnych programach) lub osadzić na stronie internetowej za pomocą fragmentu kodu HTML. Ważna uwaga: wybierając krój, zwracaj uwagę, czy posiada on obsługę polskich znaków. Dlatego jeśli chcesz osadzić fonta na stronie, pobieraj kod z parametrem „latin-extended”. W przeciwnym przypadku Twoje teksty nie będą miały polskich ogonków. Załóżmy, że podoba

Czytaj więcej
Jak dodać miniaturę wpisu

Jak dodać miniaturę wpisu

Atrakcyjny obrazek będący nagłówkiem każdego wpisu na blogu jest bardzo ważnym elementem. Przyciąga uwagę użytkownika i ma za zadanie sprawić, by zainteresował się proponowanym tekstem. Taka miniatura w pewnym sensie wyróżnia wpis. W terminologii WordPress mówimy o obrazku wyróżnionym. Zatem jak dodać miniaturę wpisu na swoim blogu? Już wyjaśniam. Miniatura wpisu a obrazek wyróżniony Jeśli jeszcze nie wiesz dokładnie czym jest obrazek wyróżniony i miniatura wpisu, to spójrz proszę na samą górę tego tekstu. Widzisz tam duży obrazek będący jednocześnie nagłówkiem nad artykułem. Ten sam obrazek widnieje też jako ilustracja na stronie głównej bloga z listą wszystkich wpisów. Dodatkowo, w belce po prawej stronie (przeglądając na komputerze) lub na dole strony (w komórce) widzisz listę moich ostatnich wpisów na blogu. Wpisy te posiadają miniaturki. Jak już pewnie zauważyłeś, zarówno obrazek wyróżniający danego wpisu jak i jego miniatura są tym samym zdjęciem. W zależności od motywu, którego używasz na swojej stronie – obrazek ten będzie oczywiście wyświetlany w różnym rozmiarze, proporcjach i miejscach. Generalna zasada jest jednak prosta – każdy wpis na blogu WordPress można okrasić dowolnym obrazkiem załadowanym z biblioteki mediów dostępnych na Twojej stronie. Jak dodać

Czytaj więcej
Jak zmienić autora wpisu

Jak zmienić autora wpisu WordPress

Zastanawiasz się czasem jak zmienić autora wpisu WordPress? Może po kilku miesiącach blogowania doszedłeś do wniosku, że warto zmienić nazwę autora widniejącego przy wpisie? Współpracownik lub pracownik odszedł z projektu a jego dane ciągle widnieją na blogu? Każdy może mieć różne motywy dla których chciałby zmienić nazwę autora wpisu. Niezależnie od potrzeb, w tym artykule dowiesz się jak rozwiązać swój problem szybko i sprawnie. Rozwiązań jest kilka, więc masz dużą swobodę wyboru. Nie martw się też, jeśli stoi przed Tobą kilkadziesiąt czy kilkaset wpisów do poprawy. Możesz masowo zmienić ich autora, bez konieczności przeklikiwania się przez każdy wpis z osobna. Jak utworzyć użytkownika WordPress Zanim zaczniesz zmieniać autora wpisu, musisz upewnić się uprzednio, że masz komu przypisać jego autorstwo. Jeśli nie masz, utwórz nowego użytkownika przechodząc do menu Użytkownicy -> Dodaj nowego. Wypełnij wszystkie wymagane pola i koniecznie przypisz mu właściwą rolę. W zależności od poziomu uprawnień, które chcesz nadać, będzie to Współpracownik, Autor, Redaktor lub Administrator. Jak zmienić autora wpisu WordPress Poniżej pokażę Ci aż cztery sposoby na zmianę autora wpisu. Jedną z nich jest mały półśrodek. Otóż o ile autor

Czytaj więcej