תבניות לוורדפרס

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

![]()
התקנת תבנית.
כדי להתקין תבנית חדשה (ראה ווידאו) כל מה שעלינו לעשות הוא:
להוריד את התבנית ולעלות אותה לסיפרייה בשרת:/wp-content/themes/.
![]()
שימו לב: התקנת תבניות או פלאגינים מוסיפות שורות קוד לבסיס הנתונים
ולקובץ wp_options, כאשר אנחנו מסירים תבנית או פלאגין השורות לא נמחקות
ומעמיסות על הביצועים של וורדפרס.

כל פעם שדף נטען הוא עובר על קובץ: wp_options
במידה התקנו והסרנו פלאגינים ותבניות כל המידע עדיין שוכן שם ומעקב את טעינת הדף.
לפתרון ראה: נשבר לי הוורדפרס מה עושים?
אחרי שאנחנו יודעים את התוצאות של התקנה והסרת תבניות כל מה שנשאר לנו לעשות
הוא למצוא תבנית שמתאימה לצרכים שלנו.
![]()

אתרים מבוססיי וורדפרס עם עיצוב מיוחד
אם כבר, אז למה שלא ננסה לגזור את המיטב מכמה תבניות שאהבנו
ולאחד אותם לתבנית אחת חדשה שלנו?
- אתר מבוסס וורדפרס עם עיצוב מדהים בכל התבנית: webdesignerwall
- אתר בעל עיצוב מיוחד בגוף הפוסט: themeshaper.com
- תפריטים מבוססיי וורדפרס: h4×3d.com
- רשימת תבניות שזכו בתחריות: wp-magazine, sndbx.org
בונוס: אתר בעל כותרת מיימית.
![]()
איזה תבנית הוא משתמש?
כאשר אנחנו נתקלים באתר עם עיצוב מיוחד השאלה הראשונה שעולה לנו היא:
באיזה תבנית האתר משתמש ואיך אנחנו יכולים לאמץ את העיצוב הזה?
בדרך כלל נוכל לדעת איזה תבנית משמשת כבסיס לאתר ע"י הצצה בקוד של העמוד.

ישנם מקרים שבעל האתר לא מאפשר לנו לדעת מה התבנית שהוא משתמש.
אולי משיקולי אבטחת או אולי הוא פשוט רוצה לשמור על יחודיות.
לצורך הדוגמה, אתר מבוסס וורדפרס עם עיצוב מדהים: webdesignerwall
מנהל האתר שינה את שם התבנית ולא מציג את האינפורמצייה.
![]()

השארתי תגובה באתר בקשר לאיזה תבנית הוא משתמש, הוא עדיין לא הגיב.
![]()
תבניות שמצאתי\ באנגלית.
תצוגה חיה| הורדה.
תצוגה חיה
……………………………
נוספים בקרוב… |
![]()
תבניות שמצאתי\ בעברית.
מקורות למציאת תבניות בעברית: בלוג התבניות, …
הורדה|
תצוגה חיה|
תצוגה חיה.
![]()
ElegantBlue
תצוגה חיה| הורדה|.
ניתן לשחק עם ההגדרות של התבנית.
- להחליף את חלון החיפוש בזה של גוגל.
- להוסיף חלון תגובות לדפים.
- לשנות את תצוגת הפוסטים: change-the-number-of-articles-shown.txt
- לשנות את גודל הפונט: מיתוך ממשק הניהול של וורדפרס, עיצוב, עריכת עיצובים:
לערוך את: style.css לאתר את השורה: body ולשנות את גודל הפונט: font-size
![]()
בניית תבנית באופן עצמאי
לפעמים התוצאה טובה ולפעמים התוצאה היא בשבירת התבנית.
כמה מילים לפני: הטיפ הנפוץ ביותר הוא כמובן לגבות את וורדפרס לפני שאנחנו מתחילים
לשחק ולשנות את הקוד- משחק עם קבצי וורדפרס.
רובנו מודעים לחשיבות של גיבויי המערכת לפני כל שינויי אך לפעמים אין לנו את הסבלנות
ואנחנו לוקחים את הצאנס ומשנים קבצים ללא גיבויי.
![]()
כאשר התוצאה טובה אין שום בעייה ואנחנו אפילו מרגישים שאקלים
אך מספיק פעם אחת שהתעצלנו והתוצאה נגמרת"בשבירת התבנית". ![]()
![]()
כלים לבדיקת תקינות התבנית
- שווה לאפשר תצוגה מקדימה לתבניות לפני התקנתם!
- תיקון קישורים מתים בפוסטים ועמודים: Broken Link Checker
- בדיקות לתקינות התבנית: Validating the Code
- חקירת אופן פעולת התבנית: Integrating Plugins
נעבור לשלב עריכת קוד.
![]()
בנה את התבנית בעצמך. |פורום תבניות.
בנה פלאגין בעצמך.
עריכת- CSS
מדריך צעד, צעד לבניית תבניות לוורדפרס.
הגדרות בסיסיות ושינויים לתבנית.

מדריך (בעברית) בסיסי להמרת תבניות וורדפרס.
הוספת תמונה וקישורים לקובץ הכותרת: Clickable Header Images
הגדרת פלאש הדר בוורדפרס.
הוספת לוגו שיוצג בדפדפן: Favicon Wordpress Plugin
משחק עם הגדרות עמוד: Multiple Wordpress Page Layouts in One Single Template
מדריך בסיסי להמרת תבניות וורדפרס.
שינוי הטקסט לעברית: |שינויי גודל הטקסט.
![]()
בניית דף פתיחה לאתר (בקרוב…).
![]()
בניית תפריטים מתקדמים.
![]()
![]()
Related posts
נהנית מהפוסט? ניתן להביע זאת בעזרת השארת תגובה ויצירת המשך דיון, או הרשמה לפיד ה-RSS וקבלת כל הפוסטים ישידות לקורא ה-RSS שלך.




לגבי webdesignerwall, זהו אתר שנתקלתי בו בעבר. הבחור שמנהל את האתר הזה הוא מעצב בעצמו, והתבנית שהוא יצר עבור האתר היא לא תבנית שניתנת להורדה, מהסיבה הפשוטה שהוא רוצה שהיא תישאר רק שלו. יש הרבה מעצבים שעושים את זה, בעיקר כאלה שמנסים להתפרנס מעיצוב אתרים.
אני מעונין להגדיל פונט קריאה
בתבנית Big blue. הפונט בתקצירים בדף הראשי,
והפונט בפוסט עצמו. איך עושים זאת? התבנית הזו
פשוט פצצה עבורי והבעיה עימה שהיא מגיעה עם
פונט של גמדים.
דני
נ.ב לכן אני עובד כרגע עם תבנית אחרת…
דני, לפי האתר שלך נראה שאתה דווקא כן עובד עם התבנית: ElegantBlue
בכל אופן תוכל למצוא את התשובה בקישור הזה.
בהצלחה…
אתה ענק. טוב לדעת שאתם שם לעזור לפתור בעיות קטנות שעבורנו הם ענננקיייות.
שוב תודה
הראל, שיניתי את הגודל בקובץ הרלוונטי והעלאתי את התבנית החדשה BIG BLUE במקום זו שקיימת וכלום. לא שינה את גודל הפונט. נותר קטן כשהיה. הם יש לך איזה שהוא פתרון נוסף?
מה הקישור לאתר שלך?