// אתם קוראים את...

וורדפרס

מדריך: איך מוסיפים QuickTags בוורדפרס

(פוסט שימושי לשם שינוי)

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

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

קוראי הבלוג הקבועים מכירים בוודאי את ההרגל המטופש שלי לכלול בתחתית הפוסטים הערות שוליים* עם כוכביות קטנות (או לחלופין, להשתמש בטקסט זערורי עבור פרשנות אישית שלי לאורך הטקסט)

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

ההסבר המלא והמפורט נמצא כאן: WordPress QuickTags Guide.
זה מדריך מעולה ומומלץ לקריאה.

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

ראשית, ניגשים אל הקובץ ‎/wp-includes/js/quicktags.js
אני ממליצה מאוד לשמור בצד עותק של הקובץ, כי אתם בהחלט יכולים לשבור כאן דברים וזה בהחלט ייגמר בבכי! (ואני לא אעזור לכם)
בכל מקרה (ואני חייבת להדגיש זאת שוב ושוב ושוב: אל תתעסקו עם העניינים האלה אם אתם לא שולטים מספיק ב-HTML וב- CSS באופן שיאפשר לכם להבין מה אתם עושים ולתקן נזקים אפשריים!

המבנה הבסיסי של ה-QuickTag המצוי (במקרה זה עבור הדגשה של טקסט) הוא כדלקמן:

edButtons[edButtons.length] = new edButton('ed_strong'
,'strong'
,'<strong>'
,'</strong>'
,'b'
,-1
);

הסבר:
ed_strong = זה המזהה הייחודי של הלחצן שלכם. ed_whatever.‏ הוא צריך להיות באנגלית.
strong = זו התווית של הלחצן שאתם יוצרים. הוא יכול להיות בעברית.
<strong> = רוב תגי ה-HTML שתשתמשו בהם כוללים תג פותח ותג סוגר. זהו התג הפותח.
<‎/strong‎> = וזה התג הסוגר.
b = זהו קיצור המקשים שתוכלו להקצות ללחצן שלכם בלחיצה על ALT + אות. (משום מה בפיירפוקס שלי זה לא עובד). חשוב לבדוק שאין כפילות באותיות!
‎-1‎ = זה למעשה רלוונטי אך ורק עבור תגים שאינם אמורים להיסגר (כגון קו אופקי, או טקסט קבוע – דוגמה בהמשך)

כעת, אם כן, נפתח את הקובץ בעורך ה-HTML האהוב עליכם
אני לא ממליצה לעשות זאת דרך עורך הקבצים של וורדפרס כי הוא לא ממש נוח ואין שם אפשרות לביטול פעולות לאחר שמירה וחירבון. ניתן לעבוד בעורך הטקסט הבסיסי הכלול בוינדוס, ועוד יותר טוב לעבוד ב- Notepad++‎ החינמי והמעולה (שגם ישמש אתכם כעורך PHP‏, HTML‏, CSS ומה לא).

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


דוגמאות:

דוגמה א' – קוד פשוט לעיצוב טקסט:
כאן אנו יוצרים QuickTag שמוסיף קוד CSS המקטין את הטקסט שלכם לגודל של 8pt. הדוגמה הנ"ל כוללת תג פותח, תג סוגר, וקיצור מקשים.

QuickTags 1

דוגמה ב' – שורה אחת של הוספת אלמנט
כאן אנו מוסיפים קו אופקי בגודל מוגדר (במקרה זה, גובה של 1 פיקסל, ורוחב של 25% מרוחב הדף).
האלמנט הזה כבר כולל בתוכו סגירה (בדמות הקו הנטוי בסוף התג), ולא הוקצה עבורו קיצור מקשים. לכן נוסיף ‎-1‎ בסופו (כי אנחנו לא רוצים שיווצר מצב ובו וורדפרס סוגר לנו תג שכבר סגרנו).

QuickTags 2

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

QuickTags 3

התוצאה:
נוספו כעת לסרגל הכלים שלנו שלושה לחצנים חדשים:

QuickTags 4

אחד שמקטין את הטקסט


אחד שיוצר קו אופקי

ואחד שמוסיף כוכבית אדומה*

וזהו. שיהיה בהצלחה!


*כי ברור שיותר נחמד לכתוב מדריכים לוורדפרס מלשכתב עבודות שצריכות להיות מוגשות ביום חמישי הקרוב, לא?

תגובות

20 תגובות לפוסט “מדריך: איך מוסיפים QuickTags בוורדפרס”

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

    כמה אמוציות שליליות הוא אסף!

    העורך שמגיע עם וורדפרס 2.1 הוא all I ever used, והוא רחוק מאוד מלהיות "עדיף למות מאשר להשתמש בו".

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:13
  2. אין לי אפילו מושג איזה סוגים של עורכים כלולים בגירסה 2.1. ברירת המחדל שלי, בערך אחרי פוסט אחד מהרגע שהתקנתי וורדפרס היא העורך הפשוט והאהוב.

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 2:15
  3. תני לו צ'אנס.

    אני יודע שזה ממש כיף לעבוד עם הטמל גולמי, אבל נחמד גם לנסות דברים חדשים מדי פעם, לא ככה? :D

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:17
  4. לא מסוגלת. אני חייבת שליטה מלאה ומוחלטת על הטקסטים שלי.
    כמה שיותר הטמל וכסס – יותר טוב.

    מכאן גם חיבתי העזה לשימוש ב- QuickTags מותאמים אישית שחוסכים זמן.

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 2:20
  5. אה, יש טאב של הטמל.

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:23
  6. למה לעבור לטאב של הטמל אם אפשר לעבוד ישר בהטמל בשמחה ובחדווה אין-קץ?

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 2:24
  7. ואם אני לא טועה, הQuickTags שלך יופיעו גם בטאב של ההטמל כשהעורך העשיר מופעל.

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:25
  8. כי אפשר לראות בזמן אמת איך זה נראה?

    מה השלב הבא, שעון בינארי?

    (כן כן, יש 10 סוגים של אנשים וכו')

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:26
  9. בשביל זה בדיוק יש תצוגה מוקדמת. ואני מחבבת מאוד את הפונקציה הזו.

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 2:27
  10. ולמה בעצם להשתמש בעורך בכלל, כשאפשר לגשת לבסיס הנתונים באמצעות phpMyAdmin ולהוסיף שורה לטבלה wp_posts?

    (סתם נו, תעשי מה שכיף לך)

    פורסם על-ידי צפריר ‏| 9 באפריל, 2007, 2:29
  11. אויה, אני לא דוברת SQLית משום זן. ובפעם היחידה שניסיתי לעשות משהו בטבלאות, זה נגמר בבכי (אמיתי) ובהתקנה מחדש של גרגריוס על טבלה חדשה.

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 2:32
  12. מדריך שימושי ביותר. גזרתי ושמרתי. תודה!
    אני משתשמש לאחרונה ב WLW, שהוא נפלא עבור תמונות, ונוח באופן כללי, אבל יש לציין שהוא עדיין לוקה בחסר. אין לו את תג ה more, וכן קביעת timestamp ו trackbacks לא עובדים כלל.

    פורסם על-ידי יוחאי ‏| 9 באפריל, 2007, 5:56
  13. יוחאי – ניסית את Scribefire? (לשעבר Performancing).
    זה כלי חמוד ושימושי, למעט העובדה שהוא כתום ושהוא מתעקש לתקוע "Powered by Scribefire" בתחתית כל פוסט, וכך אתה ממילא נאלץ להכנס אח"כ לפוסט כדי למחוק את האשפה (ולכן מוטב אולי Powered by Notepad ולגמור עניין).

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 9:47
  14. באמת אחלה מדריך – אני התעסקתי בזמנו עם QT בשביל התגובות אצלי ובבלוגלי, אבל זה דיי סופני.

    בדיוק לפני כמה ימים מישהו אמר לי שהוא לא מבין למה אין תוסף שמייצר QT אישיים. נראה לי כהמשך למדריך הזה שאולי הגיע הזמן :-)

    פורסם על-ידי אח"י דקר ‏| 9 באפריל, 2007, 9:57
  15. חנית – נקודה מעולה! צריך לבדוק איך למשל עובד המנגנון של Subscribe2 שמוסיף לתפריט העריכה QT של עצמו.

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 10:00
  16. נכון.
    יש משהו מאד מגניב בתוסף כזה (שלא לומר אחד שיוצר כפתורים גם בעורך עשיר). נותן כח גם למאותגרים טכנולוגית.

    פורסם על-ידי אח"י דקר ‏| 9 באפריל, 2007, 10:06
  17. בהחלט. נו. יום אחד, כשתהיי משועממת במיוחד! :mrgreen:

    פורסם על-ידי שרון ‏| 9 באפריל, 2007, 10:12
  18. [...] מקרה, לאחר חיפושים רבים מצאתי (מחדש) את המדריך הזה אצל שרון ובעזרתו הצלחתי סוף סוף להוסיף את אפשרות ה acronym [...]

    פורסם על-ידי The N.Z.B » טיפ - תוספת acronym ‏| 26 באוגוסט, 2007, 15:25
  19. תודה! זה עובד יופי!

    פורסם על-ידי ערן ‏| 10 באוקטובר, 2007, 13:27
  20. [...] לב שניתן פשוט לייצר לעורך הטקסט quicktags לנוחות שרון כתבה מדריך מצויין לייצור תגיות שכאלו, לחילופין קיים תוסף שעושה את זה [...]

    פורסם על-ידי תוסף וורדפרס: Lang switcher-- הבלוג של אח"י דקר ‏| 1 בנובמבר, 2007, 16:40

הגיבו


:mrgreen::|:twisted::arrow:8O:):?8):evil::D:idea::oops::P:roll:;):cry::o:lol::x:(:!::?:

תצוגה מקדימה:

פוסטים אחרונים

5. אנו מודים לך על פנייתך אלינו
29 ביולי, 2010
מאת שרון גפן
אוי לאוזניים! (או: אני נר)
23 ביולי, 2010
מאת שרון גפן
רונן חן – למה אתה מנסה להרוג אותי?
20 ביולי, 2010
מאת שרון גפן
איגוד האינטרנט הישראלי נגד אינטרנט (וגם נגד דמוקרטיה ושקיפות)
20 ביולי, 2010
מאת שרון גפן
אני ברשימה. איזה כיף! (ותודה להומלס שהביאוני הלום)
18 ביולי, 2010
מאת שרון גפן