Baza wiedzy
Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.
Określanie wersji pakietów w dependencies
npm
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
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
icon Wordpress
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 grammarly.com managery haseł keePass bitwarden narzędzia online do edycji (łączenie, rozdzielanie) plików pdf abcdpdf Adobe acrobat -...
certyfikat SSL i protokół https na stronie z WP
https
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
pagination Wordpress
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
data base 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
form
/* 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
data base npm
slugify - npm install slugify - do tworzenia sluga z zwykłego tekstuuse: this.slug = slugify(this.title, { replacement: '-', remove: //g, //globaly...
Vue Router
vue
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...
Ciekawe tootki
Lista fajnych, rozwijających tootków w różnych technologiach: css animacja lśniącego przycisku - przez...
Vue axios
vue
instalacja: npm install axios --save -dev użycie w template: <div class="" v-for="post in posts" :key="post.id"> <h3>{{ post.title...