Πώς να προσθέσετε μια περιοχή Widget στο θέμα σας

Πώς να προσθέσετε μια περιοχή Widget στο θέμα σας

Πολλές φορές κατά την κατασκευή ιστοσελίδων σε WordPress χρειάζεται στο θέμα που δημιουργούμε να προσθέσουμε μια περιοχή στην οποία θα εμφανίζεται ένα widget ώστε ο χρήστης να μπορεί να προσθέτει εύκολα και γρήγορα περιεχόμενο στην ιστοσελίδα του. Στο παρακάτω άρθρο θα δούμε πως μπορούμε να το πετύχουμε αυτό με τρία απλά βήματα:

 

Βήμα 1

Στο πρώτο βήμα διαλέγουμε το σημείο που θέλουμε να εμφανίζεται το widget μας, για παράδειγμα ας υποθέσουμε πως θέλουμε να εμφανίζεται στην κεντρική μας σελίδα, οπότε ανοίγουμε το αρχείο index.php και τοποθετούμε το παρακάτω απόσπασμα κώδικα στο ακριβές σημείο που θα εμφανίζεται το widget:

<div id="idesigner-widget">
  <?php if ( !function_exists('dynamic_sidebar') ||
              !dynamic_sidebar('iDesigner Widget') ) : ?>
   <?php endif; ?>
</div>

 

 

Βήμα 2

Στο δεύτερο βήμα πρέπει να ορίσουμε το widget μας στο αρχείο με τις συναρτήσεις του θέματος που βρίσκονται στο αρχείο functions.php, συγκεκριμένα προσθέτουμε το παρακάτω απόσπασμα κώδικα:

register_sidebar(array('name'=>'iDesigner Widget',));

 

 

Βήμα 3

Τέλος δημιουργούμε έναν κανόνα css στο αρχείο style.css και ορίζουμε την μορφή που θέλουμε να έχει το widget μας:

.idesigner-widget {
   background: #FFFFFF;
   margin: 10px 0 20px 0;
   padding: 10px;
   width: 200px;
 }

 

Αυτό ήταν, πλέον στο θέμα μας υπάρχει μια περιοχή με widget όπου μπορούμε να την ρυθμίσουμε από τον πίνακα ελέγχου στην κατηγορία widgets. Συγκεκριμένα στον πίνακα ελέγχου θα υπάρχει πλέον και η κατηγορία με το όνομα iDesigner Widget όπου μπορούμε να προσθέσουμε μερικά από τα έτοιμα widget του WordPress όπως «κείμενο», «RSS», «Τελευταία άρθρα», «Τα πιο δημοφιλή άρθρα» κ.α. ή να κατεβάσουμε κάποιο plugin και να αυξήσουμε τις επιλογές μας.

Προσθήκη σχολίου