באמצעות ערכת נושא ZURB עבור דרופל

קבל את הכוח של קרן ZURB במסגרת נושא דרופל

לפני שהיה טוויטר Bootstrap , היה (והוא) קרן ZURB, מסגרת המאפשרת לך להוסיף לחצנים די, לחסום רשתות, ברים התקדמות, טבלאות תמחור ועוד הרבה יותר עם כמה בכיתה CSS היטב. עם נושא ZURB קרן עבור דרופל, אתה יכול לשחרר את כל זה בלינג באתר דרופל שלך בקלות קטלנית.

מהו מסגרת קרן ZURB?

מסגרת ZURB הקרן היא אוסף של CSS ו- JavaScript קוד עבור חבורה של דברים שאתה כנראה רוצה באתר האינטרנט שלך. זה כולל לא רק ללחיצה עין ממתק כמו הלחצנים הנ"ל, אלא גם כמה באמת מגיבים כוח מדהים.

אתה משתמש ברוב התכונות הללו על ידי הוספת שיעורים מיוחדים CSS. לדוגמה:

הנה לחצן .

והנה לחצן זעיר .

מסגרת קרן ZURB נפרדת לחלוטין מדרופל. אנשים משתמשים בו על וורדפרס, ג 'ומלה, ואפילו אתרי HTML סטטי .

מה זה ZURB קרן דרופל Theme?

Drupal 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- 3xx של ערכת הנושא עם קרן 3 , גרסאות 7.x- 4xx עבודה עם קרן 4 , ואת גרסאות 7.x 5 .x עבודה עם קרן 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, מצפן ו- & # 34; _variables.scss & # 34 ;!

אם אתה מתכוון לצבוט את CSS עבור נושא זה בכלל, ודא שאתה:

• השתמש בערכת הנושא של ZURB Foundation כנושא בסיס עבור ערכת נושא מותאמת אישית משלך
• ליצור את זה משנה באמצעות הפקודה drush המסופק על ידי ערכת הנושא. כמו זה: drush fst your_theme_name
• לעיין בנוח קובץ _variables.scss מעולה

הקובץ _variables.scss נוצר באופן אוטומטי על-ידי drush fst. קובץ יחיד זה מכיל משתנים כמעט לכל דבר שתרצה לצבוט ב- CSS שלך. זה מדהים! הכל במקום אחד, אתה יכול להגדיר הכל מגופן ברירת המחדל לרוחב המסך לגבול על פירורי הלחם.

כמובן, אתה תמיד יכול להגדיר קבצים נוספים גם כן. אבל _variables.scss הוא מקום נהדר להתחיל.

שימו לב לסיומת הקובץ: scss, לא css. כדי להשתמש ב- _variables.scss, יהיה עליך להגדיר SASS (שפת הרחבה ב- CSS) ומצפן (מסגרת שנבנתה באמצעות SASS). כאשר אתה מפעיל קומפילציה Compile, קבצי scss שלך יהפוך CSS יפה בקבצים נפרדים. (אני מעדיף לצפות מצפן - זה ממשיך לרוץ ולעדכן את CSS כמו שאתה לצבוט את הקבצים scss.)

אם אתה באמת, באמת לא רוצה לטרוח עם SASS, אתה יכול לכתוב קבצי CSS כרגיל ולרשום אותם בקובץ .info של ערכת הנושא שלך. אבל תאמין לי - ההשקעה זמן זעיר ללמוד מספיק כדי לקמפל _variables.scss ישולם בחזרה כמעט באופן מיידי.

לפני השימוש בקרן ZURB

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

כמו כן, מרכיב Joyride הוא די מתוק.

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