Dodaj łatwo widget Google Recenzje do WordPressa
Objaśnienie
Aby wyświetlić recenzje Google na swojej stronie WordPress, ten kod pomoże Ci dodać widget, który je wyświetli. Oto jak to działa:
- Ładowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. Ładowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.
- Shortcode: Możesz użyć shortcode
[google_reviews place_id="YOUR_PLACE_ID"]
, aby wyświetlić recenzje. Wystarczy zastąpić YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google. - Strona ustawień: W Twoim panelu administracyjnym WordPress znajduje się strona ustawień, na której możesz zapisać swój identyfikator miejsca Google. Ułatwia to zarządzanie bez konieczności edytowania shortcode za każdym razem.
Gdy użyjesz shortcode, widget pojawi się wszędzie tam, gdzie go umieścisz na swojej stronie, wyświetlając recenzje z określonego identyfikatora miejsca Google. Upewnij się, że w ustawieniach wprowadzono prawidłowy identyfikator miejsca, aby recenzje były wyświetlane poprawnie.
Kod
<?php
// Function to enqueue Google Reviews Widget script
function wp_dudecom_enqueue_google_reviews_script() {
if ( ! is_admin() ) {
wp_enqueue_script( 'google-reviews-widget', 'https://path-to-google-reviews-widget.js', array(), null, true );
}
}
add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_google_reviews_script' );
// Shortcode to display Google Reviews Widget
function wp_dudecom_display_google_reviews_widget( $atts ) {
// Ensure the attributes are sanitized
$atts = shortcode_atts(
array(
'place_id' => '', // Google Place ID
),
$atts,
'google_reviews'
);
// Check if Place ID is provided
if ( empty( $atts['place_id'] ) ) {
return '<p>Please provide a valid Google Place ID.</p>';
}
// Output the Google Reviews Widget
ob_start();
?>
<div id="google-reviews-widget" data-place-id="<?php echo esc_attr( $atts['place_id'] ); ?>"></div>
<script>
// Initialize the Google Reviews Widget
document.addEventListener('DOMContentLoaded', function() {
if (typeof GoogleReviewsWidget !== 'undefined') {
GoogleReviewsWidget.init({
placeId: '<?php echo esc_js( $atts['place_id'] ); ?>',
container: '#google-reviews-widget'
});
}
});
</script>
<?php
return ob_get_clean();
}
add_shortcode( 'google_reviews', 'wp_dudecom_display_google_reviews_widget' );
// Function to add settings page for Google Reviews Widget
function wp_dudecom_google_reviews_settings_page() {
add_options_page(
'Google Reviews Settings',
'Google Reviews',
'manage_options',
'google-reviews-settings',
'wp_dudecom_google_reviews_settings_page_html'
);
}
add_action( 'admin_menu', 'wp_dudecom_google_reviews_settings_page' );
// HTML for the settings page
function wp_dudecom_google_reviews_settings_page_html() {
if ( ! current_user_can( 'manage_options' ) ) {
return;
}
if ( isset( $_POST['wp_dudecom_google_reviews_nonce'] ) && wp_verify_nonce( $_POST['wp_dudecom_google_reviews_nonce'], 'wp_dudecom_google_reviews_save_settings' ) ) {
update_option( 'wp_dudecom_google_reviews_place_id', sanitize_text_field( $_POST['wp_dudecom_google_reviews_place_id'] ) );
echo '<div class="updated"><p>Settings saved.</p></div>';
}
$place_id = get_option( 'wp_dudecom_google_reviews_place_id', '' );
?>
<div class="wrap">
<h1>Google Reviews Settings</h1>
<form method="post" action="">
<?php wp_nonce_field( 'wp_dudecom_google_reviews_save_settings', 'wp_dudecom_google_reviews_nonce' ); ?>
<table class="form-table">
<tr valign="top">
<th scope="row">Google Place ID</th>
<td>
<input type="text" name="wp_dudecom_google_reviews_place_id" value="<?php echo esc_attr( $place_id ); ?>" class="regular-text" />
<p class="description">Enter your Google Place ID to display reviews.</p>
</td>
</tr>
</table>
<?php submit_button(); ?>
</form>
</div>
<?php
}
?>
Instrukcja
Lokalizacja pliku: Dodaj kod do pliku functions.php
swojego motywu lub stwórz plik własnej wtyczki.
Wymagania wstępne: Upewnij się, że masz dostęp do panelu administracyjnego WordPressa oraz możliwość edytowania plików motywu lub przesyłania wtyczek.
Kroki wdrożenia:
- Dostęp do plików WordPressa:
- Zaloguj się do panelu administracyjnego WordPressa.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik
functions.php
, lub użyj klienta FTP, aby przesłać plik własnej wtyczki.
- Dodaj kod:
- Skopiuj podany fragment kodu.
- Wklej go do pliku
functions.php
lub do pliku własnej wtyczki. - Zapisz zmiany.
- Skonfiguruj Google Place ID:
- W panelu administracyjnym WordPressa przejdź do Ustawienia > Google Reviews.
- Wprowadź swój Google Place ID w podanym polu.
- Kliknij Zapisz zmiany, aby zapisać ustawienia.
- Użyj shortcode:
- W dowolnym poście lub stronie dodaj shortcode
[google_reviews place_id="YOUR_PLACE_ID"]
. - Zamień YOUR_PLACE_ID na Google Place ID, które skonfigurowałeś w ustawieniach.
- Opublikuj lub zaktualizuj post/stronę, aby wyświetlić widżet Google Reviews.
- W dowolnym poście lub stronie dodaj shortcode
Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.