תוסף וורדפרס להטמעת קוד ממקורות חיצוניים

הייתי זקוק להטמיע מספר קודים בכמה פרוייקטים שלי, וחיפשתי דרך יצירתית שבה אוכל להטמיע את הקודים ממקור חיצוני (כגון github OR pastebin) ועוד..
כתבתי תוסף הטעמה קטן שמאפר להטמיע מקטעי קוד מתוך Pastebin, Github,Github gists ו-CodePen ולהציג אותם בתוך מקומות שונים באתר (פוסטים, דפים, ווידג'טים)..

הטמעות אפשריות:

  1. Github Profile
  2. Github repository
  3. Github Gists
  4. Pastebin
  5. CodePen
  6. Asciinema (חדש)

 

צורת השימוש בתוסף


הטמעת פרופיל גיטהאב

N|Solid

[github_profile username="rackerlabs"]

הטמעת ספריה מגיטהאב

N|Solid

[github_repo id="rackerlabs/repose"] 

הטמעת קטעי קוד מגיטהאב

N|Solid

[gist id="fac84b22c965a58d21510392b09d7254"]

הטעמת קוד מפסטבין

N|Solid

[pastebin id="5mD8Uc3m"]

הטמעת קוד מ-CodePen

N|Solid

[codepen id="evsuw"]

הטמעת Terminal Session (Asciinema):

 

Recorded Terminal

קרדיטים

פרוייקט זה משתמש בספריות בקוד פתוח אשר עזרו לפתח תוסף זה.

דוגמא

[github_repo id="SnirSofer/wp-live-code-embed"]

הטעמת סשן טרמינל:

Recorded Terminal

התקנה

  1. יש להוריד את הפרוייקט מכתובת הפרוייקט הרשמית
  2. יש לחץ את קובץ ה-zip.
  3. העלו את התיקיה המחולצת לנתיב wp-content/plugins/
  4. הפעילו את התוסף.
  5. השתמשו בדוגמאות המוצגות על מנת להציג מקטעי קוד.
  6. תהנו 🙂

אהבת את הפוסט? אשמח אם תשתף אותו!

שיתוף ב facebook
שיתוף ב linkedin
שיתוף ב twitter
שיתוף ב email
שיתוף ב whatsapp
שיתוף ב telegram

תוכן שאולי יעניין אותך..

Windows

סקריפט לניקוי קבצים זמניים ב-Windows 10

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

6 תגובות

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *