Πώς να προσθέσετε γραφικά στοιχεία προσαρμοσμένων στυλ στον ιστότοπο WordPress;

Για να προσθέσετε γραφικά στοιχεία προσαρμοσμένων στυλ στον ιστότοπό σας WordPress, ακολουθήστε αυτά τα βήματα:

Βήμα 1:Δημιουργήστε μια προσαρμοσμένη κλάση γραφικών στοιχείων

1. Ανοίξτε το αρχείο functions.php του θέματός σας.

2. Προσθέστε τον ακόλουθο κώδικα για να δημιουργήσετε μια νέα κλάση γραφικών στοιχείων:

```php

Η κλάση Custom_Styles_Widget επεκτείνει το WP_Widget {

δημόσια συνάρτηση __construct() {

$widget_ops =πίνακας(

'classname' => 'custom-styles-widget',

'description' => 'Εμφανίζει προσαρμοσμένα στυλ.',

)

parent::__construct( 'custom-styles-widget', 'Custom Styles Widget', $widget_ops );

}

widget δημόσιας λειτουργίας ( $args, $instance ) {

// Εμφάνιση του γραφικού στοιχείου.

ηχώ '

';

}

φόρμα δημόσιας λειτουργίας ( $instance ) {

// Εμφάνιση της φόρμας widget.

$custom_styles =( isset( $instance['custom_styles'] ) ? esc_attr( $instance['custom_styles'] ) :'';

ηχώ'

Προσαρμοσμένα στυλ

' . $custom_styles . '

';

}

ενημέρωση δημόσιας συνάρτησης ( $new_instance, $old_instance ) {

// Αποθηκεύστε τις ρυθμίσεις του widget.

$instance =$old_instance;

$instance['custom_styles'] =sanitize_textarea_field( $new_instance['custom_styles'] );

επιστροφή $instance;

}

}

```

Βήμα 2:Καταχωρίστε το προσαρμοσμένο γραφικό στοιχείο

1. Μέσα στο ίδιο αρχείο functions.php, προσθέστε τον ακόλουθο κώδικα για να καταχωρήσετε το προσαρμοσμένο γραφικό στοιχείο:

```php

add_action( 'widgets_init', function() {

register_widget( 'Custom_Styles_Widget' );

} );

```

Βήμα 3:Προσθέστε το προσαρμοσμένο γραφικό στοιχείο σε μια πλευρική γραμμή

1. Μεταβείτε στην επιλογή Εμφάνιση> Γραφικά στοιχεία στον πίνακα διαχείρισης του WordPress.

2. Σύρετε και αποθέστε το γραφικό στοιχείο προσαρμοσμένων στυλ σε μια πλαϊνή γραμμή.

3. Διαμορφώστε τις ρυθμίσεις του widget όπως απαιτείται.

Το γραφικό στοιχείο προσαρμοσμένων στυλ θα εμφανίζει τώρα τα προσαρμοσμένα στυλ που καθορίζετε στις ρυθμίσεις του γραφικού στοιχείου.