Wszystko o szablon | Webinsider - Internet widziany od środka ™

Tag: szablon

Kilka wybranych nowości we wtyczce Tutor LMS 2.5.0 – głównie, jeśli chodzi o wiadomości e-mail, a więc raczej dla użytkowników wersji płatnej

Kilka dni temu pojawiła się aktualizacja 2.5.0 wtyczki Tutor LMS i Tutor LMS Pro (do kursów internetowych na WordPressie). Tym razem twórcy wzięli na tapet opcje związane z wiadomościami e-mail, bo co by nie mówić, to jest to element, który jest potraktowany chyba zbyt po macoszemu, by nie napisać, że jest mocno niedopracowany. Zresztą aktualizacja, choć sporo poprawiła, sporo wniosła nowego w tym zakresie, to jednocześnie pozostawiła bez zmian kilka elementów, które moim zdaniem zmienić (naprawić) koniecznie powinni…

Prosty sposób na przeniesienie opisu kategorii (i tagów) pod listę produktów w sklepie internetowym na WooCommerce

Wśród sklepów na WooCommerce, z którymi mam styczność w mniejszym lub większym stopniu, w części z nich, są używane opisy kategorii. W większości przypadków tylko i wyłącznie pod pozycjonowanie (SEO), więc teksty tam są, jakie są, niekoniecznie mają faktyczny sens dla zwykłego klienta sklepu, przeglądającego ofertę. Dlatego jedną z częstszych modyfikacji, o jakie jestem proszony w takim przypadkach, jest przeniesienie opisów kategorii pod listę produktów w widoku archiwum kategorii (i tagów).

W ramach usługi Divi Cloud pojawiła się możliwość zapisywania i wczytywania ustawień motywu Divi (Theme Option Presets)

W wielu projektach stron internetowych (w większości?) korzystam z bazowego zbioru rozwiązań, takich jak np. WordPress, konkretny zestaw wtyczek i odpowiedni motyw. Często tym motywem jest Divi od Elegant Themes. Nie jest to motyw idealny, ale wiem, jak działa, a do tego dość łatwo przekazać taką stronę pod zarządzanie – przynajmniej jeśli chodzi szeroko rozumiane “treści” – nawet “mniej technicznym” użytkownikom. Dlatego też staram się zautomatyzować co tylko się da – dodawanie domeny do serwera, aktywacja certyfikatu SSL (Let’s Encrypt), instalacja i bazowa konfiguracja WordPressa, wraz ze startowym zestawem wtyczek. Mógłbym do tego dodać jeszcze jakąś bazową bazę danych, z podstawową konfiguracją, ale jest z tym więcej problemów, niż potencjalnych zysków. Stąd wiele czynności konfiguracyjnych każdorazowo wykonuję “ręcznie”. Na szczęście dzięki ostatniej aktualizacji motywu Divi, z tej listy mogę skreślić podstawową konfigurację tego motywu.

Dodawanie niestandardowego kodu HTML i JavaScript do wybranych elementów strony za pomocą JavaScript, na przykładzie WordPressa

Dostałem zapytanie o umieszczenie formularza zapisu do newslettera w ramach usługi MailerLite na stronie internetowej działające na WordPressie. Niby nic nadzwyczajnego, ale tutaj miejsce, gdzie ów kod miał być umieszczony, było bardzo precyzyjnie wybrane i niekoniecznie łatwo dostępne do modyfikacji.

Kod CSS dla wybranych produktów w WooCommerce, czyli gdy strona produktu ma wyglądać trochę inaczej niż pozostałe

Kilka dni temu, na “skrzynkę redakcyjną” wpłynęło “zapytanie premium” o możliwość modyfikacji pewnych elementów  graficznych na stronach poszczególnych produktów. Strona działa na dobrze znanym mi motywie Divi, więc teoretycznie można by skorzystać z opcji “theme builder”, by dla wybranych produktów przygotować inny wygląd. Jednak zmiany choć drobne – zmiana koloru dla kilku wybranych elementów, to miały docelowo dotyczyć wszystkich produktów w sklepie, a więc tworzenie dla każdego produktu oddzielnego szablonu choć możliwe, to w tym przypadku raczej nie byłoby najlepszym sposobem. Zwłaszcza że wszystko można było ogarnąć dosłownie 2-3 linijkami kodu CSS.

Wczytywanie różnych szablonów dla Custom Post Types w WordPressie, np. na podstawie kategorii

Pod koniec ubiegłego roku (2021) opublikowałem artykuł o tym, jak w prosty sposób stworzyć w WordPressie własne typy postów (Custom Post Types). Niedawno dostałem pytanie, jak można dla własnego typu postów stworzyć różny wygląd postu, zależnie od tego, do jakiej kategorii będzie przypisany.

Alternatywny sposób na zapytania ofertowe w WooCommerce z wykorzystaniem koszyka i pełnym wsparciem dla atrybutów

Pracuję obecnie nad projektem, gdzie WooCommerce (wtyczka sklepu internetowego do WordPressa) pełni rolę rozbudowanego katalogu produktów, a więc nie ma możliwości zakupu, jak w klasycznym sklepie internetowym, ale można przeglądać produkty i w razie chęci skontaktować się z przedstawicielem sklepu, by ustalić szczegóły. Oczywiście jest strona kontakt, z której można skorzystać, ale oprócz tego ważne jest, by można było wysłać zapytanie w sprawie konkretnego produkt, w konkretnej konfiguracji. A to już trochę komplikuje sytuację, zwłaszcza jeśli – jak we wspomnianym przypadku – formularz konfiguracji produktu jest bardzo rozbudowany…

Własne szablony ustawień (presets) w Betaflight Configurator, czyli sporo gita i odrobina Node.js

Jako posiadacz licencji pilota/operatora drona postanowiłem, że pora na drona… FPV, co akurat niekoniecznie współgra z moimi uprawnieniami, przynajmniej bez dodatkowej osoby w roli obserwatora (o uprawnieniach pewnie na dniach coś napiszę, bo to całkiem ciekawy temat, który budzi też sporo swego rodzaju kontrowersji). I jak na informatyka i miłośnika wszelkiej maści rozwiązań IoT (np. Raspberry Pi, ESP8266) przystało, mam wrażenie, że więcej dłubię przy swojej małej ptaszynie, niż realnie nią latam. Choć tutaj jako wymówkę mam pogodę (woda w postaci deszczu i śniegu słabo sprzyja awaryjnym… lądowaniom) oraz symulatora, na którym cały czas doskonale swoje umiejętności w zakresie latania dronami FPV. A jednym z podstawowych programów służących do konfiguracji drona jest Betaflight Configurator (przynajmniej jeśli chodzi o drony z oprogramowaniem Betaflight), a w nowych wersjach pojawiła się całkiem interesująca opcja, która niekoniecznie jest aż tak oczywista…

Graficzny edytor certyfikatów ukończenia kursu internetowego dla wtyczki Tutor LMS Pro dla WordPressa

Choć można dyskutować nad warstwą merytoryczną wielu kursów (nie tylko) internetowych, to jakoś tak się przyjęło, że jak jest kurs, to dobrze, by był na koniec certyfikat. Nawet jeśli zazwyczaj jest on tak samo potrzebny, jak kolejne 1 000 zdjęć pstrykniętych telefonem z weekendowego wypadu do lasu. Oczywiście ta lekka ironia nie oznacza, że nie ma kursów, z których warto mieć certyfikat, bo tych też jest całkiem sporo (sam mam kilka, choć “na ścianie” wisi tylko “medal szczęścia” najpewniej z jakiegoś sklepu z upominkami). Ważne, że we wtyczce Tutor LMS pojawił się graficzny edytor certyfikatów, dzięki czemu teraz tylko od twórcy kursu zależy, czy będą fajne certyfikaty na koniec, czy nie…

Język komunikatów systemowych na przykładzie formularza kontaktowego i motywu Divi od Elegant Themes (WordPress)

Jedna z moich koleżanek współpracuje z dość specyficzną firmą, gdzie wprawdzie jest dedykowany dział IT, który funkcjonuje w ramach wydzielonej firmy, to właściwie wszystkie usługi IT albo są zlecane do niezależnych podmiotów, albo dostaje je przypadkowa osoba, pracująca na przypadkowym stanowisku w firmie-matce. I tak koleżanka, specjalista od kontentu i mediów społecznościowych dostała zadanie przygotowanie “tymczasowego landinga” (strony lądowania/sprzedażowej), bo firma, która robi docelowy na wszystko potrzebuje tygodni czy też miesięcy.

Poznaj kulisy działania WordPressa dzięki infografice przygotowanej przez serwis WPBeginner

Strona Webinsider.pl – jak miliony innych – działa na WordPressie. Niby nic nadzwyczajnego – wpisujecie adres i po chwili strona już wyświetla się w przeglądarce. Ale czy zastanawialiście się jak cała ma machina działa, co dzieje się “pod maską” za każdym razem gdy generowana jest strona do wyświetlenia w przeglądarce?

Make it now, czyli jednominutowe lekcje od Adobe (Photoshop i Illustrator)

Różnej maści kursów mam pełno, czy to na komputerze, czy to na różnych platformach edukacyjnych. Wszystkie one mają jedną wspólną wadę – są i czekają na to, aż znajdę czas by do nich przysiąść. Niektóre czekają tak już nawet kilka lat… ;-)
Do tego np. w serwisie YouTube również znajdziemy masę poradników, z tym, że w większości obarczone są one inną wadą – nawet najprostsze zagadnienie to kilka, a czasem nawet kilkanaście minut “wprowadzenia i innych około tematycznych rozważań autora”. I chyba do podobnego wniosku doszli w Adobe, bo wystartowali z serią jednominutowych poradników…

Gift of Giving 2016 w Envato Market, a do tego jak co tydzień – Free Goods of Week w Creative Market

Wprawdzie wpis ten miałem opublikować wczoraj, ale z racji tego, że dzień spędziłem na lotniskach, i ogólnie “w drodze”, to niestety ukazuje się on dopiero dziś, a tym samym pierwszy – wczorajszy – gratis Wam przepadł (motyw do WordPressa – całkiem przyjemny, ale też i bez szaleństw…).

Prosty sposób na kontrolę (monitoring stanu) działania strony opartej o WordPressa

Pewnie dla nikogo nie będzie niespodzianką, że staram się na bieżąco monitorować działanie nie tylko serwerów, ale i stron, które są na nich skonfigurowane. W tym celu korzystam zarówno z wyspecjalizowanego oprogramowania instalowanego bezpośrednio na serwerze, jak i zewnętrznych serwisów świadczących usługi tego typu.
Oprócz tego, mam kilka skryptów, które w sposób niezależny monitorują najważniejsze parametry serwera, oraz sprawdzają (kontrolują) działanie poszczególnych stron i usług.
Dziś chciałbym Wam przedstawić jeden ze stosowanych przeze mnie sposobów, na monitorowanie działania stron opartych o WordPressa.

Tworzymy motyw potomny (Child Theme) w WordPressie

Jeśli ktoś z Was był na tej stronie choćby jeszcze kilka godzin temu, to zapewne zauważył radykalną zmianę w wyglądzie – nie była to operacja zaplanowana, tym razem poszliśmy na żywioł, czego osobiście nie polecam w środowiskach produkcyjnych. W każdym razie zmiana stała się faktem, choć zostało jeszcze troszkę roboty z poznawaniem nowego szablonu i jego dopasowywaniem do własnych potrzeb. Przy okazji uświadomiłem sobie, że o ile o samym WordPressie pisałem na tej stronie kilkukrotnie, to do tej pory nie było artykułu/wpisu o “szablonach potomnych” (Child Themes), które znacznie ułatwiają pracę choćby związaną z modyfikowaniem wyglądu strony/szablonu.

Loading

Pin It on Pinterest