מדריך למנהלי אתרים מבוססי WordPress איך לשנות את הקישור לעמוד
במדריך זה נעבור על שתי דרכים לשנות את הקישורים של עמודים בבלוגים מבוססים וורדפרס
הדרך הראשונה והקלה ביותר תוסף Page Links To
יתרונות
- לא צריך ידע טכני , אין התערבות שלך בקוד html של ערכת הנושא
- כל מה שצריך לעשות זה להתקין את התוסף
- ניתן להפוך גם פוסטים \ כתבות לקישורים
חסרונות
- כל תוסף שאתה מתקין מכביד על המערכת, מה שמשפיע על זמן הטעינה של האתר
- כל תוסף דורש עידכון כמעט בכל פעם שיוצאת גירסה חדשה של WordPress
- מה שמכריח אותך לבדוק כל פעם אם התוסף מתאים לגירסה החדשה
- מרבית התוספים בוורדפרס נעשו ע"י אנשים פרטיים
מה שאומר שלא תמיד יהיה עידכון גירסה
מדריך התקנה ושימוש בתוסף Page Links To
החל מגירסה 2.7 ב WordPress התקנת התוספים הפכה לפשוטה יותר
ניתן להתקין תוספים ישירות מהממשק ניהול
לכל מי שאין את האופציה ניתן להוריד את התוסף מאתר WordPress
הורדה
לעמוד של התוסף באתר WordPress לחץ כאן
לאתר הבית של התוסף לחץ כאן
העלה את התיקייה page-links-to לתיקייה wp-content/plugins שלך
הפעל את התוסף "Page Links To" בממשק ניהול ב WordPress
איך יוצרים קישור ?
צור עמוד או פוסט עם כותרת לבחירתך (השאר את התוכן ריק)
למטה באפשרויות המתקדמות מצא את היישומון find the Page
כתוב את כתובת האתר שתרצה לקשר אליו את העמוד
עוד ניתן לסמן בתיבות האם לאפשר פתיחה של הקישור בחלון דפדפן חדש
שמור את הפוסט או הדף וזהו סיימת!
כעת, העמוד או הפוסט יקשר לכתובת האתר שבחרת
הדרך השנייה אינה דורשת שימוש בתוסף
אך יש צורך בהתערבות בקוד Html של האתר
יתרונות
- אינו מכביד על המערכת בגלל שלא צריך להתקין תוסף נוסף
- עמודים אינם מופיעים באופן אוטומטי בכל פעם שאתה מפרסם אותם
מה שאמור שניתן להסתיר עמודים מהרשימה (בדר"כ מופיע בראש העמוד או בסרגל הצדדי) - ניתן לעצב את העמודים בכל עיצוב שתבחר (דורש מעט ידע ב Html או Css לפי הצורך)
אנחנו נעבור על זה בקצרה במדריך זה
חסרונות
- צריך לעדכן ידנית כל עמוד חדש
- לא ניתן לקשר פוסט לכותבת (עם התוסף Page Links To אפשר)
מדריך ללא שימוש בתוסף
בממשק ניהול של WordPress לחץ מראה הבלוג -> לערוך
בעמוד עריכת ערכות עיצוב עליך לאתר את הקוד wp_list_pages
למידע נוסף אודות התגית wp list pages ב WordPress לחץ כאן
בערכת העיצוב " קלאסי 1.5 מאת דייב שיאה "
הקוד מופיע בסרגל צדדי (sidebar.php)
ומוצג כך :
<?php wp_list_pages('title_li=' . __('Pages:')); ?>
עליך למחוק את השורה ובמקום להוסיף את הקישורים שתבחר
3 סוגי קישורים
קישור טקסט
הקוד
התוצאה
* ניתן גם להשתמש בתגיות הפניה get option
למידע נוסף אודות התגית wp list pages ב WordPress לחץ כאן
לדוגמא קישור טקסט לדף הבית
קוד
* אם אתה צריך ניתן להוסיף רווח בין הקישורים ע"י הוספת הקוד
תמונה כקישור
הקוד
<a href="http://www.gadgetguru.co.il/" title="GadgetGuru"><img src="http://www.gadgetguru.co.il/wp-content/themes/ondemand/images/logo.jpg" /></a>
התוצאה
שתי תמונות כקישור עם אפקט במעבר עכבר
לדוגמא ניתן לראות בצד שמאל של העמוד אתת הקישור לטופס משוב על האתר
אם אתה כבר שם תן משוב דעתך חשבוה לנו (-:
* בחלק זה של המדריך נעשה שימוש ב CSS
* ברב ערכות הנושא מופיע בשם קובץ העיצוב (style.css)
לכתבה Kampyle טופס משוב כולל ניתוח סטטיסטיקות לאתר אינטרנט
כולל מדריך שינוי עיצוב לחץ כאן
דבר ראשון אתה צריך לעלות שתי תמונות שתרצה לשרת
בדוגמא מתחת צריך לעלות את הקבצים
kampyleoff.gif (94 bytes, 0 הורדות)
You do not have permission to download this file.
kampyleon.gif (93 bytes, 0 הורדות)
You do not have permission to download this file.
לתיקייה images בערכת הנושא הפעילה
שלב שני העתק את הקוד ל קובץ העיצוב (style.css)
#Kampyle {
width: 19px;
height: 100px;
background: url(images/kampyleoff.gif) top left no-repeat;
cursor: pointer;
}
#Kampyle:hover {
width: 26px;
height: 100px;
background: url(images/kampyleon.gif) top left no-repeat;
}
שלב שלישי ואחרון הקוד לתצוגה של הקישור
אל תשכח לשנות
* את המידות בקוד שיתיאמו לגודל של התמונות שלך
* את הכתובת והשם של התמונה במידה והעלתה קבצים אחרים מהמדריך
אז מה קורה שם ?
מידות של התמונה
width רוחב
height גובה
מיקום התמונה
float יישור – ניתן לבחור right , left , center
margin גבולות
הכי חשוב הכתובת של התמונה
url(images/digg_off.png)
cursor סמן של העכבר במעבר עכבר
לסמלים השונים לחץ כאן
תגיות:בלוגרים ומנהלי אתרים, מדריכים וטיפים, מדריכים ל Wordpress, מדריכים למנהלי אתרים, עיצוב Wordpress, תוספים ל WordPress
אודות GadgetGuru
אספנו עבורכם את מיטב החדשות והעידכונים מעולם הגאדג'טים והטכנולוגיה
אשר חלקן מגיעות ממשרדי יחסי ציבור והיבואנים המובילים בישראל.
האתר מסקר באופן שוטף, און ליין, חדשות ועידכונים טכנולוגים,
אודות מוצרים המתקדמים ביותר של מיטב היצרנים.
כתבות בנושא
0 תגובות לכתבה מדריך למנהלי אתרים מבוססי WordPress איך לשנות את הקישור לעמוד
כתיבת תגובה
חדשות
סמסונג משיקה מדפסות מונו-לייזר A4 המהירות בעולם
בסדרת ML-5510/6510, המוצעות לשיווק בעיקר לחברות
סמסונג משיקה מדפסות ...
הי, יופי של פוסט !!
איך אני יוצר רשימת לינקים, כאשר כל לינק מורכב מ:
1. תמונה קטנה
2. 2 שורות מלל
עטוף במסגרת?
ע"י HTML? אם כן, אז לאן אני מכניס את הקוד לאחר שבניתי אותו?
תודה.
פונקציה חדשה להוספה של תמונה לפוסט לחץ כאן
מסגרת תעשה ב css
#frame {
width: 650px;
height: 150px;
background: #FFFFFF;
border:1px solid #dddddd;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
padding: 2px 0 0 0;
float: right;
}
תעטוף את הרשימה ב
זה יוצר מסגרת אפורה עם רקע לבן כמו באיזור השיתוף של הכתבה מעל