קורס ג'ומלה 2.5 של עדן אוריון

למדו לבנות אתר בכוחות עצמכם

יצירת קישורים

כיצד ליצור קישורים בתוך מאמרים לכל דבר:

לאתרים חיצוניים

למאמרים אחרים בתוך הג'ומלה

לקבצים שנעלה למנהל המדיה

לפריטי תפריט אחרים

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

עורך תוכן זה הוא חינמי וניתן להורידו באתר הזה

עריכת CSS בערכת נושא חדשה

לאחר שיצרנו ערכת נושא, ופריסה ומיקמנו אותם בפרופיל

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

בשלב זה נעשה שימוש בתוסף Firebug ל-Firefox או כל תוסף שעושה דברים דומים לדפדפנים אחרים שלכם.

הרעיון בכללי:

לאתר את תכונת העיצוב שרוצים לשנות בעזרת ה-inspector , כלומר את הגדרת ה-CSS ב-DIV.

 

style 1

להוסיף/לגרוע/לשנות תכונות בעיצוב עד שמגיעים למה שרוצים.

style2

להעתיק את כל הגדרת העיצוב של ה-DIV 

file to edit

להדביק את הגדרת העיצוב בקובץ המתאים

css edit

עריכת מיקומים בפריסות Layout בתבנית JA T3

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

שיעור זה מלמד:

  • כיצד לשנות את סדר המיקומים
  • כיצד ליצור מיקום חדש/תחליפי למודול

שינוי סדר מיקומים

edit layout1

בחירת הפריסה לעריכה ולחיצה על כפתור Edit

before change

זהו קוד הפריסה הפועלת כרגע.

המיקומים מוגדרים כבלוקים מסוגים שונים.

כדי לראות כיצד הם פועלים נלחיל בהחלפה בין שורות של בלוק הכותרת Header לבין בלוק התפריט Mainnav

ניתן לערוך בחלון העריכה, או להעתיק לאדיטור אחר שנוח לכם יותר ולהחזיר ולהחליף

לאחר ההחלפה הקוד נראה כך

after change

לשמור ולבדוק

יכול להיות שבלוח הבקרה של התבנית בצד הקדמי (של הגולש) תצטרכו לבחור מלבד הפרופיל גם בפריסה שיצרתם.

Home-1

בחירת הפרופיל והפריסה לצפייה

BA

לפני שינוי מיקומי הבלוקים ואחרי.


החלפת בלוק במיקום מודול אחר

ניתן להחליף בלוק , למשל את בלוק ה-Header בבלוק שיכיל מיקום למודול רגיל. נקרא למיקום החדש top_header

השורה הדרושה למודול רגיל (עם הכותרת המעוצבת של התבנית)

<block name="top_header_name" type="modules" style="raw">top_header</block>

new block

אפשר להוסיף גם סגנון  style, למשל להעלים את הכותרת, שיהיה מיקום נקי לגמרי (טוב למודולים של תמונות וכותרות)

     <block name="top_header" type="modules" style="raw" main-inner="1">top_header</block>

styled block

בעריכה זה יראה כך, לשמור גם בעורך וגם בתבנית

new top header

אחרי השמירה ניתן לבדוק שוב בהיצע המיקומים של התבנית בעזרת

?tp=1

new position

יצירת מודול מסוג Custom Html במיקום החדש

new module

צפייה במודול בצד הקדמי

new module 2

מאמרים נוספים...

קטעי קוד חשובים

קוד להכנסת מיקום למודול

קוד להכנסת מיקום לקומפוננט

קוד ל- Header של תבנית T3

שיבוץ מודול בתוך מאמר

קורס ג'ומלה גרסה 3

לאלה שרוצים להכיר את הדור הבא של מערכת ניהול התוכן הטובה בעולם

כאן, ורק כאן!!!