Snippet

Dodaj łatwo tagi meta opisów do stron WordPress

Jak dodać meta opis w WordPressieDodaj meta opis do strony WordPressSamouczek dotyczący meta opisu w WordPressieKroki do dodania meta tagów w WordPressieWtyczka do meta opisu WordPressRęczne dodawanie meta opisu w WordPressieNajlepszy sposób na dodanie meta tagów w WordPressiePrzewodnik po meta opisie WordPressJak ustawić meta opis w WordPressieDodaj meta opis bez wtyczki w WordPressie

Objaśnienie

Aby dodać meta opis do swoich stron WordPress, ten kod wykonuje kilka czynności:

  • Dodaje Meta Box: Podczas edytowania wpisu lub strony zobaczysz nowe pole po prawej stronie, w którym możesz wpisać meta opis. Jest to realizowane poprzez dodanie niestandardowego meta boxa do ekranu edycji wpisu.
  • Wyświetla Meta Opis: Jeśli wpisałeś meta opis, zostanie on uwzględniony w kodzie HTML strony. Jest to ważne dla wyszukiwarek, aby zrozumiały, o czym jest Twoja strona.
  • Zapisuje Twoje Dane: Gdy zapisujesz lub aktualizujesz swój wpis, wprowadzony meta opis jest zapisywany. Zapewnia to, że Twój opis jest zawsze dostępny i może być wyświetlany na Twojej stronie.

Oto jak to działa:

  • Kod włącza się do sekcji nagłówka WordPress, aby dodać meta opis, jeśli istnieje.
  • Meta box jest dodawany do ekranów edycji wpisów i stron, co pozwala na wprowadzenie opisu.
  • Gdy zapisujesz wpis, opis jest bezpiecznie zapisywany i oczyszczany, aby zapobiec jakimkolwiek problemom.

To podejście pozwala na ręczne dodawanie i zarządzanie meta opisami bez potrzeby korzystania z wtyczki, dając Ci większą kontrolę nad SEO Twojej witryny.

Kod

1<?php 2// Add meta description to WordPress pages 3 4// Hook into 'wp_head' to add meta description 5add_action('wp_head', 'wp_dudecom_add_meta_description'); 6 7/** 8 * Function to add a meta description to WordPress pages 9 */ 10function wp_dudecom_add_meta_description() { 11 if (is_singular()) { 12 global $post; 13 14 // Sanitize and retrieve the meta description 15 $meta_description = get_post_meta($post->ID, '_wp_dudecom_meta_description', true); 16 $meta_description = esc_attr($meta_description); 17 18 // Output the meta description if it exists 19 if (!empty($meta_description)) { 20 echo '<meta name="description" content="' . $meta_description . '" />'; 21 } 22 } 23} 24 25// Add a meta box to the post editing screen 26add_action('add_meta_boxes', 'wp_dudecom_add_meta_box'); 27 28/** 29 * Function to add a custom meta box for meta description 30 */ 31function wp_dudecom_add_meta_box() { 32 add_meta_box( 33 'wp_dudecom_meta_description_box', 34 'Meta Description', 35 'wp_dudecom_meta_box_callback', 36 ['post', 'page'], 37 'side', 38 'default' 39 ); 40} 41 42/** 43 * Callback function to display the meta box 44 * 45 * @param WP_Post $post The post object 46 */ 47function wp_dudecom_meta_box_callback($post) { 48 // Add a nonce field for security 49 wp_nonce_field('wp_dudecom_save_meta_description', 'wp_dudecom_meta_description_nonce'); 50 51 // Retrieve existing meta description 52 $meta_description = get_post_meta($post->ID, '_wp_dudecom_meta_description', true); 53 54 // Display the form field 55 echo '<label for="wp_dudecom_meta_description">Enter Meta Description:</label>'; 56 echo '<textarea id="wp_dudecom_meta_description" name="wp_dudecom_meta_description" rows="4" style="width:100%;">' . esc_textarea($meta_description) . '</textarea>'; 57} 58 59/** 60 * Save the meta description when the post is saved 61 * 62 * @param int $post_id The ID of the post being saved 63 */ 64function wp_dudecom_save_meta_description($post_id) { 65 // Check if nonce is set 66 if (!isset($_POST['wp_dudecom_meta_description_nonce'])) { 67 return; 68 } 69 70 // Verify the nonce 71 if (!wp_verify_nonce($_POST['wp_dudecom_meta_description_nonce'], 'wp_dudecom_save_meta_description')) { 72 return; 73 } 74 75 // Check if the user has permission to edit the post 76 if (!current_user_can('edit_post', $post_id)) { 77 return; 78 } 79 80 // Sanitize and save the meta description 81 if (isset($_POST['wp_dudecom_meta_description'])) { 82 $meta_description = sanitize_text_field($_POST['wp_dudecom_meta_description']); 83 update_post_meta($post_id, '_wp_dudecom_meta_description', $meta_description); 84 } 85} 86 87// Hook into 'save_post' to save the meta description 88add_action('save_post', 'wp_dudecom_save_meta_description'); 89?>

Instrukcja

Lokalizacja pliku: Dodaj podany kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików swojego motywu WordPress lub możliwość stworzenia niestandardowej wtyczki.

Kroki wdrożenia:

  1. Dostęp do plików WordPress: Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby uzyskać dostęp do instalacji WordPress.
  2. Znajdź plik functions.php: Przejdź do wp-content/themes/nazwa-twojego-motywu/ i otwórz plik functions.php do edycji. Alternatywnie, stwórz nowy plik wtyczki w wp-content/plugins/, jeśli wolisz oddzielić tę funkcjonalność od swojego motywu.
  3. Dodaj kod: Skopiuj i wklej podany kod do pliku functions.php lub do pliku niestandardowej wtyczki. Upewnij się, że nie umieszczasz kodu wewnątrz żadnej istniejącej funkcji lub klasy, chyba że jest to zamierzone.
  4. Zapisz zmiany: Zapisz zmiany w pliku functions.php lub w pliku wtyczki.
  5. Przetestuj wdrożenie: Zaloguj się do panelu administracyjnego WordPress i edytuj post lub stronę. Powinieneś zobaczyć nowe pole "Meta Description" po prawej stronie ekranu edytora.
  6. Wprowadź opis meta: W polu "Meta Description" wprowadź opis dla swojego posta lub strony i zapisz zmiany.
  7. Zweryfikuj opis meta: Zobacz kod źródłowy zapisanego posta lub strony na froncie, aby upewnić się, że opis meta jest zawarty w sekcji head HTML.

Jeśli potrzebujesz pomocy przy tym wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy i usług związanych z WordPress.