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

WP-bananas Themes
החיפוש אחר התבנית האולטימטיבית.
תבניות! ובכן עסק מורכב, גם אחרי שמצאנו תבנית שמוצאת חן בעינינו ישנם לא מעט שינויים שנצטרך
לבצע על מנת לייצב אותה לפי צרכינו.
וכאן מתחיל המסע שלנו -החיפוש אחר התבנית האולטימטיבית.
ישנם כמה גישות שנוכל לאמץ כדי לעצב לעצמנו תבנית ראויה.

lesson05.gif
מה בעצם הופך תבנית, לתבנית טובה? באיזה פיצ"רים צריכה התבנית לתמוך?

אלמנט העיצוב
ישנם לא מעט תבניות תבניות וורדפרס מתורגמות לעברית (עוד) אך כמו בכל תהליך אפקטיבי
לחיפוש משהו ברשת, נפנה גם למקורות באנגלית. אם מצאנו תבנית באנגלית שמוצאת חן בעינינו
נאלץ לשנות כמה הגדרות אם נרצה תצוגה בעברית.
FotoSky themes
blank-wi.gif
wordPress logoהתקנת תבנית.
כדי להתקין תבנית חדשה (ראה וידאו) כל מה שעלינו לעשות הוא:
להוריד את התבנית ולעלות אותה לספרייה בשרת:/wp-content/themes/.
blank-wi.gif
שימו לב: התקנת תבניות או פלאגינים מוסיפות שורות קוד לבסיס הנתונים
ולקובץ wp_options, כאשר אנחנו מסירים תבנית או פלאגין השורות לא נמחקות
ומעמיסות על הביצועים של וורדפרס.
Slow downloads
כל פעם שדף נטען הוא עובר על קובץ: wp_options
במידה והתקנו והסרנו פלאגינים ותבניות כל המידע עדיין שוכן שם ומעקב את טעינת הדף.
לפתרון ראה: נשבר לי הוורדפרס מה עושים?

אחרי שאנחנו יודעים את התוצאות של התקנה והסרת תבניות, כל מה שנשאר לנו לעשות
הוא למצוא תבנית שמתאימה לצרכים שלנו.
blank-wi.gif
Web design
אתרים מבוססי וורדפרס עם עיצוב מיוחד
אם כבר, אז למה שלא ננסה לגזור את המיטב מכמה תבניות שאהבנו,
ונאחד אותם לתבנית אחת חדשה שלנו?

blank-wi.gif
איזה תבנית הוא משתמש?
כאשר אנחנו נתקלים באתר עם עיצוב מיוחד השאלה הראשונה שעולה לנו היא:
באיזה תבנית האתר משתמש ואיך אנחנו יכולים לאמץ את העיצוב הזה?
בדרך כלל נוכל לדעת איזה תבנית משמשת כבסיס לאתר ע"י הצצה בקוד של העמוד.
View Source

ישנם מקרים שבעל האתר לא מאפשר לנו לדעת מה התבנית שהוא משתמש.
אולי משיקולי אבטחה או אולי הוא פשוט רוצה לשמור על ייחודיות.

לדוגמה, אתר מבוסס וורדפרס עם עיצוב מדהים: webdesignerwall
מנהל האתר שינה את שם התבנית ולא מציג את האינפורמציה.
pass.gif
Best WordPress themes
השארתי תגובה באתר בקשר לאיזה תבנית הוא משתמש, הוא עדיין לא הגיב.
blank-wi.gif
תבניות שמצאתי\ באנגלית.
SendPress תצוגה חיה| הורדה. WP-bananas Themes תצוגה חיה
……………………………
נוספים בקרוב… |
blank-wi.gif
w-icon-small.gifתבניות שמצאתי\ בעברית.
מקורות למציאת תבניות בעברית: בלוג התבניות, …
תבנית techicon הורדה| Sosuechtig theme תצוגה חיה|Freshy  theme תצוגה חיה.
blank-wi.gif

ElegantBlue
ElegantBlue תצוגה חיה| הורדה|.
ניתן לשחק עם ההגדרות של התבנית.

blank-wi.gif
בניית תבנית באופן עצמאי
לפעמים התוצאה טובה ולפעמים התוצאה היא בשבירת התבנית.
כמה מילים לפני: הטיפ הנפוץ ביותר הוא כמובן לגבות את וורדפרס לפני שאנחנו מתחילים
לשחק ולשנות את הקוד- משחק עם קבצי וורדפרס.
רובנו מודעים לחשיבות של גיבוי המערכת לפני כל שינוי אך לפעמים אין לנו את הסבלנות
ואנחנו לוקחים את הצ'אנס ומשנים קבצים ללא גיבוי.
blank-wi.gif
כאשר התוצאה טובה אין שום בעיה ואנחנו אפילו מרגישים "שאקלים"
אך מספיק פעם אחת שהתעצלנו והתוצאה נגמרת"בשבירת התבנית". I Broke My WordPress Theme
blank-wi.gif
כלים לבדיקת תקינות התבנית

נעבור לשלב עריכת קוד.
CSS- הבסיס
בנה
את התבנית בעצמך. |פורום תבניות.
בנה פלאגין בעצמך.
עריכת- CSS
So you want to create WordPress themes huh מדריך צעד, צעד לבניית תבניות לוורדפרס.

The Basics of CSS
blank-wi.gif

הגדרות בסיסיות ושינויים לתבנית.
WordPress Tamplates
מדריך (בעברית) בסיסי להמרת תבניות וורדפרס.
הוספת תמונה וקישורים לקובץ הכותרת: Clickable Header Images
הגדרת פלאש הדר בוורדפרס.
הוספת לוגו שיוצג בדפדפן: Favicon Wordpress Plugin
משחק עם הגדרות עמוד: Multiple Wordpress Page Layouts in One Single Template
מדריך בסיסי להמרת תבניות וורדפרס.
שינוי הטקסט לעברית: |שינויי גודל הטקסט.
blank-wi.gif
Use WP as a CMS בניית דף פתיחה לאתר (בקרוב…).
blank-wi.gif
בניית תפריטים מתקדמים.
תפריטים

blank-wi.gif

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Related posts


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

טרקבקים & פינגים

[...] הבלוג itbananas. [...]


תגובות

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

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

דני, לפי האתר שלך נראה שאתה דווקא כן עובד עם התבנית: ElegantBlue
בכל אופן תוכל למצוא את התשובה בקישור הזה.

בהצלחה…

אתה ענק. טוב לדעת שאתם שם לעזור לפתור בעיות קטנות שעבורנו הם ענננקיייות.
שוב תודה

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

מה הקישור לאתר שלך?

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

יאיר,
יש לך בוורדפרס עורך מובנה: תחת עיצוב, עריכת עיצובים.
במידה ואתה רוצה לערוך את הקבצים ע"י תוכנה חיצונית, כל עורך טקסט יספיק.
החל מ notepad או התחליפים שלו:
Intype
Notepad++
ConTEXT

הראל

אני שואל על עורך PHP – כמו שיש עורך לדפי HTML ויזאלי

תודה על התגובה

אבל אני מחפש עורך ויזואלי גרפי כמו מירוסופט וורד או פרונט פייג וכדומה

שיאפשר לי לערוך דף PHP מתוך התצוגה הויזאלית

יש דבר כזה?

אני מחפס את התבנית אנדריאס 01 לוורדפרס עם תרגום לעברית מי שיוכל למצא אותו /להגיב על מעולתיו/חסרונותיו אשמח מאד.
נ.ב. עיקר הסיבה שאני רוצה אותו זה בגלל שיש לו שני סרגלים מימין ומשמאל-אם יש תבנית (לבנה/תכלת, עברית, סרגלים משני צדדים)איכותית אשמח לקבלם, תודה.

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

לא ניתן להגיב לפוסט כעת.