Dev Notes/Blog

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

osadzanie tagów na stronie

Zamieszczenie chmury wszystkich tagów: <?php if ( function_exists( 'wp_tag_cloud' ) ) : ?> <ul> <li><?php wp_tag_cloud( 'smallest=8&largest=22' );...

pobranie treści wpisu w określonej ilości znaków

1234567890123456789 123456789 <?php echo substr(get_the_excerpt(), 0,30); ?>   function get_excerpt(){ $excerpt = get_the_content(); $excerpt = preg_replace("...

wyswietlenie ograniczonej liczby słów postu

<?php echo limit_words(get_the_excerpt(), '25'); echo(' ');...

flexbox

container / parent display flex inline-flex flex-direction row row-reverse column column-reverse justify-content center flex-end flex-start...

command / terminal

bash - powłoka systemowa mac ściezka cd ../workspace/project/myProject uruchomianie z prawami admina poprzez poprzedzenie polecenia sudo terminal windows ściezka cd...

Biblioteki JavaScript

Angular jQuery jQuery...

align-items: center

div { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; } uporządkowuje elementy w bloku...

nie interpretowany kod komputerowy w treści strony

Plugin WordPress - SyntaxHighlighter Evolved pozwala osadzić nie interpretowany kod komputerowy w treści strony.   osadzamy poprzez dodanie shortcode: z...

Zabezpieczone: Info coderskie

Treść jest chroniona hasłem. Aby ją zobaczyć, proszę poniżej wprowadzić hasło: Hasło:...

słownik codera

refactoring - refaktoryzacja - modyfikacja istniejącego kodu w celu wykonania tego samego zadanie w bardziej wydajny czy elegancki sposób event handler – funkcja obsługi zdarzeń...

Slider

popularne: slick bxslider   Pluginy biblioteki jQuery: Elastislide dopasowuje rozmiar i zachowanie do aktualnej wielkości ekranu. Wykorzystuje specjalnie...

bootstrap

bootstrap 5 builder bootstrap 3 tips and tricks reorder css columns bootstrap lightbox bootstrap theming responsive...

Środkowanie elementu w bloku

środkowanie elementu horyzontalne w position absolute: .element { margin-left: auto; margin-right: auto; left: 0; right: 0; } środkowanie elementu vertykalne w position...

WordPress

global $post - wczytanie globalnej zmiennej post zawierającej informacje o aktualnie przetwarzanym/wyświetlanym wpisie get_permalink($post->ID) - pobiera odnośnik do wpisu o wskazanym...

php

Podejście do programowania w php: proceduralne obiektowe Proceduralny php jest nazywany wtedy kiedy tworzymy kod proceduralnie, procesowo czyli kiedy potrzebujemy stworzyć określone...

środkowanie treści w responsywnym kwadratowym bloku

.porto-single-full{ width:50%; float:left; overflow: hidden; padding-bottom: 50%; position: relative; background-color:red; background-position: center center; background-repeat:...

poprzedni / następny post

- z codex WP: <?php get_adjacent_post( $in_same_term, $excluded_terms, $previous, $taxonomy ) ?> Parametr $previous - opcjonalny, przyjmuje wartości true/false: true,...

iframe

element iframe - ramka iframe (pływająca) - pozwala na ładowanie innej strony lub media wewnątrz pojedynczej strony - 'zagnieżdżony kontekst przeglądania' <iframe...