וורדפרס - שימוש בקיצורים - הבלוג של אח"י דקר

לוורדפרס יש מנגנון מובנה בשם shortcode המנגנון הזה נכנס החל מגרסה 2.5

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

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

ויש עוד אינסוף דוגמאות.

למה הכוונה ב-shortcode?

מדובר על טקסטים מהצורה [הזו], כלומר השימוש בהם הוא בעזרת טקסט בתוך סוגריים מרובעים.

למעשה יש 4 סוגים של קיצורי דרך בהם וורדפרס תומכת:

הפשוט – [shortcode]
בעל הפרמטרים – [shortcode data='abc']
בעל התוכן – [shortcode]data data data[/shortcode]
המשולב – [shortcode data='abc'] bla bla bla[/shotrcode]

רובנו מכירים את הממשק בעיקר בזכות תוספי נגני הוידאו השונים שמשתמשים בו.

אז איך משתמשים?

ההגדרה בוורדפרס של קיצורי דרך שכאלו היא ממש פשוטה

1
2
3
4
5

function mypic($atts) {
return <img src="http://example.com/wordpress/wp-content/uploads/2009/08/mypic.jpg" alt="my picture" />
}

add_shortcode('[pic]', 'mypic');

הקוד למעלה יוסיף את התמונה mypic.jpg בכל מקום בטקסט בו יופיע הקיצור [mypic]

דוגמה נוספת בעלת שימוש בפרמטרים:

1
2
3
4
5
6
7

function pic_shortcode($atts) {
extract(shortcode_atts(array(
'alt' =&gt; 'none'
), $atts));
return "<img src="my-url" alt="$alt" />\n";
}
add_shortcode('[pic]', 'mypic');

והשימוש:
[pic alt='my alter ego']

דוגמה לשימוש עם תוכן:

1
2
3
4
5
6
7
8
9

function pic_shortcode($atts, $content='') {
extract(shortcode_atts(array(
'alt' =&gt; 'none'
), $atts));
return "<img src="my-url" alt="$alt" />
<div class="text-over">$content</div>
\n";
}
add_shortcode('[pic]', 'mypic');

והשימוש:
[pic]התוכן שלי[/pic]

דוגמאות מהחיים:

תמונות לפי נושאים

נייצר את הקיצור הבא:
[משחקים]

1
2
3
4
5
6
7

function games_shortcode($atts) {
extract(shortcode_atts(array(
'alt' =&gt; 'none'
), $atts));
return "<img src="my-url" alt="$alt" />\n";
}
add_shortcode('[משחקים]', 'games_shortcode');

זה למעשה זהה לגרסה הראשונה שראינו
אבל מה אם יש לנו מספר נושאים שכאלו ?
הנה הפתרון
[subject type='משחקים']

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function subject_shortcode($atts) {
extract(shortcode_atts(array(
'type' =&gt; 'none'
), $atts));
switch ($type) {
case 'משחקים':
$url='games-image-url';
break;
case 'עבודה':
$url = 'work-image-url';
break;
case 'none':
$url = '';
}
if (is_empty($url))
return '';
else
return "<img src="$url" alt="$alt" />\n";
}
add_shortcode('[subject]', 'subject_shortcode');

הוספת מודעות גוגל

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function adsense_shortcode( $atts ) {
extract(shortcode_atts(array(
'format' =&gt; '1',
), $atts));

switch ($format) {
case 1 :
$ad = '<script type="text/javascript"></script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>';
break;
}
return $ad;
}

add_shortcode('adsense', 'adsense_shortcode');

הגעתם עד הנה ? מצויין.
שאלות, טענות, הארות – בתגובות.
מקווה שעזר.

עוד טקסטים בנושא:

025 קיצורי דרך בוורדפרס נהניתם ? הרשמו לעדכוני RSS !