הי,
אני תקועה חזק עם כל הנושא של שילוב תמונות באתר שאני בונה. קראתי המון המון חומר, וחיפשתי, וגיגלתי, ואני עדיין לא רואה פתרון באופק, וכבר קרובה להתייאש... המצב הוא כזה: קהל המשתמשים הייעודיים של האתר הוא "חלש מאד במחשבים", נקרא לזה. חלקם על גבול הטכנופוביה. כך שכל מה שאני בונה להם צריך להיות ממש פשוט ומאד מובנה. הם לא יעבדו עם קוד בשום צורה, ולא עם תוכנות גרפיות.
המשימה שלי: לשלב תמונה בכמה nodetypes, שמפורסמים גם בעמוד הראשי. התמונה צריכה להיות:
- באותו המיקום (משמאל למלל של שדה "תקציר" של ה node),
- באותו הגודל (רוחבXגובה).
- בחיתוך נורמלי, כלומר דרוש איזשהו כלי CROP.
כמו כאן, בערך: http://drupal.org/node/324553 (זו דוגמא לשימוש בפאנלים, אבל תסתכלו על השילוב של תמונות בגודל אחיד בכל אחד מהפרסומים בטור המרכזי).
כשנכנסים מהעמוד הראשי לתוכן עצמו, אז שדה ה"תקציר" שיצרתי אינו מוצג, ובמקומו יוצג שדה ה"תוכן". התמונה האמורה צריכה להשתלב יפה בשדה התוכן במקום.
אופציה 1
מכיוון שאני צריכה את הכל מאד מאד פשוט, התקנתי FCKeditor, בשביל להקל על המשתמשים בהזנת התוכן. חשבתי להשתמש בו גם בשביל הטיפול בתמונות (עם IMCE).
הבעיה: אין לי שום יכולת א. לודא שלא ישכחו להעלות תמונה ב. לאכוף שהתמונות המועלות יהיו באותו הגודל ובאותו המיקום, ג. מעבר לזאת אין לי כלי ל CROP. אז פניתי לדרך אחרת.
אופציה 2
מכיוון שאני צריכה שהתהליך יהיה מובנה - התקנתי את imagefield של CCK. זה יוודא שאף משתמש לא ישכח להעלות תמונה. כדי לייצר גודל מובנה: התקנתי את imagecache. כדי שהחיתוך של התמונה שמעלים יהיה נורמלי, אני רוצה להתקין את imagefield_crop (עדיין לא עשיתי זאת).
הבעיה: CCK מייצר node מכוער. כל שדה נמצא רק מעל השדה הבא. אני לא יכולה לגרום לתמונה המשולבת להיות inline עם שדה ה"תקציר".
כדי לפתור את הבעיה ניסיתי מגוון גישות:
- ניסיתי לבדוק את מודול inline . לצערי בדרופל 5 הוא לא עובד עם imagefield. מעבר לזאת, הוא דורש הוספה ידנית של תגית במקום המתאים (עבור המשתמשים שלי, זה מסובך. ושוב, אין שום אכיפה, וכו').
- ניסיתי לבדוק אפשרויות עיצוב של CCK. התקנתי את מודול contemplate, לצערי יש לו בעיה עם איזו רקורסיה ואני מקבלת הודעות שגיאה (אגב זו בעיה שהם מודעים אליה בעמוד הפרויקט והיא מחכה לפתרון).
- התחלתי ללמוד על theming CCK בעצמי, קראתי הרבה, אבל... זה פשוט גדול עלי בשלב זה.... אני רק דרופלאית מתחילה.
האבסורד הוא שאני מרגישה שיש פתרון מתחת לאף, ואני לא רואה אותו. זה גם נראה לי כמו משהו שבוודאי חשבו עליו קודם! הרי יש המון אתרים עם מבנה כזה. אם מישהו יודע איך לפתור את מה שאני מתארת, או מכיר איזשהו פתרון אחר, אני אשמח מאד אם יוכל לעזור!
תודה רבה רבה,
תם
את יכולה די בקלות עם CSS +
את יכולה די בקלות עם CSS + כלי הניהול של CCK
באמצעות CSS מציפים { float} את התמונה לכוון הרצוי.
מרפדים קצת לפי הצורך { padding } בכדי להרחיק טקסט שנצמד מדי לתמונה.
CCK מאפשר לך להציב את שני השדות, התמונה ושדה הטקסט בתוך group אחד, שפירושו עטיפת שני השדות בתוך אריזה של fieldset אחד. לא בטוח שאת זקוקה לעטיפה כזו, אבל יש לך אפשרות להעזר בה.
את גם יכולה מכאן, באמצעות הגדרת משקל, לקבוע איזה שדה יקדים את חברו בסדר הופעתם במסמך.
האמצעים האלו, יחד עם שפע ה IDs וה classes שדרופל פיזר מראש בתוך הדף, אמורים להספיק.
בנוסף, מתוך display fields את יכולה גם להחליט אם בכלל להציג את הlabels או להציג מעל או לצד התוכן (inline). (כאן ייתכנו מעט שיבושים בשל הfloat שהשתמשנו בו קודם)
ישראל
הי ישראל, תודה שהקדשת את הזמן
הי ישראל,
תודה שהקדשת את הזמן לענות לי, אבל אני לא רואה איך להעזר בתשובתך...
נושא הצגת ה labels או קביעת סדר השדות באמצעות משקלים ידוע לי. איך להגדיר תכונות של תמונה ב CSS אני יודעת. להבנתי אף אחד מהאמצעים הללו לא רלוונטי לבעיה שאני מציגה כאן - שני שדות ב CCK לעד יוצגו אחד מעל השני. מה שאני צריכה זה ששני השדות יוצגו אחד ליד השני.
אני יכולה רק להניח שכדי לטפל בבעיה אני צריכה להתעסק בקובץ .tpl. ובזה אני כבר לא יודעת להתעסק, כפי שכתבתי אני עדיין חדשה בעסק וכל נושא ה theming עדיין קצת גדול עלי... מה גם שאני לא יודעת php... ניסיתי לקרוא, השקעתי וקראתי את הREADME של CCK, אבל זה המון חומר לעבד ולהתמודד למי שעדיין לא מבין כמעט כלום ב theming...
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
אם את רוצה להצמד לפתרון ב css
אם את רוצה להצמד לפתרון ב css את יכולה גם לנסות להכיל את הכלל display:inline על הdiv המכיל. אני זוכרת שפעם נתקלתי בבעיה דומה וזה עבד.
עוד אפשרויות לביצוע:
להשתמש במודול panels - הוא מודול עם הרבה אפשרויות ועם קצת חקירה ויצירתיות אני מניחה שתוכלי למצוא פתרון למיקום אלמנטים לצד אלמנטים בתוך node.
ואם בכל זאת בא לך על קצת theming אבל בקטנה - את יכולה להשתמש במודול Contemplate שמאפשר theming על cck ישירות באתר במקום יצירת קבצי tpl.
בהצלחה
ליאת שדה-סעדון
לומבי - אינטרנט בגובה העיניים | www.lomby.co.il
הי ליאת, אני בכלל לא רוצה
הי ליאת,
אני בכלל לא רוצה להצמד לפתרון ב CSS, אני מעדיפה פתרון קסם :)
לאיזה DIV את מתכוונת? של אחד השדות? או של כל ה node? אין לי מושג עדיין מה משפיע על מה....
לגבי Contemplate, כפי שכתבתי ניסיתי להתקין אותו, אבל יש לו איזושהי שגיאה שמונעת ממנו לתפקד, איזו רקורסיה שנכנסת יותר מדי פעמים ומציפה את הזכרון. מופיעה לי הודעת שגיאה. בדקתי באתר של הפרויקט, זו בעיה קיימת שהם מודעים אליה והיא עדיין בטיפול.
לגבי Panels - אני אנסה.
תודה!
תם
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
היי תם, לא ניסיתי את מה
היי תם,
לא ניסיתי את מה שישראל הציע, אבל דווקא נראה לי שהוא הבין את הבקשה שלך ונתן לך פתרון אפשרי ב-css
אני מאוד מבינה את התחושה ש" theming זה גדול עליי" - הייתי שם עד לא מזמן, ובהתחלה, עד שקולטים את העניין, זה באמת מרגיש כמו הרבה חומר שדורש עיבוד עד כדי איבוד. מבטיחה לך שברגע שיפול לך האסימון זה יהיה פשוט וקל עד שבקושי תצליחי להבין עם מה הסתבכת כל כך :-)
שותפתי ואני תיעדנו את תהליך הלימוד שלנו את הנושא במדריך הזה (מתאים לדרופל 5) - זה עשוי להיות לך לעזר. מעבר לכך, אני מזמינה אותך לפנות אליי בשאלות למייל contact@lomby.co.il ואשמח לעזור.
ליאת שדה-סעדון
לומבי - אינטרנט בגובה העיניים | www.lomby.co.il
אני לא רואה פתרון טוב אחר
אני לא רואה פתרון טוב אחר מלבד לבצע theming לשדה. זה לא כ"כ מסובך כמו שזה נראה לך עכשיו - פשוט עוד לא נכנסת לזה. כמו שאני רואה, נראה שבדקת את כל האפשרויות האחרות ואף אחת לא נותנת לך פתרון מספק.
אשמח לשמוע אם את מסתדרת עם imagefield_crop - הייתי קצת ברוגז איתו בזמן האחרון אבל היום בבוקר החלטתי כן לשדרג אותו לדרופל 6 בקרוב. הגרסה לדרופל 5 גם זקוקה לקצת אהבה מצדי, אבל קודם אטפל ב 6.
אם תתני קישור לדף אולי נוכל
אם תתני קישור לדף אולי נוכל לעזור לך ,
אני חושב שזה אפשרי אפילו ללא קבצי tpl , נסי אותנו...
חוץ מזה נתקלתי במודול הזה , זה לא קשור ישירות לזה (ולא יפתור את הבעיה) אבל הוא קשור להוספה של תמונה
http://drupal.org/project/easy_image_insert
אביאור
http://dev-art.net
הנה http://www.gesherchai.com
הנה
http://www.gesherchai.com/drupal/he/node/63
הזנתי עמוד לנסיון, התמונה הוספה בשדה Imagefield. זה בתוך סוג תוכן שנקרא "article" . כפי שאפשר לראות התמונה מעל הטקסט. אני רוצה שהשדה מתחתיה, שנקרא subtitle, יופיע לשמאלה.
תודה
תם
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
נשמע שהמודול שאביאור הפנה
נשמע שהמודול שאביאור הפנה אליו מספק לך בדיוק את הפתרון. שילוב מנצח בין אפשרות 1 לאפשרות 2 שהצגת.
כדי לתת למשתמשים שלך פתרון מובנה ופשוט להעלאת תמונה תשתמשי ב - Imagefield, ואז בלחיצת כפתור (שמספק המודול שאליו הפנה אביאור) הם ימקמו את התמונה בתוך התוכן כאילו עשו זאת דרך העורך TinyMCE.
זה נראה מאוד ברור בסרטון הזה:
http://www.dailymotion.com/video/x792wj_easy-inset-image-for-drupal_tech
ליאת שדה-סעדון
לומבי - אינטרנט בגובה העיניים | www.lomby.co.il
את צודקת כמובן, זה יפתור כמעט
את צודקת כמובן, זה יפתור כמעט את הכל... ראיתי את הסרטון כשאביאור פרסם אותו... אבל לצערי אני לא יכולה להשתמש בו - עד לא מזמן עבדתי עם tinyMCE, אבל הוא לא הפסיק לעשות בעיות, אפילו הסרתי אותו פעם אחת והתקנתי אותו שוב.... עד שיום אחד בבוקר הוא החליט שהוא לא יוצא מהמיטה וזהו. נאלצתי להסיר אותו ולהתקין FCKeditor...
אני מקווה לנסות מחר את Panels...
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
איפה הבעיה? בלישר את התמונה
איפה הבעיה? בלישר את התמונה לימין הטקסט?
אם המבנה של הזנת התוכן קבוע - תמיד תמונה אחת בלבד שלאחריה טקסט, CSS יספיק לך.
תעשי ניסוי קטן -
#content .field-type-image{padding:0 0 5px 10px;}#content .field-type-image, #content .field-type-image *{float:right}
#content .field-type-image .field-items{clear:right}
בדקתי את זה רק על פיירפוקס. זו הכוונה?
Tom Bigelajzen - Web Developer & Designer
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
*** כן *** תודה... אבל עובד
*** כן *** תודה... אבל
עובד מצוין בשועלאש 3, לא עובד באיכספלורר 6 ו7. התמונה "נעלמת".
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
ממ.. תנסי למחוק את , #content
ממ.. תנסי למחוק את
, #content .field-type-image *Tom Bigelajzen - Web Developer & Designer
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
יס!! טנקיו טנקיו! עובד
יס!! טנקיו טנקיו!
עובד בפיירפוקס 2, בפיירפוקס 3, באקספלורר 6 ו 7. מצוין, תודה רבה!
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
הא! חשבת שתוכלי להתקיל אותי?
הא! חשבת שתוכלי להתקיל אותי? :)
Tom Bigelajzen - Web Developer & Designer
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
מעולם לא פיקפקתי לרגע :) טוב
מעולם לא פיקפקתי לרגע :)
טוב אבל אני חייבת גם להגיד תודה לכל מי שניסה לעזור לי בשרשור הזה, אני יודעת שהמגילה המפלצתית שכתבתי בהתחלה הייתה די מאיימת... אז תודה לכולם! דעו שהעזרה שלכם מוערכת מאד :)
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו