Welcome, Guest
Username: Password: Remember me
כאן תוכלו לשאול על קהילת ג'ומלה בעולם בכלל ובישראל בפרט. שאלות לגבי אירועים, אתר זה וחדשות ג'ומלה יבואו בקטגוריה זו.

TOPIC: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה"

המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #1

שלום,
בהמשך למדריך הזה goo.gl/f8Vw4
אני מכין עוד מדריך והפעם "איך לשחק לשנות ולהוסיף קוד בגומלה".
(המדריך נכתב בהנחה שאתם יודעים CSS וPHP ונועד למתחילים)

קודם כל צריך להוריד תוסף בשם FireBug שאיתו ניתן לשחק בזמן אמת עם הקוד
הורדה לפיירפוקס: getfirebug.com/downloads/
הורדה לכרום: chrome.google.com/webstore/detail/bmagok...eehmkpknfglimnifench
והנה סרטון מעולה של עדן שמסביר איך להשתמש בFireBug


אחרי שלמדנו להכיר את FireBUg אני רוצה להמליץ למשתמשי כרום על הכלים למפתחים
שזה כמו פיירבאג רק שבו אפשר לשחק גם עם הPHP!
לחיצה על Ctrl + Shift + I יביא אתכם לזה

בצד שמאל למטה יש כפתור dock to menu תלחצו עליו ועכשיו זה בדיוק כמו בפיירבאג!
כדי לבחור מיקום שבו יש קוד שאתם רוצים לראות (כמו inspect בפיירבאג) לחצו לחצן ימני "בדוק מרכיב"

דבר שני לפני שמתחילים:
מומלץ להוריד עורך קוד נח אני ממליץ על notepad ++ החינמית!
תרגום לעברית, RTL, יפה ונח!
הורדה: notepad-plus-plus.org/download/v5.9.3.html

עכשיו אפשר להתחיל ;)
בקוד של גומלה יש שני סוגים:
CSS וPHP
בעקרון CSS = החלק הויזואלי כמו גופן, צבע, גודל ועוד...
PHP = שפת תכנות...
CSS
ללמוד CSS זה פשוט מאוד (אפשר אפילו להסתכל קצת ואז ללמוד את הטאגים מכאן www.tagindex.net/css/index.html)

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

אם כתוב element.style סימן שזה בקוד PHP
אם כתוב template_css.css (כמו בתמונה)
הקוד נמצא בתוך templates --> name of the template --> CSS
פתחו את הקובץ בעזרת notepad++ ותוכלו לשנות את מה שאתם רוצים!
עוד משהו קטן - קבצי CSS אחרים כדי לדעת איפה הם נמצאים אפשר להשתמש בכלים למפתחים של כרום ולשים את הסמן על השם של הקובץ והוא יגיד איפה הקובץ נמצא...
PHP
תאמת בזה אני פחות מבין... אבל אני אנסה להגיד מה שאני יודע.

לערוך PHP בג'ומלה זה סיפור הכי חופר שיכול להיות! (או אולי לא? :S )
כאן פיירבאג כמעט ולא יעזור לכם...

יש שתי דרכים שאני מכיר לערוך את הPHP
דרך קובץ index.php
או דרך העורך עצמו!

קובץ הindex.php נמצא בתיקיית התבנית ובו יש את הקוד של התבנית
אם תרצו לשחק במיקומים, בסגנונות (style) או בתבנית עצמה זה המקום

אם תרצו לשחק במאמרים או במודול custom HTML תצטרכו לשנות דרך העורך בגומלה.
תורידו JCE מכאן www.joomlacontenteditor.net/
וכשתערכו תלחצו על Toogle Source Code

וכאן תוחלו לשחק כמה שבא לכם!

זהו!
הערות\הארות יתקבלו בברכה!
ולא לשכוח את הכפתור תודה!
  • אלעד
  • אלעד's Avatar
  • מנותקים
  • דייר ותיק
  • Posts: 287
  • Thank you received: 18
  • קארמה: 4
המנהל ביטל גישת כתיבה ציבורית.
המשתמשים הבאים אמרו לך תודה: yehudaeitam

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #2

אלעד, יש לך בתפריט איזור אישי אפשרות להגשת מאמר. תוכל להעביר את זה למאמר ואני אפרסם את זה באתר.
  • oc666
  • oc666's Avatar
  • מנותקים
  • מנהל
  • Posts: 1027
  • Thank you received: 108
  • קארמה: 23
embAD-new way to insert ads to your website
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #3

ניסיתי את זה אבל זה מכניס אותי ל404
  • אלעד
  • אלעד's Avatar
  • מנותקים
  • דייר ותיק
  • Posts: 287
  • Thank you received: 18
  • קארמה: 4
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #4

אכן היתה בעיה.
תוכל לנסות שוב אחרי לוגין מחדש.
תודה.
  • oc666
  • oc666's Avatar
  • מנותקים
  • מנהל
  • Posts: 1027
  • Thank you received: 108
  • קארמה: 23
embAD-new way to insert ads to your website
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #5

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

תעשה בבקשה שיהיה אפשר לערוך גם אחרי שמגיבים!
  • אלעד
  • אלעד's Avatar
  • מנותקים
  • דייר ותיק
  • Posts: 287
  • Thank you received: 18
  • קארמה: 4
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #6

אתה לא תוכל להשתמש בעורך של הפורום בשביל עריכת מאמר (העורך של הפורום משתמש ב-bbcode). תצטרך לעשות העתק הדבק מהפורום לתור עורך המאמר החדש שתפתח. לאחר מכן, בטח יהיה לך עריכה קלה אבל הרוב יודבק AS IS.
  • oc666
  • oc666's Avatar
  • מנותקים
  • מנהל
  • Posts: 1027
  • Thank you received: 108
  • קארמה: 23
embAD-new way to insert ads to your website
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #7

  • oc666
  • oc666's Avatar
  • מנותקים
  • מנהל
  • Posts: 1027
  • Thank you received: 108
  • קארמה: 23
embAD-new way to insert ads to your website
המנהל ביטל גישת כתיבה ציבורית.

תשובה: המדריך השני בסדרה: "עריכת קוד CSS וPHP בג'ומלה" 10 שנים 9 ם ago #8

תודה!
  • אלעד
  • אלעד's Avatar
  • מנותקים
  • דייר ותיק
  • Posts: 287
  • Thank you received: 18
  • קארמה: 4
המנהל ביטל גישת כתיבה ציבורית.
Time to create page: 0.622 seconds
Powered by Kunena