כיצד ליצור דפוסי חסימות כדי להאיץ את בניית האתר

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


add_action ('init', פונקציה () {

register_pattern ('NAME', [
'title' => __ ('TITLE'),
'תוכן' =>
'תבנית'
]);
});

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map