כיצד להשתמש ב - AMP עם וורדפרס

AMP הוא מאמצים קהילתיים אשר מבטיח א ביצועים טובים יותר של טעינת דפים עבור אתרים בסביבה הניידת. אבל, כפי שאתה יכול למצוא מן המדריך הקודם שלנו, תצטרך להקריב דברים מהודרים מהאתר שלך, בהחלט בצע את הכללים, לציית להנחיות, ולקבל דפים מאומתים. זה נשמע כמו הרבה לעשות, לא?

למרבה המזל, אם אתה כבר בנוי אתר האינטרנט שלך עם וורדפרס, אתה יכול להחיל AMP לאתר האינטרנט שלך ב הצמדה באמצעות תוסף בשם AMP-WP. זה נשלח עם תכונות יותר ממה פוגש את העין. אז בואו נראה איך זה עובד.

הפעלה

ראשית, היכנס לאתר שלך, עבור אל תוספים> הוסף חדש מסך. לחפש אחר “AMP; להתקין ולהפעיל את אחד מ Automattic.

לאחר ההפעלה, תוכל להציג את הפונקציה AMP-converted על-ידי הוספת ההודעה / amp / שביל בסוף כתובת האתר של הפוסט (למשל. http://wp.com/post/amp/), או עם ?amp = 1 (למשל,. http://wp.com/post/?amp=1) אם אתה לא משתמש בתכונה Permalinks די באתר האינטרנט שלך.

וכפי שאתה יכול לראות לעיל, את ההודעה ניתנה בסיסי stylings, אשר תוכל לבצע התאמה אישית נוספת.

לרשום

יש כמה דברים שכדאי לדעת על מצב הפלאגין כרגע:

• ארכיון - קטגוריה, תג ו טקסונומיה מותאמת אישית - אינם נתמכים בשלב זה. הם לא יומרו בפורמט AMP תואם. עם זאת, סוגים מותאמים אישית פוסט יכול להיות יזם לתוך AMP באמצעות מסנן.
• הוא אינו מוסיף במסך הגדרה חדש במרכז השליטה. התאמה אישית מתבצעת ברמת הקוד עם פעולות, מסננים, מחלקה.
• התוסף אינו כולל כעת כל אלמנטים מותאמים אישית של AMP כגון אמפ-אנליטיקס ו amp-ad מחוץ לקופסא. אם אתה צריך את האלמנט הזה תצטרך לכלול אותו על ידי משדלת לתוך פעולות או מסננים של התוסף.

התאמה אישית

תוסף מספק פעולות ומסננים רבים המספק גמישות על פני התאמה אישית של סגנונות, תוכן הדף, ואפילו סימון HTML של דף AMP כמכלול.

סגנונות

אני בטוח שזה דבר אחד שאתה רוצה לשנות מיד לאחר הפעלת התוסף, כגון שינוי צבע הרקע של כותרת, משפחת הגופנים וגודל הגופן כדי להתאים בצורה טובה יותר את המותג ואת האישיות של האתר שלך.

לשם כך, אנו יכולים להעסיק את amp_post_template_css פעולה ב פונקציות קובץ של הנושא שלנו.

function theme_amp_custom_styles () ?> nav.amp-wp-title-bar background-color: orange;   
אם נסתכל דרך ה - DevTools של Chrome, סגנונות אלה יצורפו בתוך