Baza wiedzy

Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.

Audyt strony

Serwisy, na jakich możemy dokonać audytu strony pod kontami optymalizacji, seo, wydajności: wpmudev - wp-checkup observatory mozilla developers google...

Określanie wersji pakietów w dependencies

Wykorzystując npm i plik package.json możemy dokładnie ustalić jakie wersje pakietów mają być wykorzystywane version - dokładnie wskazana wersja >version - wyższa niż wskazana...

Konfiguracja PhpStorm

obsługa php dodanie ściezki do php w zmiennych środowiskowych systemu - Właściwości Systemu > Zmienne Środowiskowe > Path i wprowadzamy ścieżkę lokalizacji php z xampa:...

Zmiana ikony w panelu admina WordPressa

Aby zmienić ikonę np. wyświetlaną domyślnie dla postów - ikona pinezki wystarczy napisać funkcje, która nadpisuje domyślne style. Dostepne ikony możemy pobrać z dashicons /** *...

inne przydatne narzędzia

translatory: deepl.com...

certyfikat SSL i protokół https na stronie z WP

Certyfikat SSL i protokół https zwiększają bezpieczeństwo danych poprzez szyfrowanie przesyłanych danych pomiędzy serwerem a odbiorcom - użytkownikiem. Pierwszym krokiem jest...

WordPress 5.x

od wersji 5.2 korzystanie z login_headertitle uznawane jest za przestarzałe, zostało zastapione...

WordPress post pagination

Paginacja postów w WP w function.php definiujemy globalny wygląd i parametry: // global pagination function globalPagination() { $args = [ 'screen_reader_text' => ' ',...

Firebase – baza danych od google

Firebase - rozpoczynamy projekt zarządzanie - panel Authentication metody kolekcji: db.collection('name-of-collection').onSnapshot() db.collection('name-of-collection').add()...

Różne stany inputa

/* Show red borders when filled, but invalid */ input:not(:placeholder-shown) { border-color: hsl(0, 76%, 50%); } /* Show green borders when valid */ input:valid { border-color:...

Przydatne packages

slugify - npm install slugify - do tworzenia sluga z zwykłego tekstuuse: this.slug = slugify(this.title, { replacement: '-', remove: //g, //globaly...

Vue Router

Vue Router pozwala na wyświetlanie poszczególnych podstron aplikacji osobny, dodatkowy package do Vue - vue-router w pliku router/index.js zamieszczamy: impor Vue from 'vue' import...

Vue – linki i ciekawe tootki

droptica.pl webmastah.pl...

Ciekawe tootki

Lista fajnych, rozwijających tootków w różnych technologiach: css animacja lśniącego przycisku - przez...