הוספת קוד לפוסט
קוד בתוך פוסט
"לפעמים הקוד משתלב בדיוק כפי שהוא אמור להשתלב ולפעמים הוא הורס את מראה התבנית".
עד לאחרונה לא הצלחתי להבין איך מכניסים קוד לפוסטים מבלי שישבור את התבנית!
ואני מסביר על embed code כמו Google Adsense או כל קוד HTML המאפשר
העתקה והדבקה מאתר לאתר.
אולי הדוגמה הקלאסית ביותר היא: יוטיוב שמחלקת "אמבדד קוד" אחרי כל סרטון באתר שלה.
הקוד
אחרי ניסיון קצר עם העתקה והדבקה של קודים מאתרים שונים, למדתי להבדיל בין כמה סוגי קוד.
הדבקת קוד בתוך פוסט מתחלק לכמה קטגוריות.
- הוספת סרטוני יוטיוב ושות': פופולארי. התקנת פלאגין לפעולה זו.
- הוספת גוגל אדסנס או חלון חיפוש של גוגל: פופולארי, התקנת פלאגין לפעולה זו.
- הוספת קוד html מאתר כלשהו לפוסט.
הבעיה
הוספת קוד לפוסט שנראה כמו קוד, אך לא מתנהג כמו קוד.
"לפי הספר" מה שצריך לעשות הוא פשוט ללכת בחלון העריכה לטאב "עורך קוד"
ולהוסיף את הקוד במקום הרצוי, אבל "נדה"!
היינו מצפים כאשר אנחנו מכניסים קוד כגון: <code> or <pre> שוורדפרס תדע להתייחס
לפקודה כיחידה עצמאית בתוך הפוסט, אך במקום זה וורדפרס משתמשת בעורך הוויזואלי
(בדומה ל ms-word) כדי לתרגם את הטקסט ל- "html ידידותי. מה שנקרא: HTML tag
(איך אחרת הצלחתי להכניס את הטקסט: <code> לצורכי ההדגמה?).
החלק החסר! מסתבר שבמצב הדיפולטי וורדפרס תמיר פקודות קוד
(javascript, PHP, HTML) שמתחילים עם הסינטקסט "<" לפורמט הדומה ל:
יותר מזה, כאשר קיימים קישורים (http://) בתוך הקוד, וורדפרס תזהה אותם ככתובת url
ותהפוך את השורה שבתוך הקוד ללינק פעיל שבדרך כלל גם מפנה אותנו לשום מקום.
לכן השאלה צריכה להיות כזאת:
מה אם אנחנו רוצים להשתמש בפונקצית ה <קוד> כיחידה עצמאית ולא כ html tags?.
הפתרון
ישנם כמה גישות לפתרון.
- בניית דף php כתבנית והכנסת קוד ה- html לתוכו (כמו חלון החיפוש של גוגל).
- שימוש בפלאגין כמו adsense להכנסת קוד לפוסטים ועמודים.
אפרופו לא מדובר כמובן, ב google adsense, אלא בפלגין כללי ל adsense כלשהו. - שימוש בפלאגין לשימור פורמט ה- html
- ביטול ה "עורך הוויזואלי" (פתרון מעצבן) בכל פעם שאנחנו רוצים להכניס קוד.
- שימוש בשדות מיוחדים.
- טריק בונוס נוסף: htmlconvert.com
הדרך הקלה- שימוש בפלאגין או בעורך html
שימוש בעורך היא הדרך הפשוטה ביותר לשחק עם קוד ללא התעסקות מיותרת.
להלן רשימת עורכים: wp-editors
כלי עריכה מומלצים: Blogdesk, Windows Live Writer
תוסף להכנסת קוד: EmbedIt
הדרך הארוכה- הגדרה ידנית.
אם הבעיה היא בשימור הפורמט, כל מה שאנחנו צריכים זה כלי שישמור את הקוד.
לא צריך להתקין פלאגין, כל מה שצריך לעשות הוא להכניס את הקוד ל htmlconvert
וללחוץ על: convert, ולאחר מכן נעתיק את הקוד ונדביק אותו ב"עורך קוד" בתוך הפוסט.
הערת שוליים: הדבקת קוד מסוים בסייד בר (sidebar.php)
שונה מהדבקת קוד בתוך פוסט (single.php).
אם למישהו ישנם שיטות נוספת להכנסת קוד לפוסטים, הרי שנשמח לשמוע.
מה עם קוד המבוסס פלאש (swfobject)אשר מסרב להישאר מיושר לימין?
לפעמים שורת הקוד לא כולל הגדרה למיקום בפוסט, ובעקבות זאת הקוד קופץ לצד שמאל של הדף
ללא שום פרופורציה לעמוד התבנית, ומעיף את הסייד בר למקום אחר.
הפתרון
מה שעושה את ההבדל הוא הוספת הפקודה: align="right" לשורת הקוד.
כדי להוסיף שורת הערה לפני ואחרי הקוד: <!–somecodename–>
כדי להוסיף שורת רווח אחרי הקוד: <br/>
![[del.icio.us]](http://images.del.icio.us/static/img/delicious.small.gif){kind=small}
Related posts
נהנית מהפוסט? ניתן להביע זאת בעזרת השארת תגובה ויצירת המשך דיון, או הרשמה לפיד ה-RSS וקבלת כל הפוסטים ישידות לקורא ה-RSS שלך.
כל הכבוד!!!
ממש רק אתמול "נתקעתי" לראשונה עם בעית הקוד למדיה שורדפרדס הורסת אותו לחלוטין אחרי שמירה.
הפיתרון שאני מצאתי זה העתקת הקוד לעורך דפים ויזואלי רגיל ומשם לעבור לתצוגת קוד HTML
להעתיק אותו ולהדביק בורדפרס בתצוגת קוד ואז זה נראה טוב ויפה.
זה פיתרון חלקי בלבד כי אם תצטרך עריכה נוספת של הפוסט - בזה נגמר הסיפור של הקוד היפה…
אם אני מבין נכון כל זה לא רלוונטי כשיש את התוסף הזה?
והאם זה עובד גם לקבצי אאודיו?
תודה
לאיזה תוסף אתה מתכוון?
אם התכוונת ל-EmbedIt אז כן, ניתן להשתמש בו כדי להכניס כל קוד לפוסטים, אפילו אודיו ווידאו.