רוב בעלי אתרים ובלוגרים אשר מקימים אתרי אינטרנט באמצעות מערכת וורדפרס, עושים את אותם פעולות שוב ושוב. כעת נסביר על מה מדובר, ואיך ניתן לפתור את זה. כדי שתהפוך את תהליך העבודה שלך ליותר קלה ומהירה, עליך להשתמש בקיצורי דרך שנראה בעוד רגע. לפני שנתחיל, חשוב לציין שמדובר בשיטה מאוד פשוטה, שכל אחד יכול לעשות זאת, ולא מצריך ידע והבנה מעמיקה בתכנות, אך רצוי הבנה בקוד ברמה בסיסית לצורכי סדר הדברים. כל מי שעבר קורס בניית אתרים יודע היטב לזהות אובייקטים שונים בקוד ולהבין מה הם עושים גם אם אותו תלמיד שעשה את הקורס אינו ממש מתמצה מכתיבת קוד.
אז מה זה קיצורי דרך בוורדפרס ואיך אנחנו משתמשים בו ?
[adsense]
דוגמה והבהרה:
אתם פותחים עמוד חדש פוסט חדש בוורדפרס ומכניסים בו תוכן. החלטתם להשתמש ולכלול בו תמונה קבוע או באנר פרסומי כלשהו. כמובן, בעלי אתרים נהגו לעלות את התמונה באמצעות העורך הוויזואלי של וורדפרס, ולפרסם אותה בעמוד. במקרה ומדובר בתהליך שהוא חד פעמי זה לא כל כך נורא, אך קחו מצב שבו אתם מעוניינים לכלול את אותה תמונה, או את אותו הבאנר או טופס צור קשר מספר פעמים באתר וכל פעם במקום אחר, בעמוד אחר. כדי לעשות זאת, בעלי אתרים נהגו לעתיק או לרשום קוד html של אותו הטופס או לעלאות בנר באמצעות העלאת תמונה לשרת וכו'.
זה יכול לקחת לך בין 30 ל-60 שניות בכל פעם שתחליט לשתול את אותו הקוד שוב ושוב. כדי לחסוך בזמן, ניתן להשתמש בקיצורי דרך כמו – [banner-example] –
כמובן את השם בתוך סוגריים המסולסלות כל אחד יבחר לעצמו אך במקרה זה, בחרתי לתת לו את שם – banner-example .
כדי לגרום לקיצור הנ"ל להופיע בתור בנר באתר, עלינו לבצעה מספר שלבים.
- כדי ליצור קיצור דרך עליך להכנס לוורדפרס –> מראה הבלוג –> עריכה
- עלינו לערוך את התבנית הקיימת שלנו.
- גש לקובץ הנקרא Functions.php
- רד למטה עד סוף העמוד ותוסיף את הקוד הבא:
- function banner_shortcode( $atts ) {
- extract(shortcode_atts(array(
- 'format' =>gt; '1',
- ), $atts));
- switch ($format) {
- case 1 :
- $banner= '<p style="text-align: center"> <img src="http://1.gravatar.com/avatar/533046d7d02e182c34f5af098b5322d7?s=80>amp;d=http%3A%2F%2Fwebist.co.il%2Fwp-content%2Fthemes%2Fwebist%2Fimages%2Fdefault_avatar_visitor.gif%3Fs%3D80>amp;r=G" /></p> ';
- break;
- }
- return $banner;
- }
- add_shortcode('banner-example', 'banner_shortcode');
כעת, באפשרותך לגשת לכל עמוד באתר שלך ולהוסיף את הקיצור דרך בצורה שכתובה כאן – [banner-example] – ובנר יופיע לכם באתר בכל מקום שתבחרו.
רגע, מאיפה הבנר ?
בתוך הקוד ניתן למצאו את הפקודה – $banner הכוללת בתוכה הגדרה פשוטה בשפת html המקשרת את התמונה לקוד.
בתחילת הפוסט רשמתי שאינכם צריכים ידע בתכנות אלה הבנה בסיסית, לכן כל מה שאתם צריכים לערוך, זהו השרשור של התמונה שנמצא בתוך התגית img לבנר שלכם.
אתם מוזמנים כעת להשתמש בקיצור דרך שיצרתם ולכלול אותה באתר.
יתרונות:
את הבנר ניתן לשנות באמצעות שינוי פקודה בתוך הקוד שנמצא למעלה עם ידע בסיסי בשפת html, והשינוי ישפיע על כל האתר מה שיחסוך ממך לעבור אשרות דפים באתר כדי לשנות את הבנרים שהוצבו ידנית
חסרונות: אין.