כל מה שצריך לבניית אתרים ושיווק באינטרנט.
קורסים, שירותים ומערכות.

קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר

זהו, כבר יש לכם אתר וורדפרס באוויר, יפה ועם תכנים.

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

א. שליטה על מראה האתר דרך הגדרות התבנית

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

 

ב. התקנת תוסף Firebug והחלפת תמונות באתר (כמו הלוגו)

 

 

ועכשיו שאתם יודעים איך להשתמש בfirebug אתם יכולים לעבור לסרטון הבא:.

ג. שליטה על מראה האתר דרך קובץ css (לא חובה!) + איך “לעברת” תבניות

“קובץ הcss” מאפשר לכם לשנות צבעים, רווחים, פונטים, ובעצם כל מה שתרצו. זה קצת יותר טכני משאר הסרטונים, אבל אל תיבהלו, זה באמת פשוט.

56 תגובות

  1. הסבר מעולה לעיצוב תבנית וורדפרס
    אורי, הסבר פשוט ומצויין.
    עלה לי במאות שעות של ניסוי ותיקון בכדי להגיע ליידע שאתה מוסר כאן בצורה ברורה וקלה להבנה.
    אני בונה תבניות וורדפרס לשימושי בתוכנת artisteer ורק לאחרונה הם איפשרו בלחיצה אחת להפוך את כל כיוון התבנית מימין לשמאל.
    דורון יניב יועץ עסקי שיווקי

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

  3. תודה רבה
    היי, תודה על הקורס המצוין.
    קניתי דרככם אחסון ואני אשמח לקבל את הסרטונים המתקדמים על האחסון.
    תודה

    1. RE: תודה רבה
      שלום עדי,
      מזל טוב!
      תשלחי לנו למייל את שם הדומיין, חברת האחסון ותאריך הרכישה.
      (את יכולה פשוט להשיב על אחד מהמיילים שקיבלת מאיתנו).
      אורי

  4. RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
    היי אורי,
    איך ניתן להוריד את וידג’ט החיפוש מתוך האתר?

    1. RE: RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
      כמו כל וידג’ט – כנס לאזור הוידג’טים וגרור אותו החוצה

  5. RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
    שאלה לגבי הסרטון שמשנים תמונות דרך השרת – סרטון ב’
    למה שארצה להשתמש באפשרות הזו על מנת להחליף תמונות באתר, לא יותר פשוט לעשות את זה דרך הוורדפרס או הג’ומלה?

    תודה

  6. RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
    בסרטון ב’ – לא מופיע הוספת הפייר-באג. צפיתי מספר פעמים ולא מצאתי את הקטע. פספסתי משהו או שזה חסר שם באמת?

    תודה ,
    רן

  7. שאלה לגבי טפסים וDATABASE
    אורי שלום

    האם ניתן לנהל טפסים בWORDPRESS , שימלאו מסדי נתונים ?
    או שבמצב כזה , עדיף בעצם לא לעבוד עם WORDPRESS ?

      1. RE: RE: שאלה לגבי טפסים וDATABASE
        כל עוד אנ ייכול לקבל סוג של טבלה , זה בסדר .
        שאלה נוספת , לגבי אבטחת האתר ( האתר כנראה “יזמין” פריצות) , האם זה מבוצע דרך שרתי האחסון ועד כמה ניתן לסמוך עליהם?

  8. אתה גדול- תודה על קורס מאיר עיניים
    היי אורי,
    תודה על הקורס המאלף. נהניתי מכל רגע.
    שאלה קטנה: יש לי אתר וורדפרס שמאוחסן ב BLUEHOST.
    אני רוצה להכין מס’ דפי נחיתה.
    האם אני צריכה לפתוח מס’ תיקיות ב FILE MANAGER או שבאותה תיקיה אני יכולה לעשות מס’ דפי נחיתה שונים?

    תודה על הכל
    מירה

    1. תגובה ותשובה למירה ד
      בס”ד

      לא, את לא צריכה לפתוח תיקיה נפרדת את פשוט עושה סאאב דומיין לכל דף נחיתה, באתו אתר, וחבל על דומיין נפרד.

      נ.ב.
      ד”ש חם-חם לך אורי

  9. תודה לך אורי
    בס”ד

    רק היום התאפשר לי ליכנס לעומק של הקורס שלך.

    וכבר פתרתי לי כמה וכמה בעיות של יכולתי להתגבר עליהם עד עכשיו.

    דרך אגב,
    הייתי מאד ממליץ על תבנית בשם “Weaver” שהוא כבר ישירות בעברית, והיא ידועה גם אצל בוני אתרים כתבנית הכי גמישה שרק יכול להיות. והיא גם חינמית.

    אני אישית משתמש בה, ועוד לא נתקלתי עם משהו שלא יכולתי לעשות בה.

    כמו”כ הייתי ממליץ במיוחד לאלו שלא כל כך שולטים באנגלית, לבצע את ההתקנה מכיוון ההפוך דהיינו להעלאות את התוכנה של העברית דרך התוכנה “FilZilla-Client” מהמחשב לשרת האחסון וכדאי אולי גם להביר את הדרך הזו.

    בידידות
    צבי

    נ.ב.
    ישנם הרבה שכותבים את המילה אחסון ב-“כ” (אכסון) וטעות בידם, כי השורש של אחסון נובע מתוך המילה של מחסן/לאחסן/אחסנה, ולא כותבים מכסן/לאכסן/אכסנה.
    ונבצר מבינתי איך גם אנשים אינטילגנטים טועים בזה.

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

  11. כמה שאלות
    1.קורא לי הרבה פעמים שהדפדפן (פיירפוקס) לא נותן לי להכנס לאתר ומביא לי הודעה של “חיבור לא בטוח” . ואקספלורר בכלל לא נותן לי להכנס לאתר, למה זה קורא?
    2.באיזה תקיה נמצא קובץ העברית ומה שמו?
    תודה רבה

  12. לצבי: על איחסון ואיכסון…
    לדעתי המינוח הנכון הוא איכסון אתרים, מלשון “אכסניה” ולא איחסון מלשון “מחסן”… את האתר לא מכניסים למחסן לשמירה ולשימוש במועד מאוחר יותר אלא נותנים לו מקום “להתאכסן” בו, כמו אורח שמתאכסן במלון… אגב, רבים גם משתמשים לחילופין במונח “אירוח אתרים”, מה שבעצם רק תומך בהשערה שהעליתי…

  13. ftp
    שלום אורי,
    האם אתה ממליץ על תוכנת גיבוי שמתאימה לוורדפרס?
    דיברת על AKEEBA לג’ומלה בסרטון הבונוס.

    מה ההבדל בין לעשות את זה עם תוכנה לבין פשוט להעביר את כל התיקייה של האתר ב-FTP?

    1. RE: ftp
      אין בעיה להוריד את כל הקבצים בftp, אבל בנוסף צריך לשמור גם את הdb (תוכל להוריד אותו אן דרך phpmyadmin או דרך Database manager).
      אישית אני משלםפ לבלוהוסט עוד 12$ לשנה, ואז יש להם שירות גיבוי מצוין שאני די סומך עליו (לא שזה דבר נכון לעשות, עדיף לעשות גיבוי נוסף במחשב שלך).

  14. RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
    תודה רבה על התשובה המהירה !

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

  15. לערוך PHP
    שלום אורי,

    נתקלתי בבעיה, בתבנית שאני משתמש לא מופיע “תקציר הפוסט” אלא רק פוסטים מלאים – מה שזה אומר שבכל קטגוריה מופיעים פוסטים מלאים ולא תקצירים – כמו שאני רוצה שזה יהיה?
    אני אמור לסדר את זה דרך קובץ PHP. אתה יודע עם איזו תוכנה ניתן לערוך את הקבצים האלו?

  16. איתור קובץ CSS ב-FTP
    שלום אורי,

    אם אני רוצה לערוך את קובץ CSS דרך ה-FTP.
    איך אני יודע לאיזה קובץ לגשת ? איך אני יודע את מיקומו ?
    האם יש איזו דרך לדעת זאת דרך ה-FIREBUG?

    1. RE: איתור קובץ CSS ב-FTP
      ודאי, פתח את הפיירבוג, הצבע על הקטע שאותו אתה בודק, ותראה שבקטעים של הcss, אם תעבור עם העכבר על הכותרת של כל קטע – הוא יראה לך את הכתובת של אותו קובץ.

  17. RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
    בעה”י

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

    1. RE: RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
      הי,
      1. את הכיתוב משנים בהגדרות האתר (תראי בתפריט – הגדרות).
      2. מה הלינק לאתר שלך?

        1. RE: RE: RE: RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
          שלום, עדיין אין לי פתרון לבעיית עיצוב הכתב בפתקית שבראש תמונת הכותרת. האם זה אפשרי?

          1. RE: RE: RE: RE: RE: קורס וורדפרס – היום החמישי – עיצוב מתקדם של האתר
            בעה”י
            שלום, הורתי את השורה עם האותיות הקטנות וזה נראה סביר מבחינתי.
            שאלה נוספת – האם ניתן להעלות תמונת כותרת ולצרף אליה כיתוב או שצריך שהכיתוב יהיה בתמונה מלכתחילה לפני שאני מעלה אותה?
            תודה

  18. שאלה
    תודה על הסרטונים, שאלתי, אני מחפש תבנית וורדפרס שתוכל להתאים לרוחב 810 פיקסל- אשמח להמלצה

  19. כמה שאלות אם אפשר בבקשה
    ערב טוב לך אורי. יש לי כמה שאלות בנושא בניית אתרים
    1) סיפרו לי בעבר שאם אני עושה אתר דרך “בוני אתרים”, אז כל החיים שלי יהיו בידי אותו בונה אתר. האם זה נכון גם לגביך ?
    2) האם יש תבנית כמו שיש לי באתר הנ”ל ? אבל שיהיה בעברית ?
    3) כמה זמן לוקח לעלות קובץ של סרט למשל 700 מגה לשרת האחסון שאתה ממליץ עליו בסרטונים שלך ?
    4) כמה שטח דיסק יש בשרת האחסון שהוא חינמי ? והאם יש אפשרות להגדיל אותו.
    5) האם באתר החינמי של וורדפרס אני יכול לשים פרסומות של גוגל כדי להרוויח מזה כסף ?
    6) באחד השיעורים לימדת, על שרת האחסון. לא כ”כ הצלחתי להבין למה בשרת יש כל מיני תוספים ובאותו סרטון הראתה, איך מעלים את הוורדפרס לשרת. אבל מה שלא הצלחתי להבין זה, מהן כל האייקונים שהיו באותו הדף של העלאה. אשמח להסבר.
    7) בדרך לא דרך הצלחתי להגיע לדף הזה. ועכשיו אני שואל איך אני בדיוק אמור ליצור איתך קשר כדי שתוכל ליצור לי את האתר שלי בעברית. או בכלל לשאול אותך שאלות באופן פרטי.

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

    בתודה, יחזקאל

    1. RE: כמה שאלות אם אפשר בבקשה
      שלום יחזקאל, אני אענה לך תוך כדי השאלות שלך:

      1) סיפרו לי בעבר שאם אני עושה אתר דרך “בוני אתרים”, אז כל החיים שלי יהיו בידי אותו בונה אתר. האם זה נכון גם לגביך ?
      [b]לא. זה בדיוק היופי של מערכות קוד פתוח. [/b] אני לא בונה לך את האתר אלא מלמד אותך איך לבנות אותו לבד במערכת קוד פתוח. כלומר שהאתר הוא לגמרי שלך, תוכל להעביר אותו בכל שלב לחברת אחסון אחרת, ותוכל לעשות את כל האתר לבד או אם תצטרך בעתיד לשכור מתכנת, יש אלפי אנשים בארץ שיודעים לעבוד עם מערכת וורדפרס כך שגם אז לא תהיה תלוי במישהו מסוים.
      2) האם יש תבנית כמו שיש לי באתר הנ”ל ? אבל שיהיה בעברית ?
      [b]אני לא רואה לאיזה תבנית אתה מתייחס (מה זה “האתר הנ”ל”). אם התכוונת לשאול האם זה עובד על תבניות, אז כן, אבל אתה לא מוגבל לכמה תבניות מסוימות, אלא יש אלפי אפשרויות (כי אלפי אנשים מסביב לעולם בונים תבניות לוורדפרס ותוכל להשתמש בכל אחת מהן. רובן בחינם, חלקן בתשלום סמלי).[/b]
      3) כמה זמן לוקח לעלות קובץ של סרט למשל 700 מגה לשרת האחסון שאתה ממליץ עליו בסרטונים שלך ?
      [b]לא יודע… לי לוקח להעלות 10 מגה כארבע דקות. תחשב… אבל אני מציע לך שסרטים תעלה ליוטיוב ותטמיע אותם באתר, זה יותר מהיר כך. (כך כל האתרים היום עושים) אנחנו מראים איך לעשות את זה בסרטוני הבונוס.[/b]
      4) כמה שטח דיסק יש בשרת האחסון שהוא חינמי ? והאם יש אפשרות להגדיל אותו.
      [b]עקרונית השטח הוא בלתי מוגבל. בפועל יש כמה הגבלות (אנחנו מסבירים עליהם באחד המיילים שתקבל מאיתנו). בפועל אני כרגע עם 7 ג’יגה באחת מחברות האחסון ([url]http://bit.ly/bluehost-israe[/url]l) ואין עם זה בעיה.[/b]
      5) האם באתר החינמי של וורדפרס אני יכול לשים פרסומות של גוגל כדי להרוויח מזה כסף ?
      [b]האתר הוא שלך לגמרי, ותוכל לשים בו כל מה שתרצה.[/b]
      6) באחד השיעורים לימדת, על שרת האחסון. לא כ”כ הצלחתי להבין למה בשרת יש כל מיני תוספים ובאותו סרטון הראתה, איך מעלים את הוורדפרס לשרת. אבל מה שלא הצלחתי להבין זה, מהן כל האייקונים שהיו באותו הדף של העלאה. אשמח להסבר.
      [b]מלבד וורדפרס, יש כל מיני מערכות נוספות לבניית סוגים שונים של אתרים, למשל אתר וויקי (כמו וויקיפדיה), אתר ג’ומלה ועוד רבים. כל אייקון שם מאפשר לך להתקין סוג אחר של אתר. תוכל להתקין הרבה אתרי וורדפרס או כמה סוגים של אתרים. מה שתרצה. אני אישית ממליץ להתמקד בוורדפרס וג’ומלה, הן נחשבות הכי טובות.[/b]
      7) בדרך לא דרך הצלחתי להגיע לדף הזה. ועכשיו אני שואל איך אני בדיוק אמור ליצור איתך קשר כדי שתוכל ליצור לי את האתר שלי בעברית. או בכלל לשאול אותך שאלות באופן פרטי.
      [b]פשוט תענה למיילים שאתה מקבל מאיתנו.[/b]

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

      בתודה, יחזקאל[/quote]

  20. עריכת קובץ ה HTML
    הי אורי,

    כאשר מפעילים את ה firebug מקבלים חלון ימני שבו מופיע קובץ ה CSS (ושאותו בד”כ ערכת בהדרכה), וחלון שמאלי שבו מופיע קובץ HTML.
    מה קורה אם השינוי שאני רוצה לבצע הוא דווקא בקובץ ה – HTML ? לא הצלחתי לאתר את הקובץ בספריית התבנית – נוצר דינאמית ?

    תודה,
    מוטי.

  21. firebug
    הי אורי
    התקנתי את הfirebug אבל כשאני מגיע לעשות את השינוי האמיתי באתר אין לי את הסרגל למטה כמו שניראה אצלך שמאפשר לאתר את השורה בה צריך לעשות שינוי

    בתודה שילו

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

  23. טמפלט מיובא
    היי אורי,
    תודה רבה על הקורס המעולה שלך.
    אשמח אם תוכל לעזור לי אני בונה אתר לחברים ואני ייבאתי את הטמפלט שלהם מ Themeforest
    1. שאני מעוניין להיכנס לדף הבית לדוגמא הוא מפנה אותי לכתובת של ה DEMO ולא לאותו הדך עם הכתובת של האתר שאני בונה
    2. השאלה השניה היא איך אני יכול להיכנס לקוד של ה CSS כי כשאני פותך את הקוד אני רואה
    @import url(“style/style.css”);
    @import url(“style/shortcodes.css”);
    ולא את הקוד שאתה מראה בקורס.

  24. פיירפוקס VS כרום
    שלום אורי!
    ראשית, תודה רבה על הקורס הנפלא.
    שנית, אני מבין שאתה אוהב את פיירפוקס. אני משתמש בכרום, ואמנם התקנתי פיירפוקס לכבוד השיעורים שבדף זה, כדי לראות את הדברים, אבל אני לא כל כך ממהר להחליף את הכרום, שמאפשר לי סנכרון מלא של הסימניות וההעדפות שלי מכל מחשב (אני לא מוטרד מהאח הגדול שעוקב אחרי כל הזמן).
    נברתי קצת בכרום ואני מבין שגם שם יש כלי פיתוח דומים לפיירפוקס, וממש לא קטלא קניא. עם זאת לא הצלחתי למצוא בדיוק את הרכיבים המדוברים.
    נראה לי שכדאי שתעשה סרטון השלמה למשתמשי כרום, כי בכל זאת 51% מהעולם משתמשים בו, לעומת רק כ-15% בפיירפוקס…

    1. חוזר: פיירפוקס VS כרום
      שלום יזהר,
      1. משתמשי פיירפוקס רואים בזה עניין עקרוני… 🙂
      2. בכל אופן, תוכל להשתמש בכרום כמובן, ורק לצורך בניית האתרים תפתח את הפיירפוקס.
      3. לגבי סרטון על הכלי שיש בכרום, רעיון טוב, אני אעשה את זה מתישהו בעז”ה.

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

  26. שאלה לגבי דפי נחיתה
    שלום אורי,
    עד עכשיו הקורסים שלך עזרו לי מאוד. תודה רבה!
    יש לי שאלה , אם אני רוצה לשנות רק עמוד אחד -את העיצוב שלו כדי שיהיה דף נחיתה האם ניתן לעשות זאת דרך העורך של css שישפיע רק על אותו עמוד?1 ואם לא אז איך בכל זאת ניתן לעשות דבר כזה?
    תודה מראש.

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

  28. אתר ממון – ביקורות וקורסים על שיווק באינטרנט ובניית אתרים
    Wow, awesome blog layout! How long have you been blogging for?
    you made blogging look easy. The overall look of your web site is wonderful,
    as well as the content!

  29. אתר ממון – ביקורות וקורסים על שיווק באינטרנט ובניית אתרים
    Here are 7 truths offer learned about good Research.
    Content is what can make or break your traffic or even your world-wide-web site.
    The layout of your site is extremely important.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

מאמרים פופולריים

מאמרים קשורים

רייזאפ – Riseup – תוכנה לניהול כלכלי יעל בקלות ובכיף

רייזאפ (Riseup) היא תוכנה מעולה לניהול כלכלי. היא מתחברת לכל חשברונות הבנק שלכם ולחשבונות כרטיסי האשראי ואז עושה שני דברים:

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

אנחנו באתר ממון משתמשים ברייזאפ כבר יותר משנה והמערכת עשתה לנו פלאים.

אז מה עדיף – וורדפרס או וויקס?

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