Ανάπτυξη θέματος WordPress (101)

Οδηγός ανάπτυξης θέματος WordPress


Η εκμάθηση δημιουργίας θεμάτων WordPress ανοίγει έναν εντελώς νέο κόσμο για να το εξερευνήσετε. Σας επιτρέπει να δημιουργήσετε προσαρμοσμένα σχέδια για τον εαυτό σας, τους πελάτες σας, ακόμη και να συνεισφέρετε στην κοινότητα ανοιχτού κώδικα.

Σε αυτόν τον οδηγό, θα σας μεταφέρουμε από το μηδέν σε ένα πλήρως λειτουργικό θέμα που μπορεί να υποβληθεί στο WordPress.org κατάλογος θεμάτων.

Για να ακολουθήσετε θα χρειαστείτε μια βασική κατανόηση των HTML, CSS, PHP και του τρόπου λειτουργίας του WordPress.

Όλος ο κωδικός που χρησιμοποιείται σε αυτόν τον οδηγό θα είναι διαθέσιμος για αναφορά σε αυτό Αποθήκη Github.

Contents

Δημιουργία βασικών αρχείων


Ένα λειτουργικό θέμα WordPress μπορεί να αποτελείται από δύο μόνο αρχεία: style.css και index.php. Αυτό είναι δυνατό λόγω του WordPress ιεραρχία προτύπων.

Όταν το WordPress εξάγει μια ιστοσελίδα αναζητά το πιο συγκεκριμένο πρότυπο που είναι διαθέσιμο, εάν δεν υπάρχει πρότυπο, θα μετακινηθεί προς τα κάτω μέχρι να βρει αυτό που να το κάνει. Ακολουθεί ένα πρακτικό παράδειγμα:

Ο χρήστης είναι ενεργοποιημένος https://example.com/practical-example, που είναι μια σελίδα. Το WordPress θα προσπαθήσει να εντοπίσει ένα πρότυπο με αυτήν τη σειρά:

  • σελίδα- {slug} .php – Το slug σελίδας είναι / πρακτικό-παράδειγμα, το WordPress θα μοιάζει να χρησιμοποιεί το θέμα-σελίδα / σελίδα-πρακτικό-παράδειγμα.php
  • σελίδα- {id} .php – Το αναγνωριστικό σελίδας είναι 42, το WordPress θα φαίνεται να χρησιμοποιεί το θέμα-σελίδα / σελίδα-42.php.
  • σελίδα.php – Το WordPress θα δοκιμάσει το πρότυπο your-theme / page.php γενικής χρήσης.
  • singular.php – Το μοναδικό πρότυπο μπορεί να αποδώσει Αναρτήσεις και Σελίδες, οπότε δοκιμάζεται μετά την πιο συγκεκριμένη σελίδα.php
  • index.php – Τέλος, το θέμα-index / index.php χρησιμοποιείται αν δεν βρεθεί άλλο πρότυπο.

Ας ξεκινήσουμε δημιουργώντας ένα θέμα μόνο με τα απαραίτητα αρχεία και, στη συνέχεια, μπορούμε να εξετάσουμε περισσότερες λειτουργίες καθώς διερευνούμε πώς λειτουργούν.

Σε / wp-content / θέματα /, δημιουργήστε ένα φάκελο με το όνομα my-custom-θέμα και δημιουργήστε αυτά τα δύο ακόλουθα αρχεία:

style.css

Προκειμένου το WordPress να αναγνωρίσει το θέμα μας και να το εξάγει σωστά στη λίστα Εμφάνιση> Θέματα, πρέπει να τοποθετήσουμε κάποιον κώδικα για το WordPress στην κορυφή style.css, μοιάζει με αυτό:

/ *
Όνομα θέματος: Το προσαρμοσμένο θέμα μου
URI θέματος: https://yourwebsite.com/theme
Συγγραφέας: Το όνομά σας
Συγγραφέας URI: https://yourwebsite.com
Περιγραφή: Αυτό είναι το πρώτο προσαρμοσμένο θέμα μου!
Έκδοση: 1.0.0
Άδεια χρήσης: GNU General Public License v2 ή μεταγενέστερη έκδοση
URI άδειας: 
Τομέας κειμένου: my-custom-theme
Ετικέτες: προσαρμοσμένο φόντο
* /

Τεχνικά κανένα από τα πεδία δεν απαιτείται, αλλά αν θέλετε το θέμα σας να φαίνεται καλό στο wp-admin τότε ενθαρρύνονται ιδιαίτερα. Απαιτούνται επίσης εάν διανέμετε το θέμα σας στο WordPress.

  • Όνομα θέματος – Πρέπει πάντα να παρέχετε ένα όνομα θέματος. Εάν δεν το χρησιμοποιείτε, τότε θα χρησιμοποιηθεί το όνομα του φακέλου, το δικό μου-προσαρμοσμένο θέμα στο παράδειγμά μας.
  • URI θέματος – Εάν χρησιμοποιηθεί, το θέμα URI θα πρέπει να παρέχει έναν σύνδεσμο προς μια σελίδα όπου οι επισκέπτες μπορούν να μάθουν περισσότερα για το θέμα.
  • Συντάκτης – Το όνομά σου πηγαίνει εδώ.
  • Συγγραφέας URI – Ένας σύνδεσμος για τον προσωπικό σας ιστότοπο ή την επιχείρησή σας μπορεί να τοποθετηθεί εδώ.
  • Περιγραφή – Η περιγραφή εμφανίζεται στο wp-admin θέμα modal και επίσης στο Θέμα WordPress λίστα.
  • Εκδοχή – Οι αριθμοί έκδοσης βοηθούν τους προγραμματιστές να παρακολουθούν τις αλλαγές και να ενημερώνουν τους χρήστες εάν χρησιμοποιούν την πιο πρόσφατη έκδοση. Ακολουθούμε το SemVer σύστημα αρίθμησης για να υποδηλώσει τη σοβαρότητα των αλλαγών σε μια ενημέρωση.
  • Αδεια – Πώς αδειοδοτείτε το θέμα σας εξαρτάται από εσάς, αλλά εάν επιλέξετε μια άδεια που δεν είναι συμβατή με GPL, τότε δεν θα μπορείτε να διανείμετε το θέμα σας στο WordPress.
  • URI άδειας – Αυτός είναι απλώς ένας σύνδεσμος προς την άδεια που αναφέρεται παραπάνω.
  • Τομέας κειμένου – Ο τομέας κειμένου χρησιμοποιείται κατά τη μετάφραση του θέματος σε άλλες γλώσσες. Μην ανησυχείτε ότι θα το διερευνήσουμε σε βάθος αργότερα. Προς το παρόν, αρκεί να γνωρίζουμε ότι είναι καλή πρακτική για το φάκελο θεμάτων και τον τομέα κειμένου να είναι το όνομα θέματος που διαχωρίζεται από παύλες αντί για κενά.
  • Ετικέτες – Οι ετικέτες χρησιμοποιούνται μόνο αν ανεβάζετε το θέμα σας στον κατάλογο θεμάτων WordPress.org. Αποτελούν τη βάση του μηχανισμού «Φίλτρο δυνατοτήτων».

Αντιγράψτε και επικολλήστε τα παραπάνω στο style.css και θα έχετε κάτι σαν αυτό:πληροφορίες θέματος wp-admin

Σημείωση: Φαίνεται λίγο κενό αυτή τη στιγμή καθώς δεν έχουμε ακόμα στιγμιότυπο οθόνης. Θα το προσθέσουμε αργότερα.

index.php

index.php είναι το μόνο άλλο αυστηρά απαιτούμενο αρχείο. Η δουλειά του είναι να αποδώσει όλη την έξοδο για το θέμα μας.

Από index.php πρόκειται να αποδώσει όλες τις σελίδες μας (αρχική σελίδα, αναρτήσεις, κατηγορίες, αρχεία) που θα κάνει πολλή δουλειά. Για να ξεκινήσουμε, χρειαζόμαστε ένα κεφάλαιο που θα καλύπτει τα βασικά HTML.


>





Αυτό είναι τυπικό HTML με μία εξαίρεση, [wp_head ()] (). wp_head είναι μια βασική λειτουργία που επιτρέπει στο WordPress και τα πρόσθετα τρίτων να εισάγουν κώδικα στην κεφαλίδα χωρίς να τροποποιήσουν τα αρχεία προτύπου. Αυτό ονομάζεται άγκιστρο δράσης.

Εάν είστε εξοικειωμένοι με το HTML, μπορεί να παρατηρήσετε ότι δεν υπάρχει ετικέτα για έξοδο του τίτλου της σελίδας. Αυτό συμβαίνει επειδή το WordPress μπορεί να χρησιμοποιήσει το γάντζο wp_head για να εισαγάγει δυναμικά τον τίτλο.</p><p>Μια άλλη χρήση του wp_head είναι να δημιουργήσετε στυλ (.css) και σενάρια (.js). Υπάρχουν πολύ καλοί λόγοι για να το κάνετε αυτό αντί να τους κωδικοποιήσετε σκληρά, τους οποίους θα εξετάσουμε αργότερα.</p><p>Στη συνέχεια, έχουμε το σώμα της σελίδας:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><body data-rsssl=1 <?php body_class(); ?>></pre><p><em>body_class ()</em> είναι μια βοηθητική συνάρτηση που παρέχεται από το WordPress και θα εξάγει μια λίστα με χρήσιμες κατηγορίες CSS που περιγράφουν τη σελίδα που εμφανίζεται όπως:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><code class="EnlighterJSRAW" data-enlighter-language="html">class = "σελίδα σελίδας-id-2 σελίδα-γονέας σελίδα-πρότυπο-προεπιλεγμένη σύνδεση" </code></pre><p><em>body_class ()</em>; αποδέχεται επίσης μια παράμετρο, ώστε να μπορείτε να προσθέσετε τις δικές σας τάξεις, για παράδειγμα:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><body data-rsssl=1 <?php body_class( 'wide-template blue-bg' ); ?>></pre><p>Στη συνέχεια, έχουμε την κεφαλίδα του προτύπου.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">"> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> </header> </pre><p>Εδώ χρησιμοποιούμε τις ενσωματωμένες λειτουργίες προτύπου του WordPress για να εξάγουμε τον Τίτλο και την Περιγραφή του Ιστοτόπου. Χρησιμοποιήσαμε επίσης μια λειτουργία βοηθού, <em>home_url (),</em> για να συνδέσετε τον Τίτλο Ιστοτόπου πίσω στην αρχική σελίδα.</p><p>Στη συνέχεια, το σώμα της σελίδας:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="i-2">","</span></h1>"); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : ?> <article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> <?php endif; ?> </div> </pre><p>Αυτό είναι όπου γίνεται ενδιαφέρον (και λίγο πιο περίπλοκο). Εδώ χρησιμοποιούμε το πιο σημαντικό χαρακτηριστικό του WordPress, το <a href="https://developer.wordpress.org/themes/basics/the-loop/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Βρόχος</a>. Ο βρόχος κάνει τη σκληρή δουλειά να καταλάβει σε ποια σελίδα βρίσκεται ο χρήστης και τι πρέπει να εμφανίζεται. Στη συνέχεια επιστρέφει μια λίστα με μία ή περισσότερες «αναρτήσεις» που μπορούμε να βρούμε και να εξάγουμε δεδομένα χρησιμοποιώντας συναρτήσεις προτύπου.</p><p>Εάν ο βρόχος δεν επιστρέψει αποτελέσματα, για παράδειγμα σε μια σελίδα 404 ή σε διαγραμμένη ανάρτηση, χρησιμοποιούμε έναν άλλο τελεστή για να εμφανίσουμε ένα προκαθορισμένο μήνυμα.</p><p>Χωρίς κανέναν από τους κωδικούς που περιβάλλουν, ένας απλοποιημένος βρόχος μοιάζει με αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">if (has_posts ()): // ελέγξτε αν ο βρόχος επέστρεψε τυχόν δημοσιεύσεις. while (has_posts ()): // βρόχο μέσω κάθε επιστρεφόμενης ανάρτησης. η δημοσίευση(); // ρυθμίστε το περιεχόμενο, ώστε να μπορούμε να χρησιμοποιούμε ετικέτες προτύπων όπως το_title (). ο τίτλος(); // εξάγετε τον τίτλο της ανάρτησης. το περιεχόμενο(); // εξάγετε το περιεχόμενο της ανάρτησης. εν τω μεταξύ αλλιώς: echo «Δεν βρέθηκε σελίδα»; // εξάγετε ένα μήνυμα σφάλματος εάν δεν υπάρχουν δημοσιεύσεις. τέλος εαν; ?> </pre><p><strong>Σημείωση:</strong> Επειδή το WordPress έχει τις ρίζες του στο blogging, πολλές λειτουργίες χρησιμοποιούν την ορολογία «ανάρτηση», παρόλο που μπορούν να επιστρέψουν και να παράγουν οποιοδήποτε είδος περιεχομένου (δημοσιεύσεις, σελίδες, προσαρμοσμένοι τύποι δημοσιεύσεων).</p><p>Τέλος, έχουμε το υποσέλιδο, το μόνο που χρειάζεται να κάνουμε εδώ είναι να κλείσουμε τις ετικέτες HTML που ανοίξαμε νωρίτερα. Υπάρχει ένα άλλο άγκιστρο δράσης, <a href="https://developer.wordpress.org/reference/hooks/wp_footer/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">wp_footer ()</a>, το οποίο χρησιμοποιείται ενεργά από το WordPress και τα πρόσθετα για να συμπεριλάβει σενάρια στο υποσέλιδο που απαιτείται για την απόδοση της σελίδας.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://abgx360.net/wp-content/cache/min/1/ecee769ffd9099d55bcd0ee3fcd2b344.js" data-minify="1" defer></script></body> </html> </pre><p>Εάν παρακολουθείτε μέχρι τώρα θα έχετε ένα πλήρως λειτουργικό θέμα WordPress που μοιάζει με αυτό:</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20242'%3E%3C/svg%3E" alt="προεπισκόπηση θέματος εκκίνησης" width="750" height="242" data-lazy-src="/images/wordpress-theme-development-101-3.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="/images/wordpress-theme-development-101-3.jpg" alt="προεπισκόπηση θέματος εκκίνησης" width="750" height="242"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="242"></span></p><p>Το θέμα μας δεν πρόκειται να κερδίσει βραβεία σχεδιασμού (δεν έχει CSS) και χάνει πολλές δυνατότητες που οι χρήστες θεωρούν απαραίτητες (πλευρικές γραμμές, πλοήγηση, μεταδεδομένα, μικρογραφίες, σελιδοποίηση κ.λπ.), αλλά είναι μια υπέροχη αρχή!</p><p>Ας συνεχίσουμε και ας δούμε πώς μπορούμε να το βελτιώσουμε.</p><h2><span id="functionsphp">functions.php</span></h2><hr/><p><em>Functions.php</em> δεν είναι αυστηρά ένα απαιτούμενο αρχείο, αλλά παρέχει τόσα πολλά οφέλη που το 99,99% των θεμάτων το έχουν. Σε <em>functions.php</em> μπορείτε να χρησιμοποιήσετε την ενσωματωμένη λειτουργικότητα του WordPress και να προσθέσετε τον δικό σας προσαρμοσμένο κώδικα PHP.</p><p>Δημιουργώ ένα <em>functions.php</em> στο φάκελο θέματος τώρα, καθώς θα προσθέσουμε κώδικα σε αυτόν στις επόμενες ενότητες.</p><h3><span id="i-3">Προσθήκη μενού πλοήγησης</span></h3><p>Οι περισσότεροι, εάν δεν χρησιμοποιούν όλοι οι ιστότοποι ένα μενού πλοήγησης, αλλά μέχρι τώρα το θέμα μας δεν υποστηρίζει ένα. Για να πούμε στο WordPress ότι το θέμα μας διαθέτει μενού πλοήγησης, πρέπει να το καταχωρήσουμε <em>functions.php</em> σαν αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">register_nav_menus (πίνακας ( 'menu-1' => __ ('Κύριο μενού', 'my-custom-theme'), ) </pre><p><strong>Σημείωση:</strong> <em>register_nav_menus ()</em> δέχεται έναν πίνακα, ώστε να μπορείτε να εγγραφείτε περισσότερα από ένα μενού, εάν χρειάζεται.</p><p>Το WordPress γνωρίζει τώρα για το μενού μας, αλλά πρέπει να το βγάλουμε στο θέμα μας. Αυτό το κάνουμε προσθέτοντας τον ακόλουθο κώδικα κάτω από την περιγραφή του ιστότοπου στο <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_nav_menu (πίνακας ( 'theme_location' => 'μενού-1', )) </pre><p>Τώρα έχουμε ένα (ασταθές) μενού πλοήγησης:</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20272'%3E%3C/svg%3E" alt="θέμα εκκίνησης με μενού nav" width="750" height="272" data-lazy-src="/images/wordpress-theme-development-101-4.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="/images/wordpress-theme-development-101-4.jpg" alt="θέμα εκκίνησης με μενού nav" width="750" height="272"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="272"></span></p><h3><span id="i-4">Προσθήκη πλευρικής γραμμής</span></h3><p>Το θέμα μας δεν διαθέτει ούτε πλευρική γραμμή (περιοχή widget), ας το επιδιορθώσουμε τώρα.</p><p>Πρώτον, πρέπει να καταχωρήσουμε την πλευρική γραμμή στο <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">συνάρτηση my_custom_theme_sidebar () { register_sidebar (πίνακας ( 'name' => __ ('Κύρια πλευρική γραμμή', 'my-custom-theme'), 'id' => 'πλευρική γραμμή-1', )) } add_action ('widgets_init', 'my_custom_theme_sidebar'); </pre><p>Τώρα δημιουργήστε <em>sidebar.php</em> στο φάκελο θέματος και προσθέστε τον ακόλουθο κώδικα:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php if ( is_active_sidebar( 'sidebar-1' ) ) { ?> <ul class="sidebar"> <?php dynamic_sidebar('sidebar-1' ); ?> </ul> <?php } ?> </pre><p>Εδώ χρησιμοποιούμε ένα <em>αν</em> δήλωση για να ελέγξετε αν η πλευρική γραμμή είναι «ενεργή» πριν εξάγουμε τον κωδικό. Μια ενεργή πλευρική γραμμή είναι αυτή στην οποία ο χρήστης έχει προσθέσει τουλάχιστον ένα widget.</p><p>Το τελευταίο βήμα είναι να συμπεριλάβετε την πλευρική γραμμή στο<em> index.php</em>, πάνω από <em>wp_footer ()</em> πρόσθεσε ένα <em>get_sidebar ()</em> κλήση.</p><h3><span id="i-5">Προσθήκη επιλεγμένων εικόνων</span></h3><p>Όπως οι πλευρικές γραμμές και τα μενού πλοήγησης, δεν μπορούμε απλώς να εξάγουμε επιλεγμένες εικόνες στο θέμα μας και να περιμένουμε να λειτουργήσουν, πρέπει να πούμε στο WordPress ότι υποστηρίζουμε αυτήν τη λειτουργία πρώτα. Σε <em>functions.php</em> Προσθήκη:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_theme_support ('post-thumbnails');</pre><p>Τώρα μπορούμε να προσθέσουμε το<em>_post_thumbnail ();</em> εντός του βρόχου μας και οι μικρογραφίες θα λειτουργήσουν. Το μόνο πρόβλημα είναι ότι θα εξάγουν στο μέγιστο μέγεθος 1920px x 2560px του WordPress, το οποίο είναι πολύ μεγάλο για τις περισσότερες χρήσεις. Ευτυχώς το WordPress έχει μια άλλη λειτουργία βοηθού: <em>add_image_size ()</em>;</p><p>Όταν ένας χρήστης ανεβάζει μια εικόνα και αν έχει καθοριστεί το μέγεθος της εικόνας, το WordPress θα δημιουργήσει μια έκδοση της μεταφορτωμένης εικόνας σε αυτό το μέγεθος (διατηρώντας ταυτόχρονα την αρχική). Εάν η εικόνα του χρήστη είναι μικρότερη από τις διαστάσεις που έχετε ορίσει, το WordPress δεν θα κάνει τίποτα, καθώς δεν μπορεί να κάνει μια εικόνα μεγαλύτερη από την αρχική.</p><p>Για να χρησιμοποιήσετε μια βελτιστοποιημένη εικόνα δυνατότητας και όχι την αρχική, τοποθετήστε τον ακόλουθο κώδικα <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_image_size ('my-custom-image-size', 640, 999);</pre><p>Η πρώτη παράμετρος είναι η λαβή, η δεύτερη είναι το πλάτος της εικόνας και η τρίτη είναι το ύψος. Τόσο το ύψος όσο και το πλάτος είναι προαιρετικά σε περίπτωση που θέλετε να περιορίσετε μόνο μία διάσταση.</p><p>Σε <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">το_post_thumbnail ('my-custom-image-size');</pre><h3><span id="__Enqueueing">Στυλ και σενάρια Enqueueing</span></h3><p>Νωρίτερα δηλώσαμε ότι είναι καλύτερο να τοποθετήσετε σε στυλ και σενάρια αντί να τα κωδικοποιήσετε απευθείας στα αρχεία προτύπων. Αυτό συμβαίνει επειδή το enqueue επιτρέπει πολύ μεγαλύτερη ευελιξία.</p><p>Όταν γίνει σωστά, το enqueue λέει επίσης στο WordPress ποιοι πόροι φορτώνονται. Όταν το WordPress γνωρίζει ποιοι πόροι χρειάζονται, μπορεί να διασφαλίσει ότι ο ίδιος πόρος δεν φορτώνεται περισσότερες από μία φορές. Αυτό είναι ιδιαίτερα σημαντικό όταν έχετε μια εξαιρετικά δημοφιλή βιβλιοθήκη όπως το jQuery ή το FontAwesome που θα χρησιμοποιούν πολλά θέματα και προσθήκες.</p><p>Ένα άλλο πλεονέκτημα του enqueue είναι ότι ένας πόρος που είναι enqueue μπορεί να αποσυνδεθεί από ένα plugin, αποφεύγοντας την ανάγκη τροποποίησης προτύπων αρχείων.</p><p>Αν και το θέμα μας έχει <em>style.css</em> το αρχείο δεν το χρησιμοποιεί ακόμα, ας το κάνουμε τώρα:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">συνάρτηση my_custom_theme_enqueue () { wp_enqueue_style ("my-custom-theme", get_stylesheet_uri ()); } add_action ('wp_enqueue_scripts', 'my_custom_theme_enqueue'); </pre><p><a href="https://developer.wordpress.org/reference/functions/get_stylesheet_uri/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external"><code>get_stylesheet_uri ()</code></a> είναι μια λειτουργία βοηθού που ανακτά το URI του φύλλου στυλ του τρέχοντος θέματος. Αν θέλαμε να δημιουργήσουμε άλλο αρχείο, θα πρέπει να το κάνουμε αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_style ('my-stylesheet', get_template_directory_uri (). '/css/style.css'); </pre><p>Το θέμα μας δεν έχει σενάρια, αν το κάναμε, θα τους εκνευρίζαμε έτσι:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">συνάρτηση my_custom_theme_enqueue () { wp_enqueue_style ("my-custom-theme", get_stylesheet_uri ()); wp_enqueue_script ('my-scripts', get_template_directory_uri (). '/js/scripts.js'); } add_action ('wp_enqueue_scripts', 'my_custom_theme_enqueue');</pre><p>Εξαίρεση στα παραπάνω είναι σενάρια που έχουν <a href="https://developer.wordpress.org/reference/functions/wp_enqueue_script/#default-scripts-and-js-libraries-included-and-registered-by-wordpress" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">προεγγεγραμμένο </a>από το WordPress, σε αυτές τις περιπτώσεις χρειάζεται μόνο να παρέχετε την πρώτη παράμετρο ($ handle):</p><p><code class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_script ('jquery');</code></p><p><strong>Προσθήκη στυλ με CSS</strong></p><p data-enlighter-language="php">Το θέμα μας έχει ισχυρές βάσεις, αλλά δεν έχει καμία σχεδίαση, προσθέτοντας κάποια βασικά CSS στο style.css θα κάνει τεράστια διαφορά. Έχουμε προσθέσει περίπου <a href="https://github.com/DannyCooper/my-custom-theme/blob/master/style.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">~ 100 γραμμές CSS </a>στο δείγμα θέμα μας ως επίδειξη και το αποτέλεσμα μοιάζει με αυτό:</p><p data-enlighter-language="php"><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20430'%3E%3C/svg%3E" alt="θέμα εκκίνησης με css" width="750" height="430" data-lazy-src="/images/wordpress-theme-development-101-5.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="/images/wordpress-theme-development-101-5.jpg" alt="θέμα εκκίνησης με css" width="750" height="430"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="430"></span></p><h3><span id="i-6">Ετικέτα τίτλου</span></h3><p>Όλα τα θέματα πρέπει να χρησιμοποιούν την ενσωματωμένη λειτουργικότητα του WordPress για τη δημιουργία της ετικέτας τίτλου, η οποία ενεργοποιείται προσθέτοντας αυτόν τον κώδικα στη δική σας <em>functions.php</em> αρχείο: <code>add_theme_support ('τίτλος-ετικέτα');</code> Αυτό είναι το μόνο που υπάρχει, το WordPress θα χειριστεί την έξοδο της σελίδας<em><title></em> και, εάν χρειάζεται, τα πρόσθετα μπορούν να τροποποιήσουν την έξοδο χρησιμοποιώντας φίλτρα. Τα πρόσθετα SEO το κάνουν συχνά σε μια προσπάθεια βελτιστοποίησης περαιτέρω των τίτλων.</p><h2><span id="i-7">Μέρη προτύπων</span></h2><hr/><p>Αυτήν τη στιγμή το 80% του κωδικού προτύπου είναι <em>index.php</em>. Ενώ αυτό λειτουργεί, θα έχει ως αποτέλεσμα πολλές επαναλήψεις κώδικα όταν έχουμε άλλα αρχεία προτύπων όπως <em>singular.php</em>, <em>search.php</em>, και <em>archive.php</em>. Τα Τμήματα προτύπων διευκολύνουν την ανάπτυξη θεμάτων, επιτρέποντάς μας να επαναχρησιμοποιήσουμε τον κώδικα σε όλα τα πρότυπα. Καθώς η κεφαλίδα και το υποσέλιδο μας θα είναι τα ίδια σε κάθε σελίδα, αποτελούν τον τέλειο υποψήφιο για χρήση εξαρτημάτων προτύπων. Αρχικά, δημιουργήστε το header.php και μετακινήστε τον ακόλουθο κώδικα από <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="<http://gmpg.org/xfn/11>"> <?php wp_head(); ?> </head> <header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">"> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> <?php wp_nav_menu( array( 'theme_location' => «μενού-1», )) ?> </header> </pre><p>Σε <em>index.php</em> αντικαταστήστε τον παραπάνω κωδικό με:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> </pre><p><strong>Σημείωση:</strong> Όταν λαμβάνετε ένα μέρος προτύπου, πρέπει να παραλείψετε το <em>.php</em> από τη λαβή εξαρτήματος προτύπου.</p><p>Στη συνέχεια, δημιουργήστε ένα μέρος προτύπου υποσέλιδου μετακινώντας αυτόν τον κώδικα στο<em> footer.php</em> και επαναλαμβάνοντας την παραπάνω διαδικασία:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://abgx360.net/wp-content/cache/min/1/ecee769ffd9099d55bcd0ee3fcd2b344.js" data-minify="1" defer></script></body> </html> </pre><p>Τέλος, θα μετακινήσουμε τον κώδικα «χωρίς αποτελέσματα» και σε ένα μέρος προτύπου, καθώς είναι πιθανό να χρησιμοποιηθεί σε πολλά πρότυπα. Δημιουργώ<em> content-none.php</em> και μετακινήστε αυτόν τον κωδικό στο νέο αρχείο.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> </pre><p>Το ευρετήριό σας πρέπει τώρα να μοιάζει με αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> <div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <?php the_post_thumbnail(); ?> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="i-8">","</span></h1>"); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : get_template_part( 'content-none' ); endif; ?> </div> <?php get_sidebar(); get_template_part( 'footer' ); </pre><p>Ενώ τα παραπάνω θα λειτουργήσουν τέλεια, υπάρχει μια μικρή βελτίωση που μπορούμε να κάνουμε. Το WordPress έχει βοηθητικές λειτουργίες για τη συμπερίληψη τμημάτων προτύπου κεφαλίδας, υποσέλιδου και πλευρικής γραμμής. Δεδομένου ότι είναι μια βέλτιστη πρακτική να χρησιμοποιούμε βασικές λειτουργίες όπου είναι δυνατόν, πρέπει να τις χρησιμοποιούμε.</p><p>Αντικαθιστώ <code>get_template_part ('κεφαλίδα');</code> με <code>get_header ();</code> και <code>get_template_part ('υποσέλιδο');</code> με <code>get_footer ();</code></p><h2><span id="i-9">Περιεχόμενο</span></h2><hr/><p>Το βασικό έργο που ολοκληρώσαμε με τμήματα προτύπων θα πληρώσει μερίσματα καθώς προσθέτουμε νέα αρχεία προτύπων στο θέμα μας. Παρακάτω παραθέτουμε τα πιο συνηθισμένα. Για να μην σας κατακλύσουμε με παραδείγματα κώδικα, έχουμε συνδέσει τον πηγαίο κώδικα στο Github.</p><h3><span id="singularphp">singular.php</span></h3><p>Οι αναρτήσεις και οι σελίδες, όταν εμφανίζονται στις δικές τους διευθύνσεις URL, θεωρούνται «μοναδικές» καθώς τις περισσότερες φορές η διάταξη θα είναι η ίδια και για τους δύο αυτούς τύπους σελίδων. Σε περίπτωση που δεν είναι, μπορείτε να χρησιμοποιήσετε το πιο συγκεκριμένο <em>σελίδα.php</em> και <em>single.php</em> (δημοσίευση) αντ 'αυτού.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/singular.php" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">Παράδειγμα κώδικα - singular.php</a></p><h3><span id="archivephp">archive.php</span></h3><p>Τα πρότυπα αρχειοθέτησης συνήθως διαφέρουν από τα μοναδικά πρότυπα με δύο τρόπους: εμφανίζουν αποσπάσματα παρά το πλήρες περιεχόμενο και διαθέτουν μια κεφαλίδα αρχείου που εξηγεί το περιεχόμενο.</p><p>Ανατρέξτε στην ιεραρχία προτύπων και θα δείτε ότι το πρότυπο αρχειοθέτησης καλύπτει όλους τους τύπους αρχείων (συγγραφέας, κατηγορία, ετικέτα, ταξινόμηση, ημερομηνία) εάν αυτό δεν λειτουργεί για τη δική σας περίπτωση χρήσης, μπορείτε ακόμα να χρησιμοποιήσετε τα πιο συγκεκριμένα πρότυπα:</p><ul><li>συγγραφέας.php</li><li>category.php</li><li>tag.php</li><li>taxonomy.php</li><li>date.php</li></ul><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/archive.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Παράδειγμα κώδικα - archive.php</a></p><h3><span id="searchphp">search.php</span></h3><p>Μπορείτε να αναζητήσετε ιστότοπους WordPress χρησιμοποιώντας την παράμετρο? S = URL, για παράδειγμα, <code>yourwebsite.com?s=test</code>. ο <em>search.php</em> Το πρότυπο εξάγει τα αποτελέσματα αυτών των αναζητήσεων.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/search.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Παράδειγμα κώδικα - search.php</a></p><h3><span id="404php">404.php</span></h3><p>Η άλλη δήλωση που προσθέσαμε στο index.php εντοπίζει σφάλματα "η σελίδα δεν βρέθηκε", αλλά ίσως θελήσετε να αποσυνδέσετε αυτήν τη λειτουργικότητα στο δικό του αρχείο προτύπου για να έχετε μεγαλύτερο έλεγχο στην έξοδο. Αυτή είναι η περίπτωση χρήσης του <em>404.php</em> αρχείο προτύπου.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/404.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Παράδειγμα κώδικα - 404.php</a></p><h2><span id="i-10">Βοηθητικά αρχεία</span></h2><hr/><p>Εάν διανέμετε το θέμα σας στο κοινό, τότε τα ακόλουθα αρχεία είναι επιτακτικά. Χωρίς αυτά, το θέμα σας θα απορριφθεί από τα αποθετήρια θεμάτων και τις αγορές.</p><h3><span id="screenshotpng">screenshot.png</span></h3><p>Το στιγμιότυπο οθόνης εμφανίζεται στη λίστα θεμάτων wp-admin όταν ο χρήστης επιλέγει ένα νέο θέμα. Ακολουθούν ορισμένες βέλτιστες πρακτικές που πρέπει να ακολουθήσετε:</p><ul><li>Τα στιγμιότυπα οθόνης πρέπει να είναι 1200px x 900px</li><li>Τα στιγμιότυπα οθόνης πρέπει να έχουν μορφή .png ή .jpg</li><li>Τα στιγμιότυπα οθόνης πρέπει να είναι μια ακριβής αναπαράσταση του θέματος</li><li>Τα στιγμιότυπα οθόνης πρέπει να βελτιστοποιηθούν (χρήση <a href="http://tinypng.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">tinypng.com</a> ή παρόμοιο)</li></ul><h3><span id="readmetxt">readme.txt</span></h3><p>Το WordPress δεν χρησιμοποιεί πληροφορίες από <em>readme.txt</em>, τραβά όλα όσα χρειάζεται <em>style.css</em>. Από την άλλη πλευρά, ο κατάλογος θεμάτων του WordPress αντλεί σημαντικές πληροφορίες από το αρχείο readme και το θεωρεί απαραίτητο αρχείο.</p><p>Οι περισσότεροι προγραμματιστές χρησιμοποιούν <em>readme.txt</em> ως κεντρική τοποθεσία για την αποθήκευση όλων των πληροφοριών σχετικά με το θέμα τους. Ενα απλό <em>readme.txt</em> μοιάζει με αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">=== Όνομα θέματος === Απαιτεί τουλάχιστον: 5.0 Δοκιμασμένο έως: 5.2 Απαιτείται PHP: 5.6 Άδεια: GPLv2 ή μεταγενέστερη έκδοση URI άδειας: <http://www.gnu.org/licenses/gpl-2.0.html> Σύντομη περιγραφή. Όχι περισσότερα από 150 χαρακτήρες. == Περιγραφή == Θέμα θέσης. == Changelog == = 1.0 = * Προστέθηκε νέα επιλογή == Πόροι == * normalize.css <http://necolas.github.io/normalize.css/>, (C) 2012-2016 Nicolas Gallagher και Jonathan Neal, [MIT] (<http://opensource.org/licenses/MIT>) </pre><ul><li><strong>Απαιτεί τουλάχιστον</strong> - Αυτή είναι η ελάχιστη έκδοση του WordPress με το οποίο είναι συμβατό το θέμα σας.</li><li><strong>Δοκιμάστηκε έως</strong> - Αυτό το πεδίο δηλώνει την πιο πρόσφατη έκδοση του WordPress με το οποίο έχει δοκιμαστεί το θέμα σας.</li><li><strong>Απαιτείται PHP</strong> - Αυτό το πεδίο δηλώνει την ελάχιστη έκδοση του PHP στο οποίο θα λειτουργεί το θέμα σας.</li><li><strong>Περιγραφή</strong> - Αυτό το πεδίο περιγραφής δεν εμφανίζεται προς το παρόν οπουδήποτε.</li><li><strong>Τσανγκολόγκ</strong> - Το changelog δεν χρησιμοποιείται πουθενά, αλλά οι προγραμματιστές και ορισμένοι χρήστες θα αναφέρουν αυτό το αρχείο για να δουν ποιες αλλαγές έχουν γίνει.</li><li><strong>Πόροι</strong> - Οι περισσότεροι πόροι τρίτων απαιτούν απόδοση κάποιου είδους. Το τμήμα πόρων είναι ένα ευρέως αποδεκτό μέρος για να τα τοποθετήσετε. Ακόμη και για πόρους που δεν απαιτούν ρητή απόδοση, εξακολουθεί να είναι καλή πρακτική να τα αναφέρετε εδώ, ώστε οι χρήστες να γνωρίζουν τις άδειες πόρων που χρησιμοποιούν.</li></ul><h2><span id="i-11">Πρότυπα σελίδας</span></h2><hr/><p>Τα Πρότυπα σελίδας επιτρέπουν στους προγραμματιστές να δημιουργούν προσαρμοσμένα πρότυπα που μπορούν να χρησιμοποιηθούν για μεμονωμένες αναρτήσεις και σελίδες. Για παράδειγμα, τα περισσότερα θέματα έχουν διάταξη δύο στηλών (περιεχόμενο - πλευρική γραμμή), αλλά σε ορισμένες σελίδες, ο χρήστης μπορεί να θέλει απλώς να επικεντρωθεί στο περιεχόμενο και να μην εμφανίσει πλευρική γραμμή. Εκεί μπορεί να βοηθήσει ένα πρότυπο σελίδας.</p><p><strong>Πώς δημιουργούνται τα Πρότυπα σελίδας?</strong></p><p>Στον φάκελο θεμάτων, δημιουργήστε έναν νέο φάκελο με το όνομα «πρότυπα σελίδας» και μέσα σε αυτόν το φάκελο δημιουργήστε ένα αρχείο με το όνομα <em>single-column.php</em>. Για να επιταχύνετε τα πράγματα, αντιγράψτε όλο τον κώδικα από <em>singular.php</em> προς την <em>page-templates / single-column.php</em> και καταργήστε την κλήση προς <em>get_sidebar ()</em> καθώς αυτό το πρότυπο δεν θα το χρειαστεί.</p><p>Τώρα πρέπει να προσθέσουμε μια ειδική κεφαλίδα που λέει στο WordPress ότι πρόκειται για πρότυπο σελίδας, μοιάζει με αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">/ * Όνομα προτύπου: Πρότυπο μεμονωμένης στήλης Τύπος δημοσίευσης προτύπου: ανάρτηση, σελίδα * / </pre><p>Ο κωδικός είναι αυτονόητος, απλώς λέμε στο WordPress το όνομα του προτύπου και με ποιους τύπους δημοσιεύσεων μπορεί να χρησιμοποιηθεί.</p><p>Αυτό είναι το μόνο που υπάρχει, το νέο πρότυπο σελίδας μας είναι πλέον διαθέσιμο στο πρόγραμμα επεξεργασίας στην ενότητα "Χαρακτηριστικά σελίδας".</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20643'%3E%3C/svg%3E" alt="αναπτυσσόμενο πρότυπο σελίδας" width="750" height="643" data-lazy-src="/images/wordpress-theme-development-101-6.jpg"/><noscript><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="/images/wordpress-theme-development-101-6.jpg" alt="αναπτυσσόμενο πρότυπο σελίδας" width="750" height="643"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="643"></span></p><h2><span id="RTLcss">RTL.css</span></h2><hr/><p>Δεν διαβάζονται όλες οι γλώσσες από αριστερά προς τα δεξιά. Τα αραβικά και τα εβραϊκά, για παράδειγμα, διαβάζονται από τα δεξιά προς τα αριστερά (RTL). Υπάρχει ένας απλός τρόπος για να κάνετε το θέμα σας συμβατό με γλώσσες RTL.</p><p>Δημιουργήστε ένα νέο αρχείο στο φάκελο θεμάτων που ονομάζεται <em>rtl.css</em>, στη συνέχεια αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">σώμα { κατεύθυνση: rtl; unicode-bidi: ενσωμάτωση; } </pre><p>Εάν μια γλώσσα RTL είναι η ενεργή γλώσσα σε έναν ιστότοπο WordPress, το WordPress γνωρίζει να φορτώνει αυτό το αρχείο CSS αυτόματα.</p><p>Αυτή είναι μια πολύ βασική εφαρμογή της λειτουργικότητας RTL για να ξεκινήσετε. Αν σας ενδιαφέρει να μάθετε περισσότερα εδώ είναι δύο φανταστικοί πόροι:</p><p><a href="https://codex.wordpress.org/Right_to_Left_Language_Support" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Τεκμηρίωση υποστήριξης από δεξιά προς αριστερά</a></p><p><a href="https://github.com/WordPress/WordPress/blob/master/wp-content/themes/twentytwelve/rtl.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Κωδικός είκοσι είκοσι RTL</a></p><h2><span id="i-12">Βέλτιστες πρακτικές</span></h2><hr/><p>Οι βέλτιστες πρακτικές εξελίχθηκαν με την πάροδο του χρόνου για να διευκολύνουν τη δημιουργία και τη συντήρηση θεμάτων WordPress. Όχι μόνο θα σας βοηθήσουν να ακολουθήσετε αυτές τις αρχές, αλλά θα σας διευκολύνουν και οι άλλοι προγραμματιστές όταν πρέπει να συνεργαστούν με τον κωδικό σας.</p><h3><span id="1">1) Χρησιμοποιήστε θέματα εκκίνησης</span></h3><p>Τα βασικά θέματα παρέχουν μια σταθερή βάση για να αναπτύξετε το θέμα σας. Συνήθως είναι ελαφριά, περιέχουν λίγο έως καθόλου στυλ και χωρίς επιλογές διαμόρφωσης. Με την πάροδο του χρόνου μπορεί να δημιουργήσετε το δικό σας θέμα εκκίνησης στο οποίο μπορείτε να βασίσετε όλα τα έργα σας, αλλά προς το παρόν εδώ είναι μερικές δημοφιλείς επιλογές:</p><ul><li><a href="https://underscores.me/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Υπογράμμιση</a></li><li><a href="https://wordpress.org/themes/scaffold/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Ικρίωμα</a></li><li><a href="https://github.com/html5blank/html5blank" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Κενό HTML5</a></li></ul><h3><span id="2___WordPress">2) Γνωρίστε τα πρότυπα κωδικοποίησης του WordPress</span></h3><p>Τα πρότυπα κωδικοποίησης είναι ένας τρόπος μορφοποίησης του κώδικα σας με συνεπή τρόπο σε ολόκληρη τη βάση κώδικα. Το WordPress έχει πρότυπα κωδικοποίησης για HTML, CSS, Javascript και PHP. Ενώ η χρήση ενός προτύπου κωδικοποίησης δεν επηρεάζει την εμπειρία του τελικού χρήστη, κάνει τον κώδικα πολύ πιο ευανάγνωστο. Ακόμα κι αν δεν χρησιμοποιείτε τα πρότυπα κωδικοποίησης του WordPress, συνιστούμε πάντα τη χρήση ενός προτύπου.</p><ul><li><a href="https://make.wordpress.org/core/handbook/best-practices/coding-standards/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Πρότυπα κωδικοποίησης WordPress.org</a></li><li><a href="https://github.com/WordPress/WordPress-Coding-Standards" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WPCS</a></li><li><a href="https://www.php-fig.org/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Πρότυπα κωδικοποίησης PHP</a></li></ul><h3><span id="3">3) Χρησιμοποιήστε τον εντοπισμό</span></h3><p>Χάρη στη σκληρή δουλειά των εθελοντών, το WordPress είναι διαθέσιμο σε εκατοντάδες γλώσσες. Εάν το θέμα σας πρόκειται να κυκλοφορήσει δημόσια, πρέπει να δημιουργηθεί με τρόπο που να επιτρέπει τη μετάφρασή του επίσης.</p><p>Μην ανησυχείτε, είναι εξαιρετικά εύκολο να το κάνετε. Το μόνο που πρέπει να κάνουμε είναι να διασφαλίσουμε ότι όλες οι συμβολοσειρές περνούν μέσω μιας «λειτουργίας εντοπισμού» αντί να εξάγονται απευθείας.</p><p>Αντί για αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo 'Previous Post'; ?></pre><p>Το κάνουμε αντ 'αυτού:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo __( 'Previous Post', 'my-custom-theme' ); ?></pre><p><a href="https://developer.wordpress.org/reference/functions/__/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">__ ()</a> είναι μια συνάρτηση εντοπισμού που δέχεται μια συμβολοσειρά και έναν τομέα κειμένου. Η συνάρτηση επιστρέφει μια μετάφραση της παρεχόμενης συμβολοσειράς ή της αρχικής συμβολοσειράς εάν δεν υπάρχει διαθέσιμη μετάφραση.</p><h3><span id="4">4) Αποφύγετε τη λειτουργία πρόσθετων</span></h3><p>Όταν ένας χρήστης αλλάζει το θέμα, πρέπει να αλλάξει μόνο το επίπεδο παρουσίασης. Το περιεχόμενο και η λειτουργικότητα πρέπει να παραμένουν ως επί το πλείστον τα ίδια. Αυτό σημαίνει ότι κάθε λειτουργία που επηρεάζει τον τρόπο με τον οποίο οι ρόλοι του WordPress πρέπει να περιέχονται σε ένα πρόσθετο και όχι στο θέμα σας. Μερικά παραδείγματα λειτουργικότητας προσθηκών περιλαμβάνουν:</p><ul><li>Προσαρμοσμένοι τύποι δημοσιεύσεων</li><li>Δημιουργία σελίδων</li><li>Κοινή χρήση κοινωνικών μέσων</li><li>Βελτιστοποίηση μηχανών αναζήτησης (SEO)</li></ul><p>Ενώ μπορεί να φαίνεται βολικό (και ενδεχομένως ένα σημείο πώλησης) να συμπεριληφθούν τα στοιχεία ελέγχου SEO σε ένα θέμα, βλάπτει πραγματικά τον χρήστη μακροπρόθεσμα. Στο μέλλον, θα χρειαστεί να αλλάξουν το θέμα τους, αλλά δεν μπορούν επειδή όλες οι διαμορφώσεις SEO τους συνδέονται στενά με το τρέχον θέμα. Αντίθετα, εάν οι διαμορφώσεις είχαν αποθηκευτεί σε ένα πρόσθετο, θα μπορούσαν να αλλάξουν θέμα χωρίς να ανησυχούν.</p><h3><span id="5">5) Πρόθεμα (Αποτροπή συγκρούσεων)</span></h3><p>Για την αποφυγή διενέξεων, όλες οι συναρτήσεις, οι τάξεις και οι καθολικές μεταβλητές που δημιουργούνται από το θέμα σας θα πρέπει να είναι προπαρασκευασμένες. Αυτό είναι σημαντικό, επειδή είναι αδύνατο να γνωρίζετε ποιος άλλος κώδικας εκτελείται στον ιστότοπο του χρήστη σας. Το πρόθεμα αποτρέπει τις συγκρούσεις ονόματος και θανατηφόρα σφάλματα.</p><p>Το όνομα του θέματος που διαχωρίζεται με παύλες ή κάτω παύλες θα λειτουργεί ως πρόθεμα τις περισσότερες φορές. Αν το όνομα θέματος είναι πολύ μεγάλο, τα αρχικά μπορούν να λειτουργήσουν.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">Όνομα θέματος: Σκαλωσιές τάξη Scaffold_Class {} συνάρτηση scaffold_function () {} παγκόσμιο scaffold_global $ Όνομα θέματος: Το μακρύ όνομα θέματος μου τάξη MLTN_Class {} συνάρτηση mltn_function () {} παγκόσμιο $ mltn_global </pre><h3><span id="6">6) Χρησιμοποιήστε τη βασική λειτουργικότητα</span></h3><p>Όπου υπάρχει, θα πρέπει πάντα να χρησιμοποιείτε βασική λειτουργικότητα σε αντίθεση με την επανεφεύρεση του τροχού. Αυτό περιλαμβάνει, ενδεικτικά, τις πλευρικές γραμμές, τα μενού πλοήγησης, τις μικρογραφίες ανάρτησης, τις προσαρμοσμένες κεφαλίδες και τα προσαρμοσμένα υπόβαθρα. Αυτές οι δυνατότητες έχουν δοκιμαστεί από εκατομμύρια χρήστες και διατηρούνται ενεργά και βελτιώνονται.</p><p>Εάν πρέπει να αλλάξετε τη λειτουργικότητα ή την έξοδο μιας βασικής λειτουργίας, τότε μπορείτε να χρησιμοποιήσετε ένα από τα πολλά αγκίστρια και φίλτρα που προσφέρει το WordPress. Για παράδειγμα <code>wp_nav_menu ()</code> έχει μια παράμετρο «walker», ώστε να έχετε τον πλήρη έλεγχο της εξόδου.</p><h3><span id="7">7) Δεδομένα διαφυγής και απολύμανσης</span></h3><p>Ως προγραμματιστής θεμάτων, πρέπει να είστε εξοικειωμένοι με τη διαφυγή και την απολύμανση δεδομένων για την προστασία των χρηστών σας από πιθανά εκμεταλλεύματα.</p><p><strong>Διαφυγή</strong></p><p>Η διαφυγή είναι η διαδικασία ελέγχου των δεδομένων που είναι ασφαλής πριν από την έξοδο και η απολύμανση ελέγχει τα δεδομένα πριν αποθηκευτούν στη βάση δεδομένων.</p><p>Το WordPress διαθέτει βοηθητικές λειτουργίες που μπορείτε να χρησιμοποιήσετε για να ξεφύγετε από δεδομένα, ώστε να μην χρειάζεται να δημιουργήσετε αυτές τις δικές σας. <em>esc_html</em> είναι ένα παράδειγμα μιας λειτουργίας διαφυγής. Έτσι φαίνεται μια έξοδος χωρίς διαφυγή:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo get_theme_mod ('error_page_title');</code></pre><p>Για να ξεφύγουμε από την έξοδο κάνουμε αυτό:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (get_theme_mod ('error_page_title'));</code></pre><p>Ορισμένες άλλες λειτουργίες διαφυγής που πρέπει να γνωρίζετε είναι <a href="https://developer.wordpress.org/reference/functions/esc_attr/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">esc_attr ()</a>, <a href="https://developer.wordpress.org/reference/functions/absint/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">απουσία ()</a>, <a href="https://developer.wordpress.org/reference/functions/esc_url/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">esc_url ()</a>.</p><p>Είναι επίσης δυνατό να μεταφράσετε και να ξεφύγετε από μια συμβολοσειρά χρησιμοποιώντας μία μόνο λειτουργία:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (__ ('404 Not Found', 'my-custom-theme'));</code></pre><p>Γίνεται:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">echo esc_html __ ('404 Not Found', 'my-custom-theme'); // ή esc_html_e ('404 Not Found', 'my-custom-theme'); </pre><p><strong>Υπόδειξη:</strong> Οπουδήποτε στο θέμα σας όπου έχετε <code>ηχώ $</code> θα πρέπει να ελέγξετε αν πρέπει να δραπετεύσετε, συνήθως.</p><p><strong>Απολύμανση</strong></p><p>Εάν προσθέσετε ρυθμίσεις στο θέμα σας, πρέπει να βεβαιωθείτε ότι τα δεδομένα που εισάγουν οι χρήστες σε αυτές τις ρυθμίσεις είναι ασφαλή πριν εισέλθουν στη βάση δεδομένων. Το WordPress έχει <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">αριθμός συναρτήσεων</a> για να βοηθήσετε με την απολύμανση εισροών.</p><p>Όταν προσθέτετε μια ρύθμιση στο θέμα σας χρησιμοποιώντας το Customizer API έχει μια παράμετρο για την ονομασία «<em>sanitize_callback</em>«Που αποδέχεται το όνομα μιας λειτουργίας απολύμανσης. Κάθε είσοδος που λαμβάνει η ρύθμιση ελέγχεται από τη λειτουργία που παρέχετε στο "<em>sanitize_callback</em>«Πριν εισέλθει στη βάση δεδομένων.</p><p>Υπογραμμίζει τη σημασία της αποχέτευσης, εάν ακόμη και σε μία από τις ρυθμίσεις σας λείπει <em>sanitize_callback</em> δεν θα γίνει αποδεκτή στον κατάλογο θεμάτων του WordPress.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">$ wp_customize-> add_setting ( "my_custom_theme_setting", πίνακας( 'sanitize_callback' => 'sanitize_text_field' // Μια βασική λειτουργία απολύμανσης. ) ) </pre><p>Μια επίσημη λίστα λειτουργιών απολύμανσης και διαφυγής μπορεί να δει εδώ: <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Εξοικονόμηση δεδομένων / Διαφυγή δεδομένων</a></p><h2><span id="i-13">Κανάλια διανομής</span></h2><hr/><p>Τα θέματα μπορούν να διανεμηθούν μέσω διαφορετικών καναλιών ανάλογα με το αποτέλεσμα που θέλετε να επιτύχετε. Εάν το αποτέλεσμά σας είναι απλώς να συνεισφέρετε στην κοινότητα ανοιχτού κώδικα, τότε δεν υπάρχει καλύτερος τρόπος να το κάνετε αυτό από το να ανεβάσετε το θέμα σας στον κατάλογο WordPress. Αν αντίθετα, θέλετε να πουλήσετε το θέμα σας και να κερδίσετε χρήματα απευθείας, υπάρχουν τρόποι να το κάνετε και αυτό.</p><p>Ακολουθούν οι κορυφαίοι ιστότοποι για τη διανομή θεμάτων:</p><h3><span id="1_WordPressorg"><strong>1) WordPress.org (Το καλύτερο μέρος για λήψη λήψεων και χρηστών)</strong></span></h3><p>Το πρωταρχικό πλεονέκτημα της φιλοξενίας του θέματος σας στο WordPress είναι ότι λαμβάνετε μια ώθηση ορατότητας από το θέμα που εμφανίζεται όχι μόνο στον ιστότοπο του wordpress.org αλλά και στο <em>wp-διαχειριστής</em> ταμπλό.</p><p>Ένα άλλο πλεονέκτημα της φιλοξενίας του θέματος σας με το WordPress είναι το ενσωματωμένο σύστημα ενημέρωσης. Εάν ενημερώσετε το θέμα σας, όλοι οι χρήστες θα ειδοποιηθούν στο εσωτερικό τους <em>wp-διαχειριστής</em> πίνακες εργαλείων και μια εύκολη διαδρομή για ενημέρωση στην πιο πρόσφατη έκδοση.</p><p>Το WordPress.org δέχεται μόνο δωρεάν θέματα, αλλά αυτό δεν σημαίνει ότι δεν μπορείτε να κερδίσετε χρήματα. Ένα δωρεάν θέμα μπορεί να είναι ένα εξαιρετικό κανάλι για την προώθηση του premium θέματος, της προσθήκης ή της υπηρεσίας σας.</p><h3><span id="2_WordPresscom"><strong>2) WordPress.com</strong></span></h3><p>Το WordPress.com φιλοξενεί δωρεάν και premium θέματα. Ωστόσο, δεν έχουν ανοιχτεί σε νέες υποβολές συγγραφέων εδώ και μερικά χρόνια.</p><h3><span id="3_ThemeForest"><strong>3) ThemeForest</strong></span></h3><p><a href="http://themeforest.net/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">ThemeForest</a> είναι η κορυφαία αγορά για premium θέματα. Το θέμα με τις κορυφαίες πωλήσεις (Avada) έχει πωλήσεις άνω των 5.000.000 $.</p><p>Σε γενικές γραμμές, οι αγοραστές στο Theme Forest αναμένουν πλήρη χαρακτηριστικά «πολλαπλών χρήσεων». Όλα τα κορυφαία θέματα έχουν λειτουργικότητα δημιουργίας σελίδων και υποστηρίζονται από ομάδες προγραμματιστών. Είναι μια πολύ δύσκολη αγορά για να μπείτε σε νέους συγγραφείς.</p><h3><span id="4_Creative_Market_Mojo_Marketplace"><strong>4) Creative Market και Mojo Marketplace</strong></span></h3><p><a href="https://creativemarket.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Δημιουργική αγορά</a> Και <a href="https://www.mojomarketplace.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Αγορά Mojo</a> είναι μικροί παίκτες στην αγορά θεμάτων premium και γι 'αυτό τους ομαδοποιήσαμε. Και οι δύο προσφέρουν αποτελεσματικά την ίδια υπηρεσία με το ThemeForest αλλά σε μικρότερη κλίμακα.</p><h3><span id="5_Github"><strong>5) Github</strong></span></h3><p><a href="https://github.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Github</a> είναι ο ευκολότερος τρόπος για να δημοσιοποιήσετε το δωρεάν θέμα σας. Δεν υπάρχει διαδικασία ελέγχου και οδηγίες που πρέπει να ακολουθήσετε. Ωστόσο, δεν θα επωφεληθείτε από την ορατότητα του wordpress.org και θα χρειαστεί να δημιουργήσετε τον δικό σας μηχανισμό ενημέρωσης, ώστε οι χρήστες να λαμβάνουν τις πιο πρόσφατες εκδόσεις.</p><h2><span id="i-14">Βάζοντας τα όλα μαζί</span></h2><hr/><h3><span id="1-2"><strong>1) Δοκιμή του θέματος σας</strong></span></h3><p><strong>Δοκιμή ενότητας θεμάτων</strong></p><p>ο <a href="https://codex.wordpress.org/Theme_Unit_Test" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Δοκιμή ενότητας θεμάτων</a> είναι ένα τυπικό αρχείο εισαγωγής περιεχομένου WordPress που περιέχει ένα ευρύ φάσμα τύπων περιεχομένου και περιπτώσεων αιχμής. Είναι εύκολο να ανεβάσετε στο περιβάλλον ανάπτυξης και θα επισημάνετε πολλά σενάρια που ίσως έχετε παραβλέψει.</p><p><strong>WP_DEBUG</strong></p><p>Ως προγραμματιστής θεμάτων, δοκιμάστε το θέμα σας με <a href="https://wordpress.org/support/article/debugging-in-wordpress/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WP_DEBUG</a> ενεργοποιημένο είναι το ελάχιστο ελάχιστο που πρέπει να κάνετε. Το θέμα σας δεν πρέπει να επιστρέφει σφάλματα ή προειδοποιήσεις όταν το WP_DEBUG έχει οριστεί σε true.</p><p>Είναι επίσης σημαντικό να επαναλάβετε τη δοκιμή με τις διάφορες εκδόσεις PHP που υποστηρίζει το θέμα σας. Με κάθε σημαντική κυκλοφορία PHP, υπάρχουν νέες αλλαγές, προειδοποιήσεις και αποσβέσεις. Δεν είναι ασυνήθιστο ένα θέμα να είναι χωρίς σφάλματα στο PHP5.6, αλλά να εμφανίζει σφάλματα στο PHP7.</p><p>Για να ενεργοποιήσετε το WP_DEBUG, προσθέστε τον ακόλουθο κώδικα στο <em>wp-config.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">ΟΡΙΣΜΟΣ ('WP_DEBUG', true); </pre><p><strong>Widget Monster</strong></p><p><a href="https://wordpress.org/plugins/monster-widget/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Widget Monster</a> είναι ένα χρήσιμο πρόσθετο που σας επιτρέπει να προσθέσετε ταυτόχρονα 13 βασικά widget στην πλευρική γραμμή σας. Τα βασικά widget χρησιμοποιούν μια ποικιλία στοιχείων HTML που τα καθιστούν ιδανικά για να δοκιμάσετε το θέμα σας.</p><p><strong>Θέμα Sniffer</strong></p><p>ο <a href="https://wordpress.org/plugins/theme-sniffer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Θέμα Sniffer</a> είναι ένα πρόσθετο που δημιουργήθηκε από την Ομάδα αξιολόγησης θεμάτων (TRT). Πιάζει πολλά (αλλά όχι όλα) σφάλματα διαφυγής και εντοπισμού. Ελέγχει επίσης το θέμα σας με βάση τα πρότυπα κωδικοποίησης του WordPress.</p><h3><span id="2___WordPressorg"><strong>2) Υποβολή του θέματος σας στο WordPress.org</strong></span></h3><p>Στην αρχή αυτού του οδηγού, είπαμε ότι μέχρι να φτάσετε στο τέλος θα έχετε ένα θέμα που θα μπορούσατε να υποβάλετε στο wordpress.org. Ας δούμε αυτήν τη διαδικασία.</p><p><strong>Διαδικασία μεταφόρτωσης</strong></p><p>Η διαδικασία μεταφόρτωσης είναι απλή. Δημιουργήστε ή συνδεθείτε στον λογαριασμό σας στο WordPress και, στη συνέχεια, μεταβείτε σε αυτήν τη σελίδα - <a href="https://wordpress.org/themes/upload/" target="_blank" rel="noreferrer noopener nofollow external" data-wpel-link="external">https://wordpress.org/themes/upload/</a></p><p>Θα μπορούσατε να φερμουάρ το θέμα σας και να το ανεβάσετε τώρα, αλλά εδώ είναι μερικά πράγματα που ίσως θέλετε να γνωρίζετε πρώτα.</p><p><strong>Απαιτήσεις</strong></p><p>Η Ομάδα αναθεώρησης θεμάτων (TRT) έχει ένα αυστηρό σύνολο <a href="https://make.wordpress.org/themes/handbook/review/required/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">απαιτήσεις</a>. Το θέμα σας δεν θα γίνει αποδεκτό στον κατάλογο έως ότου συναντηθεί <strong>όλα</strong> οι απαιτήσεις.</p><p><strong>Διαδικασία αναθεώρησης</strong></p><p>Όταν ανεβάζετε ένα θέμα, υπάρχει μια διαδικασία ελέγχου δύο σταδίων που πρέπει να περάσει προτού γίνει αποδεκτή στον κατάλογο.</p><p>Πρώτα, πραγματοποιείται αυτοματοποιημένος έλεγχος μόλις πατήσετε <em>Μεταφόρτωση</em>. Πίσω από τα παρασκήνια, το αυτοματοποιημένο πούλι λειτουργεί με παρόμοιο τρόπο με το πρόσθετο Theme Sniffer. Εάν εντοπίσει σφάλματα, θα απορρίψει το θέμα και η διαδικασία μεταφόρτωσης τελειώνει εκεί.</p><p>Εάν το θέμα σας περάσει τον αυτοματοποιημένο έλεγχο, τότε ενώνει μια σειρά ουρών θεμάτων που περιμένουν μια αναθεώρηση από τον άνθρωπο. Η ανθρώπινη ανασκόπηση ολοκληρώνεται από εθελοντές από το TRT. Ο αριθμός των θεμάτων στην ουρά υπερβαίνει κατά πολύ τον αριθμό των κριτικών, πράγμα που σημαίνει ότι μπορεί συχνά να χρειαστούν 2-3 μήνες για να φτάσει το θέμα σας στο μπροστινό μέρος της ουράς.</p><p>Είναι επιτακτική ανάγκη το θέμα σας να είναι χωρίς σφάλματα και να συμμορφώνεται με όλες τις απαιτήσεις όταν φτάσει στο στάδιο της ανθρώπινης αναθεώρησης σαν να έχει περισσότερα από 3 σημαντικά σφάλματα που μπορεί να απορριφθεί. Εάν ένα θέμα απορριφθεί στο στάδιο της ανθρώπινης αναθεώρησης, πρέπει να επανέλθει στην ουρά στο πίσω μέρος, πράγμα που σημαίνει να περιμένετε 2-3 μήνες ξανά για άλλη ανθρώπινη κριτική.</p><p>Χρήσιμος πόρος: <a href="https://wptavern.com/the-most-common-wordpress-theme-development-mistakes-and-how-to-fix-them" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Τα πιο συνηθισμένα λάθη ανάπτυξης θέματος WordPress (και πώς να τα διορθώσετε)</a></p><p>Αξίζει να σημειωθεί ότι το TRT αναζητά πάντα <a href="https://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">νέοι σχολιαστές</a>, Ο εθελοντισμός μπορεί να είναι μια σπουδαία μαθησιακή εμπειρία και ένας τρόπος για να συνεισφέρετε στην κοινότητα ανοιχτού κώδικα.</p><h3><span id="3-2"><strong>3) Η λίστα θεμάτων σας</strong></span></h3><p>Συγχαρητήρια, το θέμα σας εγκρίθηκε! Τώρα έχετε τη δική σας καταχώριση <a href="https://wordpress.org/themes/arke/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">μοιάζει με αυτό</a>.</p><p>Ακολουθεί μια επισκόπηση του τι μπορείτε να περιμένετε να δείτε σε αυτήν τη σελίδα:</p><ul><li><strong>Στιγμιότυπο οθόνης -</strong> Το στιγμιότυπο οθόνης είναι το πρώτο πράγμα που βλέπουν οι δυνητικοί χρήστες, ώστε να είναι όσο το δυνατόν πιο ελκυστικό. Αλλά θυμηθείτε ότι πρέπει να είναι μια ακριβής αναπαράσταση του θέματος και όχι μια απόδοση του Photoshop. Πάρτε έμπνευση από το <a href="https://wordpress.org/themes/browse/popular/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">πιο δημοφιλή θέματα</a>.</li><li><strong>Περιγραφή -</strong> Η περιγραφή από την οποία αντλείται <em>style.css</em> είναι ένα ιδανικό μέρος για να περιγράψετε το θέμα σας και είναι βασικά χαρακτηριστικά. Βοηθά επίσης να απαριθμήσετε τις προτεινόμενες ή τις απαιτούμενες προσθήκες εδώ. Η περιγραφή δεν υποστηρίζει καμία μορφοποίηση (έντονη, πλάγια, υπερσυνδέσεις) ή ακόμη και αλλαγές γραμμής.</li><li><strong>Ετικέτες -</strong> Αυτή είναι μια αναπαράσταση των ετικετών που αναφέρατε <em>style.css</em>. Μόνο <a href="https://api.wordpress.org/themes/info/1.1/?action=feature_list" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">αυτές τις ετικέτες εδώ</a> γίνονται αποδεκτά.</li><li><strong>Κουμπί προεπισκόπησης -</strong> Η προεπισκόπηση δημιουργείται από το wordpress.org και ως προγραμματιστές θεμάτων, δεν έχουμε κανέναν έλεγχο στην έξοδο. Δυστυχώς, καθώς το πρόγραμμα προεπισκόπησης χρησιμοποιεί βασικό περιεχόμενο και καμία διαμόρφωση, συχνά οδηγεί σε λιγότερο από τέλεια προεπισκόπηση.</li><li><strong>Σύνδεσμος αρχικής σελίδας θεμάτων</strong> - Η διεύθυνση URL για το <em>Προεπισκόπηση</em> το κουμπί τραβιέται από το πεδίο "Θέμα URI" στο style.css σας. Υπάρχουν αυστηρές απαιτήσεις ότι αυτή η διεύθυνση URL πρέπει να χρησιμοποιείται μόνο για την εμφάνιση μιας σελίδας που εμφανίζει πληροφορίες σχετικά με το θέμα σας.</li><li><strong>Ενεργές εγκαταστάσεις</strong> - Αυτός είναι ο αριθμός των ιστότοπων που χρησιμοποιούν ενεργά το θέμα. Ο αριθμός στρογγυλοποιείται στο πλησιέστερο δέκα, εκατό ή χιλιάδες. Δεν είναι δυνατή η ανάκτηση ενός ακριβούς αριθμού.</li><li><strong>Λήψεις ανά ημέρα</strong> - Αυτό είναι πόσες φορές έχει ληφθεί το θέμα σας. Η «Λήψη» μπορεί να είναι μια νέα λήψη ή μια ενημέρωση θέματος.</li><li><strong>Κριτικές -</strong> Προκειμένου ένας χρήστης να αφήσει μια κριτική, πρέπει να συνδεθεί σε έναν λογαριασμό wordpress.org. Σε γενικές γραμμές, οι κριτικές είναι δύσκολο να ληφθούν, εκτός εάν ζητήσετε ρητά από τους χρήστες σας να τις υποβάλουν.</li><li><strong>Υποστήριξη</strong> - Η ενσωματωμένη πλατφόρμα υποστήριξης είναι ιδανική για τη διαχείριση και επίλυση προβλημάτων με το θέμα σας. Ο χρήστης πρέπει να συνδεθεί για να δημιουργήσει ένα νήμα υποστήριξης.</li><li><strong>Μεταφράσεις</strong> - Η πλατφόρμα μετάφρασης είναι ένας φανταστικός πόρος. Εάν ακολουθήσατε τις συμβουλές σε ολόκληρο τον οδηγό για να εντοπίσετε το θέμα σας, τότε οι χρήστες σας θα μπορούν να το μεταφράσουν σε άλλες γλώσσες και να επεκτείνουν τη δυνητική βάση χρηστών σας πέρα ​​από μόνο αγγλόφωνους χρήστες.</li></ul><h3><span id="4-2">4) Ενημέρωση του θέματος</span></h3><p>Όταν κάνετε αλλαγές στο θέμα σας στο μέλλον και πρέπει να ενημερώσετε την έκδοση που φιλοξενείται στο WordPress, η διαδικασία είναι απλή.</p><p>Πρώτα ενημερώστε το πεδίο «Έκδοση:» και αλλάξτε το <em>readme.txt</em>. Στη συνέχεια, zip το αρχείο και ανεβάστε το ξανά χρησιμοποιώντας το ίδιο <a href="https://wordpress.org/themes/upload/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">μεταφόρτωση σελίδας</a> όπως και πριν.</p><p>Το σύστημα θα το αναγνωρίσει ως ενημέρωση και θα το εγκρίνει αυτόματα, ώστε να μην απαιτεί άλλη ανθρώπινη αναθεώρηση.</p> <input type="hidden" value="4416"><div class="uab-frontend-wrapper-outer"><div id="uab_rid_3bdc8" class="uab-frontend-inner-layer uab-frontend-wrapper-author-1 " data-timeout="1000"><div id="uab-frontend-wrapper" class="uab-frontend-wrapper uab-template-1"><div class="uab-tab-content"><div class="uab-defaut-tab uab-clearfix"><div class="uab-author-profile-pic"><div class="uap-profile-image"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-srcset='https://abgx360.net/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200' data-lazy-src="https://abgx360.net/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png"/><noscript><img alt='' src='https://abgx360.net/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png' srcset='https://abgx360.net/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200'/></noscript></div></div><div class="uab-front-content"><div class="uab-display-name"> <a href="https://abgx360.net/author/admin/" target="_blank" data-wpel-link="internal">Jeffrey Wilson</a> <span class="uab-user-role uab-role-Administrator">Administrator</span></div><div class="uab-short-info"> Sorry! The Author has not filled his profile.</div><div class="uab-short-contact"></div><div class="uab-social-icons"> <span class="uab-contact-label">follow me</span><ul id="uap-social-outlets-fields"></ul></div></div></div></div></div></div></div><div class="flat_pm_end"></div><div class="ajax-content" data-id="87" ></div></div></article><div class="entry-footer"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span></div><div class="b-share b-share--post"><div class="b-share__title">Like this post? Please share to your friends:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="https://vk.com/share.php?url=https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__fb js-share-link" data-uri="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="https://twitter.com/share?text=%CE%91%CE%BD%CE%AC%CF%80%CF%84%CF%85%CE%BE%CE%B7+%CE%B8%CE%AD%CE%BC%CE%B1%CF%84%CE%BF%CF%82+WordPress+%28101%29&url=https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%CE%91%CE%BD%CE%AC%CF%80%CF%84%CF%85%CE%BE%CE%B7+%CE%B8%CE%AD%CE%BC%CE%B1%CF%84%CE%BF%CF%82+WordPress+%28101%29%20https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%CE%91%CE%BD%CE%AC%CF%80%CF%84%CF%85%CE%BE%CE%B7+%CE%B8%CE%AD%CE%BC%CE%B1%CF%84%CE%BF%CF%82+WordPress+%28101%29%20https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F"></span> <span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fabgx360.net%2Fpage%2Fwordpress-101-2%2F&text=%CE%91%CE%BD%CE%AC%CF%80%CF%84%CF%85%CE%BE%CE%B7+%CE%B8%CE%AD%CE%BC%CE%B1%CF%84%CE%BF%CF%82+WordPress+%28101%29"></span></div><div class='yarpp-related'><div class="b-related"><div class="b-related__header"><span>Related articles</span></div> .<div class="b-related__items"><div id="post-4791" class="post-card post-4791 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/page-25/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/page-25/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Βόρεια | Ανασκόπηση θέματος ηλεκτρονικού εμπορίου</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Έχετε σκεφτεί ποτέ να δημιουργήσετε το δικό σας ηλεκτρονικό κατάστημα με το WordPress; Το</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/page-25/" content="Βόρεια | Ανασκόπηση θέματος ηλεκτρονικού εμπορίου"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div><div id="post-4593" class="post-card post-4593 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/vellum-responsive-wordpress/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/vellum-responsive-wordpress/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Λεπτομερής ανασκόπηση του θέματος Vellum – Responsive WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Η κοινή χρήση των ταξιδιωτικών σας εμπειριών είναι σαν να αποθηκεύετε τις πιο όμορφες</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/vellum-responsive-wordpress/" content="Λεπτομερής ανασκόπηση του θέματος Vellum – Responsive WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div><div id="post-4768" class="post-card post-4768 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/10-wordpress-5/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/10-wordpress-5/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Κορυφαία 10 θέματα περιοδικών / ειδήσεων WordPress που θα λατρέψετε</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Η τεχνολογία μας παρέχει ταχύτερα μέσα επικοινωνίας – αυτός είναι ένας τρόπος να δούμε</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/10-wordpress-5/" content="Κορυφαία 10 θέματα περιοδικών / ειδήσεων WordPress που θα λατρέψετε"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div><div id="post-4521" class="post-card post-4521 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/wordpress-6-2/" data-wpel-link="internal"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array data-lazy-src="/images/wordpress-cheat-sheet.jpg"/><noscript><img src="/images/wordpress-cheat-sheet.jpg" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array/></noscript><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/wordpress-6-2/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Φύλλο εξαπάτησης WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Παρακάτω θα βρείτε ένα WordPress Cheat Sheet που χωρίζεται σε τρία μέρη: WP-CLI (αρχάριοι)</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/wordpress-6-2/" content="Φύλλο εξαπάτησης WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:35+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div><div id="post-4781" class="post-card post-4781 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/oxygen-woocommerce-wordpress-theme/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/oxygen-woocommerce-wordpress-theme/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Μια ματιά σε βάθος στο Oxygen – WooCommerce WordPress Theme</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Ένας ιστότοπος είναι ένα απαραίτητο εργαλείο που οι διαδικτυακοί επιχειρηματίες απλά δεν μπορούν να</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/oxygen-woocommerce-wordpress-theme/" content="Μια ματιά σε βάθος στο Oxygen – WooCommerce WordPress Theme"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div><div id="post-4742" class="post-card post-4742 post type-post status-publish format-standard category-page" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://abgx360.net/page/blog-fatcow/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">讲解</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://abgx360.net/page/blog-fatcow/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Μπορώ να ξεκινήσω ένα blog στο FatCow;</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Ναί! �� Το FatCow κάνει το blogging εξαιρετικά εύκολο με τη ρύθμιση ιστολογίου WordPress</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/blog-fatcow/" content="Μπορώ να ξεκινήσω ένα blog στο FatCow;"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></div></div></div></div><meta itemprop="author" content="Jeffrey Wilson"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://abgx360.net/page/wordpress-101-2/" content="Ανάπτυξη θέματος WordPress (101)"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:30+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="abgx360.net"><meta itemprop="telephone" content="abgx360.net"><meta itemprop="address" content="https://abgx360.net"></div></main></div></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div id="uab_author_box_widget-2" class="widget UAB_Author_Box_Widget"><div class="uab-abw-wrapper template-1"></div></div><div id="search-4" class="widget widget_search"><form role="search" method="get" id="searchform_3155" action="https://abgx360.net/" class="search-form"> <label class="screen-reader-text" for="s_3155">Search: </label> <input type="text" value="" name="s" id="s_3155" class="search-form__text"> <button type="submit" id="searchsubmit_3155" class="search-form__submit"></button></form></div><div id="arpw-widget-2" class="widget arpw-widget-random "><div class="arpw-random-post "><ul class="arpw-ul arpw-widget-2"><li class="arpw-li arpw-clearfix arpw-1"><a class="arpw-title" href="https://abgx360.net/smieny/20-nejlepich-zavadcich-temat-wordpress/" rel="bookmark" data-wpel-link="internal">20 nejlepších zaváděcích témat WordPress</a></li><li class="arpw-li arpw-clearfix arpw-2"><a class="arpw-title" href="https://abgx360.net/page-25/ithemes-exchange-2/" rel="bookmark" data-wpel-link="internal">使用iThemes Exchange附加组件升级您的在线商店</a></li><li class="arpw-li arpw-clearfix arpw-3"><a class="arpw-title" href="https://abgx360.net/razni/top-20-wordpress-pristavki-za-biznes-uebsajtove/" rel="bookmark" data-wpel-link="internal">Топ 20 WordPress приставки за бизнес уебсайтове 2020</a></li><li class="arpw-li arpw-clearfix arpw-4"><a class="arpw-title" href="https://abgx360.net/kategooriat-pole/bluehosti-privaatne-whois-i-juhend/" rel="bookmark" data-wpel-link="internal">BlueHosti privaatne WHOIS-i juhend</a></li><li class="arpw-li arpw-clearfix arpw-5"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress-vs-squarespace/" rel="bookmark" data-wpel-link="internal">WordPress vs Squarespace:差异和功能</a></li><li class="arpw-li arpw-clearfix arpw-6"><a class="arpw-title" href="https://abgx360.net/uroci/arhivirane-na-wordpress-v-oblak-s-backwpup/" rel="bookmark" data-wpel-link="internal">Архивиране на WordPress в облак с BackWPup – цялостно ръководство</a></li><li class="arpw-li arpw-clearfix arpw-7"><a class="arpw-title" href="https://abgx360.net/vyukove-programy/podrobny-prvodce-migraci-webu-wordpress-na-noveho/" rel="bookmark" data-wpel-link="internal">Podrobný průvodce migrací webu WordPress na nového hostitele</a></li><li class="arpw-li arpw-clearfix arpw-8"><a class="arpw-title" href="https://abgx360.net/page/midway-responsive-travel-wp-theme/" rel="bookmark" data-wpel-link="internal">Midway – Responsive Travel WP Theme Λεπτομερής κριτική</a></li><li class="arpw-li arpw-clearfix arpw-9"><a class="arpw-title" href="https://abgx360.net/cat-tutories/boilerplate-del-personalitzador-del-tema-opcions/" rel="bookmark" data-wpel-link="internal">Boilerplate del personalitzador del tema: opcions condicionals, temes infantils i complements</a></li><li class="arpw-li arpw-clearfix arpw-10"><a class="arpw-title" href="https://abgx360.net/page-25/wp-wordpress/" rel="bookmark" data-wpel-link="internal">会员WP – WordPress的最佳会员营销插件</a></li><li class="arpw-li arpw-clearfix arpw-11"><a class="arpw-title" href="https://abgx360.net/kategooriat-pole/sitebuilder-com-ulevaade/" rel="bookmark" data-wpel-link="internal">SiteBuilder.com ülevaade</a></li><li class="arpw-li arpw-clearfix arpw-12"><a class="arpw-title" href="https://abgx360.net/ingen-kategori/sdan-oprettes-et-websted-med-wordpress/" rel="bookmark" data-wpel-link="internal">Sådan oprettes et websted med WordPress</a></li><li class="arpw-li arpw-clearfix arpw-13"><a class="arpw-title" href="https://abgx360.net/cat-tipy/5-zakladnich-tip-uetnictvi-woocommerce/" rel="bookmark" data-wpel-link="internal">5 základních tipů účetnictví WooCommerce</a></li><li class="arpw-li arpw-clearfix arpw-14"><a class="arpw-title" href="https://abgx360.net/page/one-com/" rel="bookmark" data-wpel-link="internal">Αναθεώρηση One.com</a></li><li class="arpw-li arpw-clearfix arpw-15"><a class="arpw-title" href="https://abgx360.net/page/inmotion-8/" rel="bookmark" data-wpel-link="internal">Τρόπος επεξεργασίας πληρωμών με πιστωτική κάρτα στο InMotion</a></li><li class="arpw-li arpw-clearfix arpw-16"><a class="arpw-title" href="https://abgx360.net/cat-tipy/10-hlavnich-dvod-pro-byste-mli-zait-blog-s/" rel="bookmark" data-wpel-link="internal">10 hlavních důvodů, proč byste měli začít blog s WordPress</a></li><li class="arpw-li arpw-clearfix arpw-17"><a class="arpw-title" href="https://abgx360.net/cat-tutorials/der-ultimative-leitfaden-fur-wordpress-image/" rel="bookmark" data-wpel-link="internal">Der ultimative Leitfaden für WordPress Image Management</a></li><li class="arpw-li arpw-clearfix arpw-18"><a class="arpw-title" href="https://abgx360.net/vyukove-programy/jak-pomoci-buddypress-vytvoit-socialni-si-s/" rel="bookmark" data-wpel-link="internal">Jak pomocí BuddyPress vytvořit sociální síť s WordPress</a></li><li class="arpw-li arpw-clearfix arpw-19"><a class="arpw-title" href="https://abgx360.net/cat-consells/usos-impressionants-per-a-potents-complements-de/" rel="bookmark" data-wpel-link="internal">Usos impressionants per a potents complements de control lliscant de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-20"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress404-2/" rel="bookmark" data-wpel-link="internal">如何在WordPress中创建自定义404页面</a></li><li class="arpw-li arpw-clearfix arpw-21"><a class="arpw-title" href="https://abgx360.net/cat-tipy/10-nastroj-pro-snadnji-praci-s-wordpress/" rel="bookmark" data-wpel-link="internal">10 nástrojů pro snadnější práci s WordPress</a></li><li class="arpw-li arpw-clearfix arpw-22"><a class="arpw-title" href="https://abgx360.net/page/wordpressultimate-visual-composer/" rel="bookmark" data-wpel-link="internal">适用于WordPress的Ultimate Visual Composer拖放页面构建器指南</a></li><li class="arpw-li arpw-clearfix arpw-23"><a class="arpw-title" href="https://abgx360.net/ei-luokkaa/gutenbergin-kaytto-wordpress-editor/" rel="bookmark" data-wpel-link="internal">Gutenbergin käyttö (WordPress Editor)</a></li><li class="arpw-li arpw-clearfix arpw-24"><a class="arpw-title" href="https://abgx360.net/smieny/doporuena-temata-wordpress-pro-nezavisle/" rel="bookmark" data-wpel-link="internal">Doporučená témata WordPress pro nezávislé pracovníky</a></li><li class="arpw-li arpw-clearfix arpw-25"><a class="arpw-title" href="https://abgx360.net/page/wordpresspdf/" rel="bookmark" data-wpel-link="internal">如何在WordPress中嵌入PDF文件</a></li><li class="arpw-li arpw-clearfix arpw-26"><a class="arpw-title" href="https://abgx360.net/cat-tipps/wie-man-in-eine-gesattigte-blogging-nische/" rel="bookmark" data-wpel-link="internal">Wie man in eine gesättigte Blogging-Nische einbricht</a></li><li class="arpw-li arpw-clearfix arpw-27"><a class="arpw-title" href="https://abgx360.net/sveti/reciklirajte-stari-publikacii-v-bloga-za-da/" rel="bookmark" data-wpel-link="internal">Рециклирайте стари публикации в блога, за да стимулирате трафика</a></li><li class="arpw-li arpw-clearfix arpw-28"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress-178/" rel="bookmark" data-wpel-link="internal">如何为您的WordPress网站建立品牌</a></li><li class="arpw-li arpw-clearfix arpw-29"><a class="arpw-title" href="https://abgx360.net/sveti/izpolzvajte-push-izvestija-za-izgrazhdane-na/" rel="bookmark" data-wpel-link="internal">Използвайте Push Известия за изграждане на повторен трафик</a></li><li class="arpw-li arpw-clearfix arpw-30"><a class="arpw-title" href="https://abgx360.net/page-25/snapwordpress/" rel="bookmark" data-wpel-link="internal">SNAP评论WordPress的社交网络自动海报</a></li><li class="arpw-li arpw-clearfix arpw-31"><a class="arpw-title" href="https://abgx360.net/page-32/wordpressmaps-marker-pro/" rel="bookmark" data-wpel-link="internal">适用于WordPress的Maps Marker Pro插件</a></li><li class="arpw-li arpw-clearfix arpw-32"><a class="arpw-title" href="https://abgx360.net/aucune-categorie/20-endroits-ou-vous-pouvez-apprendre-a-coder/" rel="bookmark" data-wpel-link="internal">20 endroits où vous pouvez apprendre à coder gratuitement</a></li><li class="arpw-li arpw-clearfix arpw-33"><a class="arpw-title" href="https://abgx360.net/aucune-categorie/revue-du-volant/" rel="bookmark" data-wpel-link="internal">Revue du volant</a></li><li class="arpw-li arpw-clearfix arpw-34"><a class="arpw-title" href="https://abgx360.net/la-revue/revue-de-wix/" rel="bookmark" data-wpel-link="internal">Revue de Wix</a></li><li class="arpw-li arpw-clearfix arpw-35"><a class="arpw-title" href="https://abgx360.net/cat-tipps/so-erstellen-sie-benutzerdefinierte-wordpress/" rel="bookmark" data-wpel-link="internal">So erstellen Sie benutzerdefinierte WordPress-Beitragstypen</a></li><li class="arpw-li arpw-clearfix arpw-36"><a class="arpw-title" href="https://abgx360.net/cat-ressenyes/analytics-de-heatmap-heatmap-per-a-revisio-de/" rel="bookmark" data-wpel-link="internal">Analytics de Heatmap Heatmap per a revisió de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-37"><a class="arpw-title" href="https://abgx360.net/cat-consells/30-consells-destalvi-de-temps-per-als-usuaris/" rel="bookmark" data-wpel-link="internal">30 consells d’estalvi de temps per als usuaris d’energia de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-38"><a class="arpw-title" href="https://abgx360.net/cat-kinsta/hanki-60-dollarin-alennus-ilman-kinsta/" rel="bookmark" data-wpel-link="internal">Hanki 60 dollarin alennus ilman Kinsta-kuponkikoodia (2020-tarjous): Kuinka vaatia tätä Kinsta WordPress -palvelusopimusta?</a></li><li class="arpw-li arpw-clearfix arpw-39"><a class="arpw-title" href="https://abgx360.net/cat-tutories/com-afegir-fonts-personalitzades-al-lloc-de/" rel="bookmark" data-wpel-link="internal">Com afegir fonts personalitzades al lloc de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-40"><a class="arpw-title" href="https://abgx360.net/cat-consells/consells-de-wordpress-15-errors-de-wordpress-que/" rel="bookmark" data-wpel-link="internal">Consells de WordPress: 15 errors de WordPress que cal evitar a tota costa</a></li><li class="arpw-li arpw-clearfix arpw-41"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress-159/" rel="bookmark" data-wpel-link="internal">使用WordPress简化您的在线状态:主题,插件,产品和服务</a></li><li class="arpw-li arpw-clearfix arpw-42"><a class="arpw-title" href="https://abgx360.net/page-22/wordpress20-2/" rel="bookmark" data-wpel-link="internal">您应该关注WordPress中的20多位女性</a></li><li class="arpw-li arpw-clearfix arpw-43"><a class="arpw-title" href="https://abgx360.net/cat-tipps/welche-wordpress-widgets-sollten-sie-in-ihren/" rel="bookmark" data-wpel-link="internal">Welche WordPress-Widgets sollten Sie in Ihren Seitenleisten anzeigen?</a></li><li class="arpw-li arpw-clearfix arpw-44"><a class="arpw-title" href="https://abgx360.net/cat-webhostinganmeldelser/siteground-ecommerce-review-2020-er-det-godt-at/" rel="bookmark" data-wpel-link="internal">SiteGround eCommerce Review (2020): Er det godt at være vært for online shopping-websteder? [Få 70% rabatkupon]</a></li><li class="arpw-li arpw-clearfix arpw-45"><a class="arpw-title" href="https://abgx360.net/razni/9-te-naj-dobri-pristavki-za-redaktirane-na/" rel="bookmark" data-wpel-link="internal">9-те най-добри приставки за редактиране на WordPress отпред</a></li><li class="arpw-li arpw-clearfix arpw-46"><a class="arpw-title" href="https://abgx360.net/page/javascriptwordpress/" rel="bookmark" data-wpel-link="internal">以正确的方式将Javascript添加到WordPress主题</a></li><li class="arpw-li arpw-clearfix arpw-47"><a class="arpw-title" href="https://abgx360.net/cat-consells/consells-per-millorar-la-funcionalitat-de/" rel="bookmark" data-wpel-link="internal">Consells per millorar la funcionalitat de WordPress per al vostre lloc web</a></li><li class="arpw-li arpw-clearfix arpw-48"><a class="arpw-title" href="https://abgx360.net/cat-recenze/vytvote-si-vlastni-slovnik-pomoci-slovniku-sd/" rel="bookmark" data-wpel-link="internal">Vytvořte si vlastní slovník pomocí slovníku SD Tooltip Glosář WordPress Plugin</a></li><li class="arpw-li arpw-clearfix arpw-49"><a class="arpw-title" href="https://abgx360.net/page/wordpress-53/" rel="bookmark" data-wpel-link="internal">创建您自己的WordPress用户联系字段</a></li><li class="arpw-li arpw-clearfix arpw-50"><a class="arpw-title" href="https://abgx360.net/page-25/motopress/" rel="bookmark" data-wpel-link="internal">MotoPress页面生成器:查看重要更新</a></li><li class="arpw-li arpw-clearfix arpw-51"><a class="arpw-title" href="https://abgx360.net/page-32/3wordpress/" rel="bookmark" data-wpel-link="internal">3个用于完全掌握社交媒体的WordPress插件</a></li><li class="arpw-li arpw-clearfix arpw-52"><a class="arpw-title" href="https://abgx360.net/vyukove-programy/pouiti-markdown-with-wordpress-piruka-pro/" rel="bookmark" data-wpel-link="internal">Použití Markdown With WordPress: Příručka pro začátečníky</a></li><li class="arpw-li arpw-clearfix arpw-53"><a class="arpw-title" href="https://abgx360.net/sveti/10-prikazki-za-arhivirane-na-wordpress-koito-mogat/" rel="bookmark" data-wpel-link="internal">10 приказки за архивиране на WordPress, които могат да убият вашия сайт</a></li><li class="arpw-li arpw-clearfix arpw-54"><a class="arpw-title" href="https://abgx360.net/smieny/18-nejlepich-seo-wordpress-temat-pro-digitalni/" rel="bookmark" data-wpel-link="internal">18 nejlepších SEO WordPress témat pro digitální obchodníky a agentury</a></li><li class="arpw-li arpw-clearfix arpw-55"><a class="arpw-title" href="https://abgx360.net/cat-tipy/jak-pouivat-instagram-ke-zvyeni-prodeje-v/" rel="bookmark" data-wpel-link="internal">Jak používat Instagram ke zvýšení prodeje v eCommerce</a></li><li class="arpw-li arpw-clearfix arpw-56"><a class="arpw-title" href="https://abgx360.net/page/wordpresslearndash/" rel="bookmark" data-wpel-link="internal">WordPress的LearnDash:如何创建您的第一个在线学习课程</a></li><li class="arpw-li arpw-clearfix arpw-57"><a class="arpw-title" href="https://abgx360.net/sveti/naj-dobrijat-instrumentarium-za-ptuvane-v/" rel="bookmark" data-wpel-link="internal">Най-добрият инструментариум за пътуване в WordPress за стартиране на блога ви, докато сте на път</a></li><li class="arpw-li arpw-clearfix arpw-58"><a class="arpw-title" href="https://abgx360.net/cat-tipps/3-wichtige-schritte-zur-verbesserung-der/" rel="bookmark" data-wpel-link="internal">3 wichtige Schritte zur Verbesserung der Ladegeschwindigkeit Ihrer WordPress-Site durch Caching</a></li><li class="arpw-li arpw-clearfix arpw-59"><a class="arpw-title" href="https://abgx360.net/news-community/wordpress-labor-day-verkaufe-gutscheine-angebote/" rel="bookmark" data-wpel-link="internal">WordPress Labor Day Verkäufe, Gutscheine & Angebote 2019</a></li><li class="arpw-li arpw-clearfix arpw-60"><a class="arpw-title" href="https://abgx360.net/razni/naj-dobrite-pristavki-za-dostavka-na-woocommerce/" rel="bookmark" data-wpel-link="internal">Най-добрите приставки за доставка на WooCommerce за вашия онлайн магазин</a></li><li class="arpw-li arpw-clearfix arpw-61"><a class="arpw-title" href="https://abgx360.net/vyukove-programy/vytvote-online-obchod-s-shopify-pro-wordpress/" rel="bookmark" data-wpel-link="internal">Vytvořte online obchod s Shopify pro WordPress</a></li><li class="arpw-li arpw-clearfix arpw-62"><a class="arpw-title" href="https://abgx360.net/cat-vordlused/parim-wordpressi-hostimine/" rel="bookmark" data-wpel-link="internal">Parim WordPressi hostimine</a></li><li class="arpw-li arpw-clearfix arpw-63"><a class="arpw-title" href="https://abgx360.net/ei-luokkaa/kuinka-luoda-sahkopostitileja-verkkotunnuksellesi/" rel="bookmark" data-wpel-link="internal">Kuinka luoda sähköpostitilejä verkkotunnuksellesi</a></li><li class="arpw-li arpw-clearfix arpw-64"><a class="arpw-title" href="https://abgx360.net/cat-tipy/prvodce-jak-se-stat-uznavanym-profesionalem/" rel="bookmark" data-wpel-link="internal">Průvodce, jak se stát uznávaným profesionálem WordPress</a></li><li class="arpw-li arpw-clearfix arpw-65"><a class="arpw-title" href="https://abgx360.net/cat-divers/com-afegir-musica-al-vostre-lloc-de-wordpress-amb/" rel="bookmark" data-wpel-link="internal">Com afegir música al vostre lloc de WordPress amb un complement</a></li><li class="arpw-li arpw-clearfix arpw-66"><a class="arpw-title" href="https://abgx360.net/uroci/kak-da-zabranim-wordpress-potrebitel/" rel="bookmark" data-wpel-link="internal">Как да забраним WordPress потребител</a></li><li class="arpw-li arpw-clearfix arpw-67"><a class="arpw-title" href="https://abgx360.net/vyukove-programy/jak-pipravit-wordpress-tema-woocommerce/" rel="bookmark" data-wpel-link="internal">Jak připravit WordPress Téma WooCommerce</a></li><li class="arpw-li arpw-clearfix arpw-68"><a class="arpw-title" href="https://abgx360.net/page-25/mailoptinwordpress/" rel="bookmark" data-wpel-link="internal">MailOptin评论:简单而令人印象深刻的WordPress优化形式</a></li><li class="arpw-li arpw-clearfix arpw-69"><a class="arpw-title" href="https://abgx360.net/page-32/wordpress-298/" rel="bookmark" data-wpel-link="internal">使用WordPress退出弹出式插件提高参与度并防止丢失线索</a></li><li class="arpw-li arpw-clearfix arpw-70"><a class="arpw-title" href="https://abgx360.net/cat-consells/12-millors-complements-i-serveis-de-copia-de/" rel="bookmark" data-wpel-link="internal">12 millors complements i serveis de còpia de seguretat de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-71"><a class="arpw-title" href="https://abgx360.net/cat-sonstiges/20-groartige-admin-wordpress-plugins/" rel="bookmark" data-wpel-link="internal">20 großartige Admin WordPress Plugins</a></li><li class="arpw-li arpw-clearfix arpw-72"><a class="arpw-title" href="https://abgx360.net/cat-blogi/suurimmat-3-tai-maatunnuksen-ylatason/" rel="bookmark" data-wpel-link="internal">Suurimmat 3 tai maatunnuksen ylätason verkkotunnukset</a></li><li class="arpw-li arpw-clearfix arpw-73"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress-101/" rel="bookmark" data-wpel-link="internal">更好地组织WordPress网站的提示</a></li><li class="arpw-li arpw-clearfix arpw-74"><a class="arpw-title" href="https://abgx360.net/cat-tutories/guia-pas-a-pas-per-migrar-el-vostre-lloc-wordpress/" rel="bookmark" data-wpel-link="internal">Guia pas a pas per migrar el vostre lloc WordPress a un amfitrió nou</a></li><li class="arpw-li arpw-clearfix arpw-75"><a class="arpw-title" href="https://abgx360.net/ei-luokkaa/9-verkkosivustojen-suunnitteluideaa/" rel="bookmark" data-wpel-link="internal">9 verkkosivustojen suunnitteluideaa + inspiraatiosivua</a></li><li class="arpw-li arpw-clearfix arpw-76"><a class="arpw-title" href="https://abgx360.net/cat-ressenyes/bavoko-eines-de-seo-revisio-de-complements-de/" rel="bookmark" data-wpel-link="internal">BAVOKO Eines de SEO: revisió de complements de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-77"><a class="arpw-title" href="https://abgx360.net/page-25/slider-revolution-wordpress/" rel="bookmark" data-wpel-link="internal">Slider Revolution WordPress插件评论和指南</a></li><li class="arpw-li arpw-clearfix arpw-78"><a class="arpw-title" href="https://abgx360.net/cat-blogging/siteground-paypal-payment-paypal/" rel="bookmark" data-wpel-link="internal">SiteGround PayPal Payment (Οδηγός) »Μπορώ να πληρώσω με PayPal;</a></li><li class="arpw-li arpw-clearfix arpw-79"><a class="arpw-title" href="https://abgx360.net/sveti/5-vida-poddrzhka-na-kojato-se-nuzhdae-vseki-ueb/" rel="bookmark" data-wpel-link="internal">5 вида поддръжка, на която се нуждае всеки уеб дизайнер</a></li><li class="arpw-li arpw-clearfix arpw-80"><a class="arpw-title" href="https://abgx360.net/noticies-i-comunitat/historial-de-wordpress-evolucio-de-la-interficie-d/" rel="bookmark" data-wpel-link="internal">Historial de WordPress: Evolució de la interfície d’usuari de WordPress + Altres millores</a></li><li class="arpw-li arpw-clearfix arpw-81"><a class="arpw-title" href="https://abgx360.net/cat-blog/sdan-installeres-wordpress-p-godaddy-trin-for-trin/" rel="bookmark" data-wpel-link="internal">Sådan installeres WordPress på GoDaddy (trin for trin med billeder)</a></li><li class="arpw-li arpw-clearfix arpw-82"><a class="arpw-title" href="https://abgx360.net/page-5/wordpress-136/" rel="bookmark" data-wpel-link="internal">使用WordPress构建商业网站的关键提示</a></li><li class="arpw-li arpw-clearfix arpw-83"><a class="arpw-title" href="https://abgx360.net/cat-tipy/jak-propagovat-svj-web-wordpress-off-site/" rel="bookmark" data-wpel-link="internal">Jak propagovat svůj web WordPress „Off-Site“</a></li><li class="arpw-li arpw-clearfix arpw-84"><a class="arpw-title" href="https://abgx360.net/ingen-kategori/bluehost-ftp-guide/" rel="bookmark" data-wpel-link="internal">BlueHost FTP-guide</a></li><li class="arpw-li arpw-clearfix arpw-85"><a class="arpw-title" href="https://abgx360.net/ei-luokkaa/bootstrap-huijaussivu/" rel="bookmark" data-wpel-link="internal">Bootstrap-huijaussivu</a></li><li class="arpw-li arpw-clearfix arpw-86"><a class="arpw-title" href="https://abgx360.net/cat-consells/com-compartir-publicacions-de-wordpress/" rel="bookmark" data-wpel-link="internal">Com compartir publicacions de WordPress automàticament amb el buffer</a></li><li class="arpw-li arpw-clearfix arpw-87"><a class="arpw-title" href="https://abgx360.net/kategooriat-pole/inmotion-mysql-andmebaasi-opetus/" rel="bookmark" data-wpel-link="internal">InMotion MySQL andmebaasi õpetus</a></li><li class="arpw-li arpw-clearfix arpw-88"><a class="arpw-title" href="https://abgx360.net/page-31/wordpress-seo-3/" rel="bookmark" data-wpel-link="internal">最常见的现场WordPress SEO错误</a></li><li class="arpw-li arpw-clearfix arpw-89"><a class="arpw-title" href="https://abgx360.net/cat-divers/20-millors-temes-de-wordpress-de-gutenberg/" rel="bookmark" data-wpel-link="internal">20+ Millors Temes de WordPress de Gutenberg</a></li><li class="arpw-li arpw-clearfix arpw-90"><a class="arpw-title" href="https://abgx360.net/page-31/wordpress-289/" rel="bookmark" data-wpel-link="internal">使用WordPress简化您的在线状态:品牌和营销</a></li><li class="arpw-li arpw-clearfix arpw-91"><a class="arpw-title" href="https://abgx360.net/cat-tipps/einfache-tipps-fur-wordpress-anfanger-fur-den/" rel="bookmark" data-wpel-link="internal">Einfache Tipps für WordPress-Anfänger für den Einstieg im Jahr 2018</a></li><li class="arpw-li arpw-clearfix arpw-92"><a class="arpw-title" href="https://abgx360.net/kategooriat-pole/kui-palju-lisadomeenid-veebisaidil-webhostinghub/" rel="bookmark" data-wpel-link="internal">Kui palju lisadomeenid veebisaidil WebHostingHub maksavad?</a></li><li class="arpw-li arpw-clearfix arpw-93"><a class="arpw-title" href="https://abgx360.net/la-revue/chronique-de-chemicloud/" rel="bookmark" data-wpel-link="internal">Chronique de ChemiCloud</a></li><li class="arpw-li arpw-clearfix arpw-94"><a class="arpw-title" href="https://abgx360.net/ei-luokkaa/onko-fatcow-hosting-tarjouksia-alennuksia/" rel="bookmark" data-wpel-link="internal">Onko FatCow-hosting-tarjouksia / alennuksia?</a></li><li class="arpw-li arpw-clearfix arpw-95"><a class="arpw-title" href="https://abgx360.net/uroci/kak-da-dobavite-personalizirani-stilove-km/" rel="bookmark" data-wpel-link="internal">Как да добавите персонализирани стилове към визуалния редактор на WordPress</a></li><li class="arpw-li arpw-clearfix arpw-96"><a class="arpw-title" href="https://abgx360.net/cat-divers/17-millors-complements-de-la-prova-per-a-wordpress/" rel="bookmark" data-wpel-link="internal">17 millors complements de la prova per a WordPress per millorar el compromís amb els usuaris</a></li><li class="arpw-li arpw-clearfix arpw-97"><a class="arpw-title" href="https://abgx360.net/cat-tipps/was-ihnen-niemand-uber-wordpress-erzahlt-hat-als/" rel="bookmark" data-wpel-link="internal">Was Ihnen niemand über WordPress erzählt hat, als Sie angefangen haben</a></li><li class="arpw-li arpw-clearfix arpw-98"><a class="arpw-title" href="https://abgx360.net/kategooriat-pole/wpengine-ulevaade/" rel="bookmark" data-wpel-link="internal">WPEngine ülevaade</a></li><li class="arpw-li arpw-clearfix arpw-99"><a class="arpw-title" href="https://abgx360.net/razni/wordpress-socialni-medii-za-uvelichavane-na/" rel="bookmark" data-wpel-link="internal">WordPress социални медии за увеличаване на трафика</a></li><li class="arpw-li arpw-clearfix arpw-100"><a class="arpw-title" href="https://abgx360.net/cat-consells/com-optimitzar-les-barres-laterals-de-wordpress/" rel="bookmark" data-wpel-link="internal">Com optimitzar les barres laterals de WordPress per millorar el trànsit i les conversions</a></li></ul></div></div></aside></div><div class="footer-navigation container"><div class="main-navigation-inner "><div class="menu-1-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="https://abgx360.net/terms-of-service/" data-wpel-link="internal">Terms of service</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="https://abgx360.net/privacy-policy/" data-wpel-link="internal">Privacy Policy</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="https://abgx360.net/about/" data-wpel-link="internal">About</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://abgx360.net/contacts/" data-wpel-link="internal">Contacts</a></li></ul></div></div></div><footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"><div class="site-footer-inner "><div class="footer-info"> © 2020</div><div class="footer-counters"></div></div></footer> <button type="button" class="scrolltop js-scrolltop"></button></div> <script type="text/javascript">var thirstyGoogleClickTrack = function ( e ) { var $this = jQuery( this ), linkID = $this.data( 'linkid' ), href = linkID ? $this.attr( 'href' ) : thirstyFunctions.isThirstyLink( $this.attr( 'href' ) ), action_name = 'Affiliate Link', page_slug = '/page/wordpress-101-2/', home_url = 'https://abgx360.net'; if ( ! href || typeof ga !== 'function' ) { return; } var is_uncloak = href.indexOf( home_url + '/' + thirsty_global_vars.link_prefix ) < 0, href_parts = href.split('/'), href_last = href_parts[ href_parts.length - 1 ] ? href_parts[ href_parts.length - 1 ] : href_parts[ href_parts.length - 2 ], link_text = $this.text(), link_uri = linkID && is_uncloak ? href : href.replace( home_url , '' ), link_slug = linkID && is_uncloak ? href : href_last; ga( 'send' , 'event' , { eventCategory : action_name, eventAction : link_uri, eventLabel : page_slug, transport : 'beacon' } ); }; jQuery( document ).ready( function($) { $( 'body' ).on( 'click', 'a', thirstyGoogleClickTrack ); });</script> <script type='text/javascript'>/* <![CDATA[ */ var wares_ajax = {"wares_url":"https:\/\/abgx360.net\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","visibility_hide_by_default":"1","width":"Auto"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var thirsty_global_vars = {"home_url":"\/\/abgx360.net","ajax_url":"https:\/\/abgx360.net\/wp-admin\/admin-ajax.php","link_fixer_enabled":"yes","link_prefix":"recommends","link_prefixes":["recommends"],"post_id":"4416","enable_record_stats":"yes","enable_js_redirect":"yes","disable_thirstylink_class":""}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/abgx360.net\/wp-admin\/admin-ajax.php","nonce":"6ab1bc6dde"}; /* ]]> */</script> <ins id="adsense" class="adsbygoogle" data-tag="flat_pm" style="position:absolute;left:-9999px;top:-9999px">Adblock<br>detector</ins><style>.arcticmodal-overlay,.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{height:100%;margin:0 auto}.arcticmodal-container_i2{vertical-align:middle!important;border:none!important}.flat_pm_modal{min-width:200px;min-height:100px;position:relative;background:#fff}.flat_pm_modal .flat_pm_timer,.flat_pm_modal .flat_pm_crs{top:0!important}.flat_pm_crs{transition:box-shadow .2s ease;position:absolute;top:0;right:0;width:34px;height:34px;background:#000;display:block;cursor:pointer;z-index:99999;border:none;padding:0;min-width:0;min-height:0}.flat_pm_crs:hover{box-shadow:0 0 0 50px rgba(0,0,0,.2) inset}.flat_pm_crs:after,.flat_pm_crs:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(34px / 2);height:3px;background:#fff;transform-origin:center;transform:rotate(45deg);margin:auto}.flat_pm_crs:before{transform:rotate(-45deg)}.flat_pm_crs:hover:after{transform:rotate(225deg)}.flat_pm_crs:hover:before{transform:rotate(135deg)}.flat_pm_timer{position:absolute;top:0;right:0;padding:0 15px;color:#fff;background:#000;line-height:34px;height:34px;text-align:center;font-size:14px}.flat_pm_timer span{font-size:16px;font-weight:600}.flat_pm_out{transition:transform .3s ease,opacity 0s ease;transition-delay:0s,.3s;position:fixed;min-width:250px;min-height:150px;z-index:9999;opacity:0;-webkit-backface-visibility:hidden}.flat_pm_out *{max-width:none!important}.flat_pm_out.top .flat_pm_crs{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_crs{bottom:0}.flat_pm_out.bottom .flat_pm_crs{top:150px}.flat_pm_out.show.bottom .flat_pm_crs{top:0}.flat_pm_out.right .flat_pm_crs{right:auto;left:0}.flat_pm_out.top .flat_pm_timer{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_timer{bottom:0}.flat_pm_out.bottom .flat_pm_timer{top:150px}.flat_pm_out.show.bottom .flat_pm_timer{top:0}.flat_pm_out.right .flat_pm_timer{right:auto;left:0}.flat_pm_out.top{bottom:100%;left:50%;transform:translateY(0) translateX(-50%);padding-bottom:150px}.flat_pm_out.bottom{top:100%;left:50%;transform:translateY(0) translateX(-50%);padding-top:150px}.flat_pm_out.left{bottom:0;right:100%;transform:translateX(0)}.flat_pm_out.right{bottom:0;left:100%;transform:translateX(0)}.flat_pm_out.show{transition-delay:0s,0s;opacity:1;min-width:0;min-height:0;background:#fff}.flat_pm_out.closed{min-width:0;min-height:0}.flat_pm_out.show.top{transform:translateY(100%) translateX(-50%);padding-bottom:0}.flat_pm_out.show.bottom{transform:translateY(-100%) translateX(-50%);padding-top:0}.flat_pm_out.show.left{transform:translateX(100%)}.flat_pm_out.show.right{transform:translateX(-100%)}.flatpm_fixed{position:fixed;z-index:50}.flatpm_stop{position:relative;z-index:50}</style> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://abgx360.net/wp-content/plugins/wp-rocket/assets/js/lazyload/12.0/lazyload.min.js"></script><a href="/sitemap.php" data-wpel-link="internal">map</a><script src="https://abgx360.net/wp-content/cache/min/1/ecee769ffd9099d55bcd0ee3fcd2b344.js" data-minify="1" defer></script></body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1591796222 -->