Baza wiedzy

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

Animacja i krzywe Bézier’a

parę fajnych narzędzi do zrozumienia i opracowania krzywej do animacji: cubic-bezier.com jasondavies.com/animated-bezier/...

pobranie adresu katalogu tematu

get_template_directory_uri() ....

Wyłączenie pobierani skryptów i styli w head WP

aby skrypty i style danego pluginu nie wczytywały się w head każdej strony możemy ograniczyć je tylko to stron które używają danego pluginu poprzez kod: add_action( 'wp_print_scripts',...

Zwiększenie maksymalnej wielkości plików uploadowanych do WP

w wp-admin tworzymy dwa pliki php.ini i php5.ini w niech zamieszczamy kod: upload_max_filesize = 64M post_max_size = 64M max_execution_time =...

Instalacja WP w katalogu na serwerze

Dla zwiększenia bezpieczeństwa dobrze jest zainstalować WP w dodatkowym katalogu (np. mywp) zamiast bezpośrednio w głównym katalogu na serwerze. Po wgraniu plików WP i instalacji...

dodanie zarejestrowanych rozmiarów images do panelu administratora WP

//set to WP admin panel all registered sizes of img add_filter( 'image_size_names_choose', 'ml_custom_image_choose' ); function ml_custom_image_choose( $args ) { global...

grid na responsywnych kwadratach

Grid of squares with...

zablokowanie scrolowania

blokowanie scroll na tabletach i smartfonach poprzez:   w js: //target the entire page, and listen for touch events $('html, body').on('touchstart touchmove', function(e){...

strona, post w WP

jeśli dana strona ma wyglądać tak jak już opracowany i zakodowany szablon, możemy posłużyć się poniższym kodem by zaciągnąć opracowany kod do pliku php danej...

scroll link

płynne scrolowanie do góry strony lub elementu wyznaczonego anchorem: //scroll function $('.scroll-link').click(function(e){ e.preventDefault(); var myLink =...

icona custom post

w function.php lub tam gdzie definiujemy custom post type w jego definicji podajemy: function myTheme_init_posttypes(){ $event_args = array( 'labels' => array( 'name' =>...

letter spacing z ps do px

na przeliczenie letter spacing photoshopa do css letter-spacing w px wykorzystuje się wzór uwzględniający wielkość tekstu:   photoshop letter spacing (px) * font-size (px) / 1000 = css...

Polylang

...

wyrównanie bloków do prawej

dla każdego bloku dajemy margin-left:...