Responsive Sidebar – wtyczka do WordPressa i WooCommerce

(Na razie Brak ocen)
Loading...

Responsive Sidebar - wtyczka do WordPressa i WooCommerce

 

Wtyczka pozwala na stworzenie responsywnego paska bocznego w WordPress i WooCommerce.

Pasek boczny jest ukryty na telefonach i przesuwa się po lewej stronie, klikając przycisk lub przesuwając palcem (dotykając ekranu telefonu od lewej do prawej). Współpracuje z WooCommerce, ma zastosowanie do lepszej adaptacji filtrów produktów. Czytaj dalej

Dodanie krótkiego opisu do katalogu produktów WooCommerce

(Na razie Brak ocen)
Loading...

Metoda 1.

Utwórz funkcję powiązaną ze woocommerce_after_shop_loop_item_title:

add_action( 'woocommerce_after_shop_loop_item_title', 'add_short_description', 9 );
function add_short_description() {
	  echo  the_excerpt().'<br />';
}

Jeśli chcesz skrócić Krótki opis, Kod będzie wyglądał następująco:


add_action( 'woocommerce_after_shop_loop_item_title', 'add_short_description', 9 );
function add_short_description() {
    global $post;
    $text = $post->post_excerpt;
    $maxchar = 100; //Maksymalna liczba znaków
    
    $text = preg_replace ('~\[[^\]]+\]~', '', $text ); //usuwamy krótkie kody
    
    //usuwamy wszystkie znaki html
    $text = strip_tags( $text);
    
    // Obrzezać
    if ( mb_strlen( $text ) > $maxchar ){
                $text = mb_substr( $text, 0, $maxchar );
                $text = preg_replace('@(.*)\s[^\s]*$@s', '\\1 ...', $text );
            }
    echo $text;
}

Metoda 2

Aby wykonać to zadanie, musisz skopiować plik content-product z folderu wtyczki woocommerce/templates.php, który jest odpowiedzialny za wyjście towarów w pętli Woocommerce, i umieścić go w folderze woocommerce (jeśli nie - Utwórz) swojego motywu. Jest to konieczne, aby podczas aktualizacji wtyczki zapisać zmiany. Dlatego w żadnym wypadku nie należy edytować plików wtyczek.
Czytaj dalej

Usuwanie atrybutów width i heigth z miniatur WordPress

(Na razie Brak ocen)
Loading...

Domyślnie funkcja the_post_thumbnail () wyświetla miniatury HTML postu w następującej formie:

<img width="400" height="500" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >

W niektórych przypadkach należy usunąć atrybuty width i height wyświetlanego obrazu. W tym celu można użyć filtra funkcji wp_get_attachment_image_src(), na podstawie której działa funkcja wyświetlania miniatur:


add_filter('wp_get_attachment_image_src','delete_width_height', 100, 4);

function delete_width_height($image, $attachment_id, $size, $icon){

    $image[1] = '';
    $image[2] = '';
    return $image;
}

Ten kod należy umieścić w pliku functions.php szablonu WordPress, a wynik zwrócony przez funkcję the_post_thumbnail() przyjmie postać:

<img src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >

Optymalizacja strony WordPress dla Google PageSpeed

(53 ocen, średnia:4,23 из 5)
Loading...

Оптимизация сайта на WordPress для Google PageSpeed

Szybkość ładowania strony jest jednym z czynników rankingowych wyszukiwarek. Im szybciej strona się ładuje, tym lepiej.

Możesz sprawdzić, jak szybko Twoja witryna korzysta z Google PageSpeed Insights.

Dobra prędkość ładowania - jeśli witryna znajduje się w zielonej strefie.

Czytaj dalej

AJAX formularz dla WordPress

(15 ocen, średnia:4,93 из 5)
Loading...

Korzystanie z ajax podczas przesyłania formularza umożliwia przesłanie formularza bez przeładowywania strony. W WordPress jest to dość proste do wdrożenia. Załóżmy, że mamy następujący formularz zamówienia połączenia:

<form class="form-container recall-form-validate">
    <div class="form-title"><h2>Zamów połączenie</h2></div>
    <div class="form-title">Wpisz swoje imię:</div>
    <input class="form-field form-name" type="text"  name="name" /><br />
    <div class="form-title">Wprowadź numer telefonu:</div>
    <input class="form-field form-tel" type="text"  name="tel" /><br />
    <div id="submit-ajax" class="submit-container">
        <input class="submit-button" type="submit" value="Wysłać"/>
    </div>
</form>

Teraz napisz skrypt obsługujący Zdarzenie kliknięcia przycisku " Wyślij":
Czytaj dalej

Zmiana rozmiaru miniatur w WooCommerce

(24 ocen, średnia:4,71 из 5)
Loading...

Po kolejnej aktualizacji WooCommerce nie wszystkie rozmiary miniatur można zmienić za pośrednictwem panelu administracyjnego WordPress. Kiedyś było tak:

настройки миниатюр woocommerce

Teraz ustawienia zostały przeniesione do pozycji menu " Wygląd - > dostosuj":
Czytaj dalej