הוספת קוד לפוסט

adsense code
קוד בתוך פוסט
"לפעמים הקוד משתלב בדיוק כפי שהוא אמור להשתלב ולפעמים הוא הורס את מראה התבנית".
עד לאחרונה לא הצלחתי להבין איך מכניסים קוד לפוסטים מבלי שישבור את התבנית!
ואני מסביר על embed code כמו Google Adsense או כל קוד HTML המאפשר
העתקה והדבקה מאתר לאתר.
אולי הדוגמה הקלאסית ביותר היא: יוטיוב שמחלקת "אמבדד קוד" אחרי כל סרטון באתר שלה.
Embed video
הקוד
אחרי ניסיון קצר עם העתקה והדבקה של קודים מאתרים שונים, למדתי להבדיל בין כמה סוגי קוד.

הדבקת קוד בתוך פוסט מתחלק לכמה קטגוריות.


הבעיה

WP-Indiana YouTube Preview Image

הוספת קוד לפוסט
שנראה כמו קוד, אך לא מתנהג כמו קוד.
messed up content

"לפי הספר" מה שצריך לעשות הוא פשוט ללכת בחלון העריכה לטאב "עורך קוד"
ולהוסיף את הקוד במקום הרצוי, אבל "נדה"!
bad
היינו מצפים כאשר אנחנו מכניסים קוד כגון: <code> or <pre> שוורדפרס תדע להתייחס
לפקודה כיחידה עצמאית בתוך הפוסט, אך במקום זה וורדפרס משתמשת בעורך הוויזואלי
(בדומה ל ms-word) כדי לתרגם את הטקסט ל- "html ידידותי. מה שנקרא: HTML tag
(איך אחרת הצלחתי להכניס את הטקסט: <code> לצורכי ההדגמה?).

pazel
החלק החסר! מסתבר שבמצב הדיפולטי וורדפרס תמיר פקודות קוד
(javascript, PHP, HTML) שמתחילים עם הסינטקסט "<" לפורמט הדומה ל:
HTML tags

יותר מזה, כאשר קיימים קישורים (http://) בתוך הקוד, וורדפרס תזהה אותם ככתובת url
ותהפוך את השורה שבתוך הקוד ללינק פעיל שבדרך כלל גם מפנה אותנו לשום מקום.

לכן השאלה צריכה להיות כזאת:
מה אם אנחנו רוצים להשתמש בפונקצית ה <קוד> כיחידה עצמאית ולא כ html tags?
.

הפתרון
ישנם כמה גישות לפתרון.

  1. בניית דף php כתבנית והכנסת קוד ה- html לתוכו (כמו חלון החיפוש של גוגל).
  2. שימוש בפלאגין כמו adsense להכנסת קוד לפוסטים ועמודים.
    אפרופו לא מדובר כמובן, ב google adsense, אלא בפלגין כללי ל adsense כלשהו.
  3. שימוש בפלאגין לשימור פורמט ה- html
  4. ביטול ה "עורך הוויזואלי" (פתרון מעצבן) בכל פעם שאנחנו רוצים להכניס קוד.
  5. שימוש בשדות מיוחדים.
  6. טריק בונוס נוסף: htmlconvert.com

הדרך הקלה- שימוש בפלאגין או בעורך html
שימוש בעורך היא הדרך הפשוטה ביותר לשחק עם קוד ללא התעסקות מיותרת.
להלן רשימת עורכים: wp-editors
כלי עריכה מומלצים: Blogdesk, Windows Live Writer
כתיבה ועריכת פוסטים לוורדפרס בעזרת Microsoft Word 2007 Windows Live Writer Blogdesk screenshoot
blank-wi.gif
wp-plugins
תוסף להכנסת קוד: EmbedIt
YouTube Preview Image
blank-wi.gif
הדרך הארוכה- הגדרה ידנית.
אם הבעיה היא בשימור הפורמט, כל מה שאנחנו צריכים זה כלי שישמור את הקוד.
לא צריך להתקין פלאגין, כל מה שצריך לעשות הוא להכניס את הקוד ל htmlconvert
וללחוץ על: convert, ולאחר מכן נעתיק את הקוד ונדביק אותו ב"עורך קוד" בתוך הפוסט.
הוספת קוד לפוסט הוספת קוד לפוסט
הערת שוליים: הדבקת קוד מסוים בסייד בר (sidebar.php)
שונה מהדבקת קוד בתוך פוסט (single.php).
blank-wi.gif
אם למישהו ישנם שיטות נוספת להכנסת קוד לפוסטים, הרי שנשמח לשמוע.
blank-wi.gif
מה עם קוד המבוסס פלאש (swfobject)אשר מסרב להישאר מיושר לימין?
לפעמים שורת הקוד לא כולל הגדרה למיקום בפוסט, ובעקבות זאת הקוד קופץ לצד שמאל של הדף
ללא שום פרופורציה לעמוד התבנית, ומעיף את הסייד בר למקום אחר.
הפתרון
מה שעושה את ההבדל הוא הוספת הפקודה: align="right" לשורת הקוד.
align=
כדי להוסיף שורת הערה לפני ואחרי הקוד: <!–somecodename–>
כדי להוסיף שורת רווח אחרי הקוד: <br/>
code tips

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Related posts


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

טרקבקים & פינגים

עדיין לא נשלחו טרקבקים ופינגים.

תגובות

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

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

תודה

לאיזה תוסף אתה מתכוון?

אם התכוונת ל-EmbedIt אז כן, ניתן להשתמש בו כדי להכניס כל קוד לפוסטים, אפילו אודיו ווידאו.

לא ניתן להגיב לפוסט כעת.