לפני שהיה טוויטר Bootstrap, היה (והוא) קרן ZURB, מסגרת המאפשרת לך להוסיף לחצנים די, לחסום רשתות, ברים התקדמות, טבלאות תמחור ועוד הרבה יותר עם כמה בכיתה CSS היטב. עם נושא ZURB קרן עבור דרופל, אתה יכול לשחרר את כל זה בלינג באתר דרופל שלך בקלות קטלנית.
מהו מסגרת קרן ZURB?
מסגרת ZURB הקרן היא אוסף של CSS ו- JavaScript קוד עבור חבורה של דברים שאתה כנראה רוצה באתר האינטרנט שלך. זה כולל לא רק ללחיצה עין ממתק כמו הלחצנים הנ"ל, אלא גם כמה באמת מגיבים כוח מדהים.
אתה משתמש ברוב התכונות הללו על ידי הוספת שיעורים מיוחדים CSS. לדוגמה:
הנה א .
והנה הוא כפתור זעיר.
מסגרת קרן ZURB נפרדת לחלוטין מדרופל. אנשים משתמשים בו על וורדפרס, ג 'ומלה, ואפילו אתרי HTML סטטי.
מה זה ZURB קרן דרופל Theme?
קרן דרופל ZURB נושא מאפשר לך לשחרר את כל זה כוח ZURBISH רק על ידי הורדה המאפשרת נושא (וקריאת תיעוד לוקח כמה צעדים נוספים, כמובן).
לדוגמה, קרן ZURB מסתמכת על ספריית JQuery Javascript, לכן סביר להניח שיהיה עליך להתקין את jQuery Update. בדוק אם אתה משתמש בכל מודולים אחרים המסתמכים על jQuery. אם אתה משתמש בגירסה חדשה מדי של jQuery, מודולים אלה עשויים להפסיק לעבוד.
כמו כן, קרוב לוודאי שתרצה להשתמש בעיצוב זה כנושא בסיס עבור ערכת נושא מותאמת אישית משלך. התאמה אישית היא שם קרן ZURB באמת זורחת.
האם אתה צריך את זה Theme כדי להשתמש בקרן ZURB בדרופל?
אתה לא צורך נושא זה כדי להשתמש במסגרת קרן ZURB. ב הפשוטה ביותר, נושא זה רק מוסיף את ZURB קרן CSS ו- Javascript לאתר שלך, ואתה יכול לעשות את זה באופן ידני.
אבל נושא זה עושה את זה קל יותר, וזה גם כולל כמה אינטגרציה נוספת עם דרופל.
בנוסף, ניתן להוסיף מודולים נוספים קטנים יותר לאינטגרציה נוספת. לדוגמה, מודול אורביט ZURB מאפשר לך ליצור מצגת אורביט עם שדות תמונה. מודול ZURB Clearing מאפשר לך ליצור תיבות אור מגיבות עם תמונות מדיה.
הערה: אני עדיין לא השתמשתי אלה מודולים זעירים עדיין עצמי, ולכן הם עשויים להיות כרוך בסכנה. נכון לכתיבה זו, דורש ZURB ניקוי
Media-2.x-dev, אשר יכול להיות שדרוג מסוכנים אם אתה משתמש כרגע Media 1.x. ודרישה לגרסת פיתוח של מודול צריכה תמיד לתת הפסקה אחת. ובכל זאת, אלה ZURB אחרים מודולים שווים להסתכל לתוך.
בחר איזו גירסה של קרן ZURB להשתמש בה
לפני שתוריד את ערכת הנושא ZURB Foundation, בדוק איזו גירסה אתה צריך להשתמש. קיימות גרסאות מרכזיות שונות של מסגרת קרן ZURB, ומספר הגרסה העיקרי של הנושא תואם למסגרת שבה הוא עובד. אז ה
7.x-3.איקס גרסאות של נושא העבודה עם קרן 3, ה
7.x-4.איקס view מצאתי 4, וה
7.x-5.איקס View מצאתי 5.
נכון לכתיבה זו, הגירסה היציבה האחרונה של הנושא הוא 7.x-4.x, אשר עובד עם קרן 4. גרסה 7.x-5.x עדיין בפיתוח. אז, למרות קרן אתר האינטרנט מניח שאתה משתמש בקרן 5, ייתכן שתרצה להישאר עם קרן 4 לעת עתה.
כמו כן, שים לב כי קרן 5 יש דרישות נוספות, במיוחד jQuery
1.10. קרן 4 רק צריך jQuery
1.7+.
שים לב לאיזו גירסה של הקרן אתה משתמש כאשר אתה קורא את התיעוד המקוון. הדבר נכון במיוחד אם אינך משתמש בגרסה העדכנית ביותר של המסגרת. זה קל מאוד להחליק לתוך קריאת המסמכים עבור, נניח, קרן 5, ואז לקבל מתוסכל כאשר תכונה חדשה לא עובד על האתר שלך קרן 4.
לדוגמה, קרן 5 כוללת קבוצה שלמה של
בינוני כיתות עבור מסכים בינוניים. בקרן 4, אלה ייכשל באופן מסתורי אלא אם כן לנקוט צעדים נוספים.
השתמש SASS, מצפן, ו "_variables.scss"!
אם אתה מתכוון לצבוט את CSS עבור נושא זה בכלל, ודא שאתה:
- השתמש בערכת הנושא של ZURB Foundation כנושא בסיס עבור ערכת נושא מותאמת אישית משלך
- ליצור את זה משנה באמצעות
דרוש הפקודה המסופקת על ידי ערכת הנושא. ככה:
drst fst your_theme_name
- בחופשיות לעיין מעולה
_variables.scss קובץ
ה
_variables.scss הקובץ נוצר באופן אוטומטי על ידי
drush fst. קובץ יחיד זה מכיל משתנים כמעט כל דבר ייתכן שתרצה לשנות את העיצוב CSS שלך. זה מדהים! הכל במקום אחד, אתה יכול להגדיר הכל מגופן ברירת המחדל לרוחב המסך לגבול על פירורי הלחם.
כמובן, אתה תמיד יכול להגדיר קבצים נוספים גם כן. אבל
_variables.scss הוא מקום נפלא להתחיל.
שים לב לסיומת הקובץ:
scss, לא
css. להשתמש
_variables.scss, תצטרך להגדיר SASS (שפת הרחבה CSS) ומצפן (מסגרת שנבנתה עם SASS). כאשר אתה מפעיל
מצפן קומפיל, me
scss קבצים יהפכו CSS יפה בקבצים נפרדים. (אני מעדיף
שעון מצפן - זה ממשיך לרוץ ולעדכן את CSS כמו שאתה לצבוט את
scss קבצים.)
אם אתה באמת, באמת לא רוצה לטרוח עם SASS, אתה יכול לכתוב קבצי CSS כרגיל ולרשום אותם על הנושא שלך
.info קובץ. אבל תאמין לי - ההשקעה הזעירה זמן ללמוד מספיק כדי לקמפל
_variables.scss ישולם בחזרה כמעט מיד.
לפני השימוש בקרן ZURB
קרן ZURB היא המצוינת ביותר, אבל זה לא רק מסגרת חזיתי זה היה משולב עם דרופל. ייתכן שתרצה לשקול Bootstrap, מסגרת דומה, כי יש גם נושא דרופל. לעת עתה, אני משתמש קרן ZURB עצמי, אבל זה בגלל המחקר שלי הצביע על כך היה קל יותר להתאים אישית מאשר Bootstrap.
כמו כן, מרכיב Joyride הוא די מתוק.
ואם אתה משתמש ZURB קרן, Bootstrap, או כל מסגרת אחרת, כדי להיות בטוח כדי לקבל עצות אלה על שימוש במסגרת עם דרופל.
