מדריכים/יצירת תוכן/קוד/הוספת HTML מותאם אישית

הוספת HTML מותאם אישית

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

לפני שנתחיל

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

  • הטמעת סרטון, מפה, פוסט ברשתות חברתיות או שירות של צד שלישי (YouTube,‏ Spotify, ‏Instagram, ‏Giphy, ‏Pinterest ועוד): יש לעיין במקטע 'הטמעה של תוכן מפלטפורמות אחרות'. הבלוק 'הטמעה' עובד בכל התוכניות ותומך בשירותים פופולריים רבים ללא קוד מותאם אישית.
  • איסוף פרטי קשר, הרשמות או משוב: יש לעיין במקטע הבלוק 'טופס'. הבלוק 'טופס' בונה טופס פעיל ללא HTML.
  • הוספת עיצוב CSS לאתר שלך: יש לעיין במקטע הוספת CSS מותאם אישית.
  • הוספת קוד לכותרות האתר (מטא-תגיות אימות, סקריפטים של צד שלישי שנטענים ברחבי האתר): יש לעיין במקטע הוספת קוד לכותרות.

הוספת בלוק 'HTML מותאם אישית'

כדי להוסיף בלוק 'HTML מותאם אישית', יש לבצע את השלבים הבאים:

  1. יש לעבור אל לוח הבקרה של האתר ולבחור את העמוד, הפוסט או התבנית שברצונך להוסיף אליהם את ה-HTML.
  2. יש ללחוץ על הסמל '+' של מוסיף הבלוקים ולחפש "HTML".
  3. יש ללחוץ על הבלוק 'HTML מותאם אישית' כדי להוסיף אותו לתוכן שלך.
A box drawn around the Custom HTML block in the block selector.

ניתן לראות הוראות מפורטות על הוספת בלוקים כאן.

הוספת HTML משלך

לאחר הוספת הבלוק, יש לבצע את הפעולות הבאות כדי להוסיף קוד HTML:

  1. יש ללחוץ על הכפתור 'עריכת HTML'.
The HTML block with an Edit HTML button.
  1. יש לכתוב או להדביק את קוד ה-HTML בצידו השמאלי של העורך.
    • בזמן כתיבת ה-HTML, תוכל לצפות בתצוגה מקדימה של הקוד בצד ימין.
  2. לאחר סיום הכתיבה, יש ללחוץ על הכפתור עדכון כדי לשמור את השינויים.
The HTML editor with code on the left and a preview on the right.

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

HTML נתמך

HTML היא שפת מחשב הקובעת לדפדפנים כיצד להציג תוכן של אתרי אינטרנט. פלטפורמת WordPress.com מאפשרת את תגיות ה-HTML הבאות בכל התוכניות:

  • a
  • address
  • abbr
  • acronym
  • area
  • article
  • aside
  • b
  • big
  • blockquote
  • br
  • caption
  • cite
  • class
  • code
  • col
  • del
  • details
  • dd
  • div
  • dl
  • dt
  • em
  • figure
  • figcaption
  • footer
  • font
  • h1, h2, h3, h4, h5, h6
  • header
  • hgroup
  • i
  • img
  • ins
  • kbd
  • li
  • map
  • mark
  • ol
  • p
  • pre
  • q
  • rp
  • rt
  • rtc
  • ruby
  • s
  • section
  • small
  • span
  • strike
  • strong
  • sub
  • summary
  • sup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr
  • tt
  • u
  • ul
  • var

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

embed,‏ frame,‏ iframe‏, form‏, input‏, object‏, textarea‏, style‏, link

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

פתרון בעיות נפוצות

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

הקוד נעלם לאחר השמירה

WordPress.com מסנן תגיות HTML מסוימות למטרות אבטחה. תגיות כגון iframe‏, script,‏ style, ‏ form, ‏embed ו-object דורשות תוכנית בתשלום עם תכונות אחסון מופעלות.

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

  1. יש לבדוק את התוכנית שלך. יש לעבור אל לוח הבקרה של האתר ולבחור באפשרות שדרוגים ← תוכניות. הבלוק 'HTML מותאם אישית' מקבל תגיות מוגבלות רק בתוכנית בתשלום. אם נרשמת לתוכנית החינמית, יש לשדרג לכל תוכנית בתשלום כדי להמשיך.
  2. יש להפעיל את תכונות האחסון. תוכנית בתשלום בלבד אינה מספיקה — גם תכונות האחסון חייבות להיות פעילות. יש להתקין לפחות תוסף אחד באתר כדי להפעיל את התוכנית ולאפשר קבלת קוד מותאם אישית.
  3. יש להזין שוב את הקוד שלך. לאחר ביצוע התשלום עבור התוכנית שלך והפעלת תכונות האחסון, יש להדביק שוב את הקוד לבלוק 'HTML מותאם אישית' ולשמור אותו.

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

הטמעה של תוכן של צד שלישי ללא קוד מותאם אישית

אם ניסית להטמיע תוכן משירות של צד שלישי — סרטונים, מוזיקה, מפות, פוסטים ברשתות חברתיות, לוחות שנה, ניוזלטרים או כלי צפייה במסמכים — יש להשתמש בבלוק 'הטמעה' במקום. הבלוק 'הטמעה' עובד בכל התוכניות, אינו ‏מחייב אותך לכתוב HTML, ותומך בשירותים כגון YouTube, ‏Vimeo, ‏‏Spotify, X,‏ Instagram, ‏TikTok ורבים אחרים.

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

פתרון שגיאות של 'תוכן לא צפוי או לא תקף'

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

Copied to clipboard!