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

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

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

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

 

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

---

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

[github_profile username="rackerlabs"]

---

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

[github_repo id="rackerlabs/repose"] 

---

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

[gist id="fac84b22c965a58d21510392b09d7254"]

---

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

[pastebin id="5mD8Uc3m"]

---

הטמעת קוד מ-CodePen

[codepen id="evsuw"]

הטמעת Terminal Session (Asciinema):

 

  

    

      

      

      

    
    Recorded Terminal

קרדיטים

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

• [JQuery] (https://jquery.com/) – John Resig
• [Github Cards] – lepture
• [gist-embed] – Blair Vanderhoof

דוגמא

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

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

התקנה

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