Πώς να χρησιμοποιήσετε το AMP με το WordPress

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

Ευτυχώς, εάν έχετε δημιουργήσει τον ιστότοπό σας με το WordPress, μπορείτε να χρησιμοποιήσετε το AMP στον ιστότοπό σας χρησιμοποιώντας ένα plugin που ονομάζεται AMP-WP. Διανέμεται με περισσότερα χαρακτηριστικά από αυτά που συναντούν το μάτι. Λοιπόν, ας δούμε πώς λειτουργεί.

Δραστηριοποίηση

Αρχικά, συνδεθείτε στον ιστότοπό σας, πηγαίνετε στο Plugins> Προσθήκη νέου οθόνη. Ψάχνω για “ΑΜΠΕΡΑΖ; εγκαταστήστε και ενεργοποιήστε αυτό από το Automattic.

Αφού ενεργοποιηθεί, μπορείτε να προβάλετε την ανάρτηση που μετατράπηκε σε AMP προσθέτοντας το /αμπέραζ/ διαδρομή στο τέλος της διεύθυνσης URL της ανάρτησης (π.χ.. http://wp.com/post/amp/), ή με ?amp = 1 (π.χ. http://wp.com/post/?amp=1) αν δεν χρησιμοποιείτε τη λειτουργία Pretty Permalinks στον ιστότοπό σας.

Και όπως μπορείτε να δείτε παραπάνω, η δημοσίευση έχει δώσει βασικά κομμάτια, τα οποία μπορείτε να προσαρμόσετε περαιτέρω.

Να σημειωθεί

Υπάρχουν μερικά πράγματα που πρέπει να γνωρίζετε σχετικά με την κατάσταση του plugin αυτή τη στιγμή:

• Αρχεία - Κατηγορία, Ετικέτα και Custom Taxonomy - δεν υποστηρίζονται αυτήν τη στιγμή. Δεν θα μετατραπούν σε μορφή συμβατή με AMP. Ωστόσο, οι προσαρμοσμένοι τύποι μηνυμάτων μπορούν να ξεκινήσουν σε AMP μέσω φίλτρου.
• Δεν προσθέτει μια νέα οθόνη ρύθμισης στον Πίνακα ελέγχου. Η προσαρμογή γίνεται σε επίπεδο κώδικα με Ενέργειες, Φίλτρα, Κλάση.
• Το plugin δεν συμπεριλαμβάνει επί του παρόντος όλα τα προσαρμοσμένα στοιχεία AMP, όπως amp-analytics και amp-ad έξω από το κουτί. Αν χρειάζεστε αυτά τα στοιχεία, θα πρέπει να τα συμπεριλάβετε συνδέοντας τις ενέργειες ή τα φίλτρα του plugin.

Προσαρμογή

Το plugin παρέχει πολυάριθμες ενέργειες και φίλτρα που παρέχουν ευελιξία στην προσαρμογή των στυλ, του περιεχομένου της σελίδας και ακόμη και της σήμανσης HTML της σελίδας AMP στο σύνολό της.

Στυλ

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

Για να το κάνουμε αυτό, μπορούμε να χρησιμοποιήσουμε το amp_post_template_css Δράση στο functions.php αρχείο του θέματος μας.

λειτουργία theme_amp_custom_styles () ?> nav.amp-wp-title-bar φόντο-χρώμα: πορτοκαλί;   
Αν κοιτάξουμε μέσα από το Chrome DevTools, αυτά τα στυλ προσαρτώνται μέσα στο