Dev Notes/Blog

Własny maintenance page

Podczas aktualizacji WP czy pluginów, strona wyświetla tzw. maintenance mode page, jeśli nie mamy predefiniowaneg pluginu nie wygląda to zazwyczaj za dobrze, po prostu zwykły tekst "Briefly...

Gemini Google

Gemini to rodzina narzędzi AI od Google, będąca odpowiednikiem ChatGPT. Pomaga m.in. tworzyć i analizować teksty, generować obrazy, streszczać informacje, pracować z dokumentami, programować...

NotebookLM Google

NotebookLM to narzędzie AI od Google, które pozwala pracować z własnymi materiałami — np. dokumentami, PDF-ami, stronami internetowymi czy notatkami. Możesz zadawać pytania dotyczące...

Wyłączenie komentarzy w WordPress

Wyłącz komentarze globalnie Działa tylko dla nowych treści. W panelu WordPress > Ustawienia > Dyskusja Odznacz: „Zezwalaj na zamieszczanie komentarzy do nowych wpisów” Zapisz...

NVM – Node Version Manager

NVM - narzędzie działające w wierszu poleceń (skrypt powłoki), które umożliwia instalację i zarządzanie wieloma różnymi wersjami środowiska Node.js na jednym komputerze. Główne...

WPML i CPT – czyli tłumaczenia custom post types w wordpress

Aby WPML „ogarniał” Custom Post Types (CPT) i dodawał im tłumaczenia w językach jakich jest strona, musisz je najpierw zarejestrować w WPML. Tłumaczenie postów CPT 1. konfiguracja...

podstawy animacji z wykorzystaniem GSAP

GSAP (GreenSock Animation Platform) to bardzo popularna biblioteka JavaScript do tworzenia animacji — znacznie wydajniejsza i wygodniejsza niż czysty CSS czy requestAnimationFrame. GSAP działa...

czym jest XML sitemap i do czego służy

XML Sitemap (mapa witryny w formacie XML) to specjalny plik, który pomaga wyszukiwarkom takim jak Google, Bing czy Yahoo zrozumieć strukturę Twojej strony i szybciej ją indeksować. To nie jest...

readme.md

W projektach własnych tematów Wordpress o ile nie korzystasz z repozytorium GIT warto dodać plik .md jako dokumentację theme. Może to być standardowe README.md, lub CHANGELOG.md jeśli projekt...

VSC przy pracy z WordPress

O co warto zadbać by tworząc własne theme czy pluginy na Wordpress dobrze się nam pracowało w VSC? Rozszerzenia/pluginy do VSC przy kodowaniu theme i pluginów w Wordpress niezbędne do PHP i...

ciekawe w css #3

inset Właściwość inset określa odległość między elementem a elementem nadrzędnym. Aby inset zadziałał, musisz określić również właściwość position. Inset pozwala skrócić...

dostępność stron internetowych – WCAG

WCAG - Web Content Accessibility Guidelines — czyli wytyczne dostępności stron internetowych. Czyli jak robić strony internetowe, żeby dało się z nich korzystać każdemu, osobom z...

Formatting Context i Stacking Context podczas podczas renderowania strony

Formatting Context i Stacking Context to „konteksty”, które przeglądarka tworzy podczas renderowania strony, i oba mają duży wpływ na layout. Formatting Context (kontekst...

podział projektów na Workspace w Visual Studio Code

Oddzielone przestrzenie tak żeby każdy projekt był „osobnym workspace” to idealne podejście by nie mieszały się katalogi i by nie wprowadzić zmian w złym miejscu. W VS Code da się to...

praktyczna, zalecana i często spotykana struktura katalogów dla WordPress custom theme

Poniżej struktura katalogów dla custom theme WordPress, zgodna z dobrymi praktykami i gotowa zarówno na klasyczne WP, jak i Gutenberga. W my-theme-wp zamieszczamy: assets src - źródła...

architektura SASS dla WordPress custom theme

Dobrze dobrana architektura katalogów i plików sass ułatwia kodowanie, jest czytelna i skalowalna. Dzięki czemu współpraca z innymi developerami czy wprowadzanie kolejnych zmian jest znacznie...

skróty numeryczne, numeronimy

Numeronim to skrótowiec, w którym pierwsza litera, ostatnia litera i liczba pomiędzy nimi (reprezentująca liczbę pominiętych liter) tworzą nowe słowo. Czyli zamiast pisać całe, długie...

ataki na aplikacje webowe

atak typu CSRF — Cross-Site Request Forgery atak przez przeglądarkę użytkownika w imieniu zalogowanego użytkownika. Jak działa CSRF: użytkownik jest zalogowany na stronie, np. bank.com,...