מדריך וורדפרס הילד ערכות נושא פיתוח
קיימות מספר סיבות לכך שמפתחי וורדפרס מתחילים להשתמש בנושאים של ילדים. הם נותנים לך את ההזדמנות כדי להתאים אישית פריסה ייחודית על גבי נושא קיים אחר. זה מושלם למתחילים שרוצים לשחק עם בניית נושאים משלהם.
בנוסף עיצובים רבים פרמיה תשחרר עדכונים חדשים לאורך זמן. אם אתה מבצע שינויים בקבצי הליבה של הליבה, הם יחליפו בעת ביצוע העדכון, אך ערכות נושא של ילדים הן נפרדות ומסודרות בקפידה. זה אומר שאתה יכול לבנות את ערכות נושא פרימיום קיימים ולשמור המון זמן בתהליך.
במדריך זה אני רוצה להציג את המושגים הבסיסיים של בניית נושא הילד וורדפרס ומדוע זה רעיון טוב.
מתחילים
נושאים של ילדים אינם קשים כפי שהם עשויים להופיע. היתרונות של עבודה מחוץ להורה אומר שאתה לא צריך לכתוב את כל HTML / CSS מאפס. ערכת נושא של ילד תשתמש באופן אוטומטי בכל קובץ תבנית שתכלול, כגון Sidebar.php
או footer.php
. אבל אם הם חסרים, אז נושא הילד שלך ימשוך את אותם קבצים מהורה שלו.
פונקציונליות זו מציעה כמות עצומה של חופש כדי להתאים אישית תבניות קיימות כבר. זה גם נהדר לגעת באזורים סביב האתר שלך לאירועים מיוחדים, כגון הוספת דפוסי עיצוב לחג המולד או שנים חדשות.
הקבצים הדרושים שלך
אתה צריך רק גיליון סגנונות .css יחיד כדי להגדיר ערכת נושא של ילד ב- WordPress. אתה גם צריך ליצור ספרייה חדשה ב / wp-content / themes
התיקייה אשר יהיה הבית נושא הילד שלך. שים לב אליך לא יצירת תיקיה זו בתוך הנושא האב, אבל ממש בצד עם אותה ספריית נושאים.
מפתחים לעיתים קרובות כוללים function.php ו screenshot.png באותה תיקייה כמו קובץ CSS החדש שלך. צילום המסך מוצג בלוח הניהול של וורדפרס שלך ואת קובץ הפונקציות נושא ניתן להשתמש עבור טונות של שינויים backend.
אבל בינתיים אנחנו צריכים להתמקד בגיליון הסגנונות הראשי. זה נקרא בדרך כלל style.css וכולל כותרת תגובה עם מידע meta ראשי. זה חשוב כי הנושא שלך יוצג רק כילד אם תכלול את שם המדריך של האב. להלן תגובה לדוגמה כותרת:
/ * שם ערכת נושא: עשרים עשרה ילד Eleven נושא URI: http: //example.com/ תיאור: נושא הילד עבור עשרים עשר Eleven עיצוב מחבר: ג 'ייק Rocheleau מחבר URI: http: //www.hongkiat.com/blog/ תבנית: twentyeleven גרסה: 0.1 * /
הערך עבור תבנית צריך להיות שם המדריך עבור ערכת האב המלווה. חוץ מזה כל התגים האחרים צריכים להיות מוכרים סטנדרטיים וורדפרס נושאים.
למרות כל האב תבניות PHP ישמש, הסגנון של האב המקורי לא ייובאו באופן אוטומטי. אם אתה רוצה לעבוד את הסגנונות המקוריים תצטרך לכלול אותו בחלק העליון של הילד שלך style.css מסמך. להלן דוגמה הכוללת את הנושא WP עשרים עשרה Eleven.
כתובת אתר של @import ("... /twentyeleven/style.css");
הגדרת סגנונות חדשים
החלת כללי CSS על הנושא שלך היא פשוט כמו עריכת המקור. אם אתה יודע אילו רכיבים אתה צריך למקד ואז להשתמש סלקטורים אותו לנושא הילד שלך.
אנחנו יכולים הדגמה עם כמה שינויים קלים באמת קישורים ופסקאות. השתמשתי בקוד מתוך הנושא המקורי עשרים עשר Eleven עבור מיקוד אלמנטים שונים. לפעמים יש צורך להשתמש בורר ספציפי יותר כדי לעקוף את העיצוב הישן.
body padding: 0 1.4em; #page margin: 1.667em auto; max-width: 900px; א color: # 5281df; text-decoration: none; משפחת גופן: קליברי, טאהומה, אריאל, סאנס-סריף; a: focus, a: active, a: hover text-decoration: underline;
בשינויים אלה אני צמצמו את גודל הגוף הכולל וגם הסיר כמה ריפוד מהקצוות. כל בוררים אלה ניתן למצוא במסמך המקורי .css. זה ראוי לציון כי אני גם משנה כמה תכונות עבור כל הקישורים עוגן הכוללים ערימת גופן שונים בחירת צבע.
הדברים החשובים
CSS יש הצהרה מיוחדת לסמן עדיפות מעל סגנונות אחרים. התחביר מוצג כ !חשוב
החל בסימן הקריאה ובסיום בסוף נכס ה- CSS. זה הכרחי אם יש לך סגנונות מדורגים מתוך נושא האב אשר מעל הכללים מותאמים אישית משלך.
a color: # 5281df חשוב; text-decoration: none; משפחת גופן: קליברי, טאהומה, אריאל, סאנס-סריף;
למעלה העתקתי את השינויים המקוריים שלי וערכתי את צבע הטקסט עוגן עם סעיף חשוב. זה יהיה עדיפות על כל סגנונות אחרים של עומק אותו בורר. אלמנטים מוגדרים יותר (כגון #access li: רחף> a
) בדרך כלל להחזיק סגנונות משלהם, אלא אם כן צבע
עדיין היה בירושה מן הבורר המקורי שלנו. במקרה זה, נושא ההורה שלנו אינו מגדיר מאפיין של משפחת גופנים בקישורים עוגנים, ולכן לא נתקלים בבעיות ירושה.
אם אתה מתקשה לבצע את השינויים שלך מקל, נסה popping אחד הסימנים החשובים האלה בסוף הצהרת הנכס שלך. זה לא תיקון מושלם עבור כל בעיה ירושה, אבל זה מגיע שימושי הרבה יותר ממה שאתה חושב.
שיבוט פונקציות
שלא כמו בגיליון הסגנונות הראשי, ערכת הנושא של הילד תייבא באופן אוטומטי את פונקציות ההורה. זה אומר שאתה לא צריך להעתיק על כל קוד PHP עדיין יש את זה פעיל הנושא החדש שלך. עם זאת, אם אתה רוצה להגדיר מחדש כמה פונקציות אתה יכול לבנות functions.php אחר ולכתוב את הקוד החדש שלך עם כל השינויים.
כדוגמה יש לי בנוי פונקציה אשר מנתח כמה קבצי JavaScript כאשר התבנית יוזם. פעולה זו תסיר את כל הגירסאות הישנות של סקריפטים jQuery ו- SWFObject, ובמקביל תוסיף את הגרסאות העדכניות ביותר wp_head
אזור.
// תור js קבצים עבור פונקציית העומס mytheme_js () אם (is_admin ()) לחזור; wp_deregister_script ('jquery'); wp_register_script ('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); wp_enqueue_script ('jquery'); wp_deregister_script ('swfobject'); wp_register_script ('swfobject', 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'); wp_enqueue_script ('swfobject'); add_action ('init', mytheme_js);
אני צריך לציין כי אם אתה מייבא קוד מ function.php האב אז תצטרך להשתמש בשם פונקציה אחרת. אחרת PHP ייתן שגיאה קטלנית תצטרך FTP לתוך השרת כדי לתקן את הטעות.
עבודה עם קבצי נושאים
הקטגוריה הרחבה ביותר של נושאים היא בניית פריסות מותאמות אישית וסוגי דפים. כברירת מחדל, נושא הילד שלך יירש את כל קבצי הנושא של ההורה שלו. אבל יש לך את האפשרות של יצירת קבצים חדשים נושא הילד WP יירשם אלה כמו "ראשי" תבנית.
לדוגמה archive.php ו index.php משמשים להצגת ארכיון ההודעות ומסך דף הבית, בהתאמה. אם יש שינויים שתרצה לבצע, המחייבים עריכה ל- HTML, יהיה בטוח יותר לשכפל את קובצי האב ולערוך אותם בספריית הנושאים של הילד.
תבניות דפים מותאמות אישית
בעוד אנחנו מדברים על קבצי תבנית אני גם רוצה להציג פיסת וורדפרס פונקציונליות אשר רבים אינם מכירים. באפשרותך לבנות תבניות של דפים ותבניות שניתן לבחור מהן מתוך החלונית 'מנהל' בעת יצירת תוכן חדש. גם אם נושא האב אינו מכיל את תבנית התבנית החדשה המותאמת אישית, וורדפרס עדיין ישתמש בילד במקום page.php או single.php.
תחילה צור קובץ חדש בשם page-offer.php. זה יהיה “הצעה מיוחדת” דף קידום מכירות אשר נושא נושאים שונים מכל האחרים. כאן אתה יכול להעתיק את קוד הדף המקורי או אפילו לבנות את ערכת הנושא לחלוטין מאפס. הקוד היחיד שאנחנו צריכים לתת וורדפרס לדעת על התבנית החדשה הזו היא הגדרת תגובה ב- PHP.
חלופה נוספת לשיטה זו היא בניית עמודים מותאמים אישית על שם מספר הזיהוי הייחודי. אז במקום לטעון את ברירת המחדל archive.php עבור דפי מחבר אתה יכול ליצור קובץ כגון author-ID.php כאשר מזהה הוא מספר וורדפרס ייחודי של המשתמש. אמנם מערכת זו היא יותר taxing מאז היית צריך ליצור קובץ תבנית חדשה עבור כל המחברים באתר שלך.
זה הופך להיות יותר שימושי אם אתה יכול לשלב אלה שתי טכניקות עם קבצי תבנית אחרים. יש לציין קטגוריות ותגים לעבוד היטב באמצעות קבצי נושא משלהם. גם אם אתה מקשר קבצים מצורפים בתוכן שלך אז אתה רוצה לשקול את תבניות תבנית שונות אפשרי עבור כל סוג mime. כללתי את היררכיית התבנית להלן עבור קובץ מצורף פשוט של תמונת JPEG:
- תמונה
- jpeg.php
- image_jpeg.php
- הקובץ
שימושי WordPress כלים
וורדפרס עצמה יש מערכת plugins צדדי שיכול לנהל הרבה התאמות אישיות. מאז נושאים הילד הם כל כך חדש, אין הסתערות שלמה של משחרר 3rd צד (עדיין). עם זאת ישנם כמה כלים אתה יכול לבדוק כדי להפוך את זמן הפיתוח קצת קצר יותר.
אזכור ברור הוא תוסף בלחיצה אחת תוסף הילד נבנה ונבדק עבור הגירסה העדכנית ביותר של WordPress 3.x. זה מוסיף קישור לתפריט שלך מנהל “ערכות נושא” סעיף כדי לבנות באופן אוטומטי ילד באמצעות ערכת נושא פעילה כרגע. זה פנטסטי אם אתה לא רוצה להתעסק עם FTP והם מחפשים לשחק עם כמה רעיונות חדשים.
אם אתם מתכננים לערוך קבצים אלה בחלונית הניהול תוכלו גם ליהנות מדגש תחביר ברור יותר. זה לא מוצע וורדפרס כברירת מחדל, אבל אתה יכול להתקין את עורך קוד מתקדם עבור כמה פונקציונליות משופרת. זה עושה דשדוש באמצעות בלוקים קוד PHP ו- HTML / CSS הרבה יותר לניהול.
משאבים נוספים
יחד עם כל הטיפים במדריך זה אני רוצה לשתף קבוצה של קישורים חשובים עבור מפתחי נושא. יש כבר כל כך הרבה מאמרים גדולים ונושאים חינם ילד אתה יכול לבדוק כדי ללמוד לעומק לנושא זה. הוספתי אוסף נפלא של משאבים אלה להלן:
- 8 עשרים ילדים חינם ערכות נושא
- וורדפרס Online Codex »ילדים ערכות נושא
- כיצד לבנות נושא WordPress הילד באמצעות הוקס ומסננים
- כמה מילים על ילדים ערכות נושא
- כיצד ליצור, לשנות, ולהשתמש ערכות נושא של ילדים ב - WordPress
סיכום
אני מקווה שתהליך בניית ערכות נושא של וורדפרס יהיה ברור יותר עבורכם לאחר קריאת המאמר. ניסיתי להסביר כיצד נושאים של ילדים יכולים לרשת את תבניות CSS ו- PHP מההורה. בנוסף זה מאוד פשוט לתפעל קבצים ספציפיים וליצור נושאים ייחודיים משלך.
.