Filmik pokazujący jak wdrożyć custom H1 na WordPressie:
https://drive.google.com/file/d/1JwlPytf2XrrEo5ztC5Ui0Fx5A8u-n2MM/view?usp=sharing
Poniżej skrótowo to co jest omówione na filmie:
1) Chcąc zoptymalizować nagłówki H1 na platformie WordPress powinniśmy (jeżeli nie można przez builder) używać do tego wtyczki Advanced Custom Fields. Po jej instalacji ustawienia wtyczki są dostępne z lewego panelu „Własne pola”:
2) Stwórzmy własną grupę pól i dodajmy warunek jaki musi się spełnić aby to nasze pole było wyświetlone w CMS (przykładowo dla kategorii produktowych na woocommerce będzie to „Taskonomia ” i „product_cat”. Natomiast dla wpisów blogowych „Typ wpisu” i „Wpis(post)”:
3) Dodajmy w naszej grupie pół pojedyncze pole – zapamiętajmy nazwę tego pola (będzie przydatne do implementacji na FTP). Dodatkowo możemy wybrać typ pola (np. zwykły tekst albo edytor WYSIWYG, który pozwala dodawać kod HTML):
4) Mając gotowe pole sprawdźmy czy się wyświetla w CMS – wejdźmy z panelu CMS do edycji interesującej nas podstrony i sprawdźmy czy mamy tam nasze pole. Jeżeli nie to należy zmienić warunek wyświetlania (punkt 2)):
5) Logujemy się na FTP i wyszukujemy miejsce gdzie jest zaimplementowana nasza H1 np.
<h1 class="entry-title"> <?php the_title() ?> </h1>
Wówczas zaktualizjmy ten fragment:
<h1 class="entry title">
<?php if (get_field('wlasny_naglowek_h1')) { //jeżeli nasze pole nie jest puste to wykonaj kod...
the_field('wlasny_naglowek_h1'); // wyświetl zawartość naszego pola
} else { // jeżeli jest puste to wykonaj kod...
the_title(); // wyświetl nazwę kategorii
} ?>
</h1>W miejsce „wlasny_naglowek_h1” wpisujemy nazwę naszego utworzonego pola.
Polecam sięgnąć do dokumentacji: https://www.advancedcustomfields.com/
6) W przypadku WooCommerce i dodanie np. drugiego opisu kategorii to zasada jest taka sama (stworzenie pola, znalezienie miejsca gdzie chcemy umieścić tekst) ale może zdarzyć się, że do wyświetlenia tekstu będziecie potrzebować drugiego parametru np.:
<?php get_field('second_description', $queried_object); ?>W przypadku drugiego parametru (każdy WP może mieć inną funkcję do pozyskania ID) polecam zajrzeć na stronę:
https://support.advancedcustomfields.com/forums/topic/how-to-add-custom-field-to-a-category/
Może się komuś przydać na przyszłość.
H1 była pierwotnie dodawana przez skrypt i musiałem dodać funkcję w funkcji:
<?php
if ( is_single() ) {
if (get_field(’wlasny_naglowek_h1′)) {
echo '<h1 class=”entry-title”>’;
the_field(’wlasny_naglowek_h1′);
echo „</h1>”;
} else {
the_title( '<h1 class=”entry-title” >’, '</h1>’ );
}
}
else {
the_title( '<h2 class=”entry-title”><a href=”’ . esc_url( get_permalink() ) . '” rel=”bookmark”>’, '</a></h2>’ );
} ?>
Jakby ktoś dodawał custom h1 na woocommerce dla kategorii to może się przydać
<?php
$term = get_queried_object();
if (get_field(’wlasny_naglowek_h1′, $term)) {
echo '<h1>’;
the_field(’wlasny_naglowek_h1′, $term);
echo '</h1>’;
else // zostawiamy to co było
}
?>
<h1 class=”woocommerce-products-header__title page-title”>
<?php
$term = get_queried_object();
if (get_field(’custom_h1′, $term)) {
the_field(’custom_h1′, $term);
} else {
woocommerce_page_title();
}
?>
</h1>
Uwaga na ’ zmieniają się na inne znaczki po dodaniu komentarza, przez co może nie działać, bez wymiany na oryginalne ciapki.