Drupal ಅನ್ನು ಫಾರ್ ZURB ಫೌಂಡೇಶನ್ ಥೀಮ್ ಬಳಸಿ

Drupal ಅನ್ನು ಥೀಮ್ನಲ್ಲಿ ZURB ಫೌಂಡೇಶನ್ ಫ್ರೇಮ್ವರ್ಕ್ ಅನ್ನು ಪಡೆಯಿರಿ

ಟ್ವಿಟರ್ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಇರುವುದಕ್ಕಿಂತ ಮುಂಚೆ, ಝುರ್ಬಿ ಫೌಂಡೇಷನ್, (ಸುಂದರವಾದ ಗುಂಡಿಗಳು, ಬ್ಲಾಕ್ ಗ್ರಿಡ್ಗಳು, ಪ್ರೋಗ್ರೆಸ್ ಬಾರ್ಗಳು, ಬೆಲೆ ಕೋಷ್ಟಕಗಳು ಮತ್ತು ಕೆಲವು ಉತ್ತಮವಾದ ಸಿಎಸ್ಎಸ್ ತರಗತಿಗಳೊಂದಿಗೆ ಹೆಚ್ಚು ಸೇರಿಸಲು ಅವಕಾಶ ಮಾಡಿಕೊಡುವ ಒಂದು ಚೌಕಟ್ಟನ್ನು ಹೊಂದಿದೆ. Drupal ಅನ್ನು ಫಾರ್ ZURB ಫೌಂಡೇಶನ್ ಥೀಮ್ನೊಂದಿಗೆ, ನೀವು ಮಾರಕ ಸುಲಭವಾಗಿ ನಿಮ್ಮ Drupal ಸೈಟ್ನಲ್ಲಿ ಈ ಬ್ಲಿಂಗ್ ಸಡಿಲಿಸಲು ಮಾಡಬಹುದು.

ZURB ಫೌಂಡೇಷನ್ ಫ್ರೇಮ್ವರ್ಕ್ ಎಂದರೇನು?

ZURB ಫೌಂಡೇಶನ್ ಚೌಕಟ್ಟನ್ನು CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸಂಕೇತಗಳ ಒಂದು ಸಂಗ್ರಹವಾಗಿದ್ದು, ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ನೀವು ಬಹುಶಃ ಬಯಸುವ ವಿಷಯವನ್ನು ಸಂಗ್ರಹಿಸಬಹುದು. ಈ ಮೇಲೆ ತಿಳಿಸಿದ ಗುಂಡಿಗಳು ರೀತಿಯ ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಕಣ್ಣಿನ ಕ್ಯಾಂಡಿ ಆದರೆ ಕೆಲವು ನಿಜವಾಗಿಯೂ ಅದ್ಭುತ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಶಕ್ತಿ ಮಾತ್ರ ಒಳಗೊಂಡಿದೆ.

ವಿಶೇಷ ಸಿಎಸ್ಎಸ್ ವರ್ಗಗಳನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನೀವು ಈ ಹೆಚ್ಚಿನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸುತ್ತೀರಿ. ಉದಾಹರಣೆಗೆ:

ಇಲ್ಲಿ ಬಟನ್ ಆಗಿದೆ.

ಮತ್ತು ಇಲ್ಲಿ ಒಂದು ಚಿಕ್ಕ ಬಟನ್ ಆಗಿರುತ್ತದೆ.

ZURB ಫೌಂಡೇಶನ್ ಫ್ರೇಮ್ವರ್ಕ್ Drupal ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರತ್ಯೇಕಿಸುತ್ತದೆ. ಜನರು ಇದನ್ನು ವರ್ಡ್ಪ್ರೆಸ್, Joomla, ಮತ್ತು ಸ್ಥಿರ HTML ಸೈಟ್ಗಳಲ್ಲಿ ಬಳಸುತ್ತಾರೆ.

ZURB ಫೌಂಡೇಶನ್ Drupal ಥೀಮ್ ಎಂದರೇನು?

Drupal ಅನ್ನು ZURB ಫೌಂಡೇಷನ್ ಥೀಮ್ ನೀವು ಎಲ್ಲಾ ZURBish ಶಕ್ತಿಯನ್ನು ಸಡಿಲಿಸಲು ಮತ್ತು ಥೀಮ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ಮತ್ತು (ಮತ್ತು ದಸ್ತಾವೇಜನ್ನು ಓದುವುದು ಮತ್ತು ಕೆಲವು ಹೆಚ್ಚುವರಿ ಹಂತಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದು, ಕೋರ್ಸಿನ) ಅನ್ನು ಸಡಿಲಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ, ZURB ಫೌಂಡೇಶನ್ jQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗ್ರಂಥಾಲಯವನ್ನು ಅವಲಂಬಿಸಿದೆ, ಆದ್ದರಿಂದ ನೀವು ಬಹುಶಃ jQuery ನವೀಕರಣವನ್ನು ಸ್ಥಾಪಿಸಬೇಕಾಗಬಹುದು. ನೀವು jQuery ಅವಲಂಬಿಸಿರುವ ಯಾವುದೇ ಮಾಡ್ಯೂಲ್ಗಳನ್ನು ಬಳಸುತ್ತೀರಾ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ. ನೀವು jQuery ನ ಹೊಸ ಆವೃತ್ತಿಯನ್ನು ತುಂಬಾ ಬಳಸಿದರೆ, ಈ ಘಟಕಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುವುದನ್ನು ನಿಲ್ಲಿಸಬಹುದು.

ಸಹ, ನೀವು ಬಹುಶಃ ನಿಮ್ಮ ಥೀಮ್ ಕಸ್ಟಮ್ ಥೀಮ್ಗಾಗಿ ಬೇಸ್ ಥೀಮ್ನಂತೆ ಬಳಸಲು ಬಯಸುವಿರಿ. ZURB ಫೌಂಡೇಶನ್ ನಿಜವಾಗಿಯೂ ಹೊಳೆಯುತ್ತದೆ ಅಲ್ಲಿ ಗ್ರಾಹಕೀಕರಣ.

ನೀವು Drupal ಅನ್ನು ZURB ಫೌಂಡೇಶನ್ ಬಳಸುವುದಕ್ಕಾಗಿ ಈ ಥೀಮ್ ಬೇಕೇ?

ZURB ಫೌಂಡೇಷನ್ ಫ್ರೇಮ್ವರ್ಕ್ ಅನ್ನು ಬಳಸಲು ನಿಮಗೆ ಈ ಥೀಮ್ ಅಗತ್ಯವಿಲ್ಲ . ಸರಳವಾಗಿ, ಈ ಥೀಮ್ ಕೇವಲ ZURB ಫೌಂಡೇಶನ್ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ನಿಮ್ಮ ಸೈಟ್ಗೆ ಸೇರಿಸುತ್ತದೆ, ಮತ್ತು ನೀವು ಇದನ್ನು ಕೈಯಾರೆ ಮಾಡಬಹುದು.

ಆದರೆ ಈ ಥೀಮ್ ಸುಲಭವಾಗಿ ಮಾಡುತ್ತದೆ, ಮತ್ತು ಇದು Drupal ಅನ್ನು ಕೆಲವು ಮತ್ತಷ್ಟು ಏಕೀಕರಣ ಒಳಗೊಂಡಿದೆ.

ಜೊತೆಗೆ, ಮತ್ತಷ್ಟು ಏಕೀಕರಣಕ್ಕಾಗಿ ನೀವು ಚಿಕ್ಕ ಹೆಚ್ಚುವರಿ ಮಾಡ್ಯೂಲ್ಗಳನ್ನು ಸೇರಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ZURB ಆರ್ಬಿಟ್ ಮಾಡ್ಯೂಲ್ ನಿಮಗೆ ಇಮೇಜ್ ಕ್ಷೇತ್ರಗಳೊಂದಿಗೆ ಆರ್ಬಿಟ್ ಸ್ಲೈಡ್ಶೋ ಅನ್ನು ನಿರ್ಮಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ZURB ಕ್ಲಿಯರಿಂಗ್ ಮಾಡ್ಯೂಲ್ ಮಾಧ್ಯಮ ಚಿತ್ರಗಳನ್ನು ಹೊಂದಿರುವ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಲೈಟ್ಬಾಕ್ಸ್ಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ಗಮನಿಸಿ: ನಾನು ಇನ್ನೂ ಈ ಚಿಕ್ಕ ಮಾಡ್ಯೂಲ್ಗಳನ್ನು ಬಳಸಲಿಲ್ಲ, ಆದ್ದರಿಂದ ಅವರು ಗಂಡಾಂತರದಿಂದ ತುಂಬಿರಬಹುದು. ಈ ಬರವಣಿಗೆಯಂತೆ, ZURB ಕ್ಲಿಯರಿಂಗ್ಗೆ ಮೀಡಿಯಾ-2.x- ಡಿವ್ ಅಗತ್ಯವಿರುತ್ತದೆ, ನೀವು ಪ್ರಸ್ತುತ ಮಾಧ್ಯಮ 1.x. ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ ಇದು ಅಪಾಯಕಾರಿ ಅಪ್ಗ್ರೇಡ್ ಆಗಿರಬಹುದು. ಮತ್ತು ಮಾಡ್ಯೂಲ್ನ ಅಭಿವೃದ್ಧಿ ಆವೃತ್ತಿಯ ಅವಶ್ಯಕತೆ ಯಾವಾಗಲೂ ಒಂದು ವಿರಾಮವನ್ನು ನೀಡಬೇಕು. ಆದರೂ, ಈ ಮತ್ತು ಇತರ ZURB ಮಾಡ್ಯೂಲ್ಗಳು ನೋಡುತ್ತಿರುವ ಮೌಲ್ಯದ್ದಾಗಿದೆ.

ZURB ಫೌಂಡೇಶನ್ ಅನ್ನು ಬಳಸಲು ಯಾವ ಆವೃತ್ತಿಯನ್ನು ಆರಿಸಿ

ನೀವು ZURB ಫೌಂಡೇಶನ್ ಥೀಮ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡುವ ಮೊದಲು, ಯಾವ ಆವೃತ್ತಿಯನ್ನು ನೀವು ಬಳಸಬೇಕು ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ. ZURB ಫೌಂಡೇಷನ್ ಫ್ರೇಮ್ವರ್ಕ್ನ ವಿವಿಧ ಪ್ರಮುಖ ಆವೃತ್ತಿಗಳು ಇವೆ, ಮತ್ತು ಥೀಮ್ಗೆ ಪ್ರಮುಖ ಆವೃತ್ತಿಯ ಸಂಖ್ಯೆ ಅದು ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಚೌಕಟ್ಟನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ, ಫೌಂಡೇಶನ್ 3 , 7.x- 4 .x ಆವೃತ್ತಿಗಳು ಫೌಂಡೇಶನ್ 4 , ಮತ್ತು 7.x- 5 .x ಆವೃತ್ತಿಗಳು ಫೌಂಡೇಶನ್ 5 ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತಿರುವ ಥೀಮ್ ಕಾರ್ಯದ 7.x- 3 .x ಆವೃತ್ತಿಗಳು.

ಈ ಬರಹದ ಪ್ರಕಾರ, ಥೀಮ್ನ ಇತ್ತೀಚಿನ ಸ್ಥಿರವಾದ ಆವೃತ್ತಿ 7.x-4.x ಆಗಿದೆ, ಅದು ಫೌಂಡೇಶನ್ 4 ನೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. 7.x-5.x ಆವೃತ್ತಿ ಇನ್ನೂ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿದೆ. ಆದ್ದರಿಂದ, ಫೌಂಡೇಶನ್ ಫ್ರೇಮ್ವರ್ಕ್ ವೆಬ್ಸೈಟ್ ನೀವು ಫೌಂಡೇಶನ್ 5 ಅನ್ನು ಬಳಸಿಕೊಳ್ಳುತ್ತದೆಯಾದರೂ, ನೀವು ಈಗ ಫೌಂಡೇಶನ್ 4 ನೊಂದಿಗೆ ಅಂಟಿಕೊಳ್ಳಬೇಕೆಂದು ಬಯಸಬಹುದು.

ಫೌಂಡೇಶನ್ 5 ಹೆಚ್ಚುವರಿ ಅವಶ್ಯಕತೆಗಳನ್ನು ಹೊಂದಿದೆ, ವಿಶೇಷವಾಗಿ jQuery 1.10. ಫೌಂಡೇಶನ್ 4 ಕೇವಲ jQuery 1.7+ ಅಗತ್ಯವಿದೆ.

ನೀವು ಆನ್ಲೈನ್ ​​ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಓದುವಾಗ ಯಾವ ಫೌಂಡೇಶನ್ ಆವೃತ್ತಿಯನ್ನು ನೀವು ಬಳಸುತ್ತಿರುವಿರಿ ಎಂಬುದನ್ನು ತಿಳಿದಿರಲಿ. ನೀವು ಚೌಕಟ್ಟಿನ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಯನ್ನು ಬಳಸದಿದ್ದರೆ ಇದು ವಿಶೇಷವಾಗಿ ನಿಜವಾಗಿದೆ. ನಿಮ್ಮ ಫೌಂಡೇಶನ್ 4 ಸೈಟ್ನಲ್ಲಿ ಒಂದು ಹೊಸ ವೈಶಿಷ್ಟ್ಯವು ಕಾರ್ಯನಿರ್ವಹಿಸದಿದ್ದಾಗ ಫೌಂಡೇಶನ್ 5 ಅನ್ನು ಹೇಳಿ, ಡಾಕ್ಸ್ ಓದುವಲ್ಲಿ ಸ್ಲಿಪ್ ಮಾಡುವುದು ಮಾರಕವಾಗಿದೆ.

ಉದಾಹರಣೆಗೆ, ಫೌಂಡೇಶನ್ 5 ಮಧ್ಯಮ ಗಾತ್ರದ ಪರದೆಯ ಮಧ್ಯಮ ತರಗತಿಗಳ ಸಮೂಹವನ್ನು ಒಳಗೊಂಡಿದೆ. ಫೌಂಡೇಶನ್ 4 ರಲ್ಲಿ, ನೀವು ಹೆಚ್ಚುವರಿ ಕ್ರಮಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳದಿದ್ದರೆ ಅವುಗಳು ನಿಗೂಢವಾಗಿ ವಿಫಲಗೊಳ್ಳುತ್ತವೆ.

ಸಾಸ್, ಕಂಪಾಸ್ ಮತ್ತು & # 34; _variables.scss & # 34 ;! ಬಳಸಿ

ನೀವು ಈ ಥೀಮ್ಗೆ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ತಿರುಚಬಹುದು ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ:

_variables.scss ಕಡತವು ಡ್ರಶ್ Fst ಯಿಂದ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ರಚಿಸಲ್ಪಡುತ್ತದೆ. ನಿಮ್ಮ ಥೀಮ್ CSS ನಲ್ಲಿ ನೀವು ತಿರುಚಲು ಬಯಸಬಹುದಾದ ಬಹುತೇಕ ಯಾವುದಕ್ಕೂ ಈ ಏಕ ಫೈಲ್ ಅಸ್ಥಿರಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಬಹಳ ಚೆನ್ನಾಗಿದೆ! ಎಲ್ಲಾ ಒಂದೇ ಸ್ಥಳದಲ್ಲಿ, ನೀವು ಡೀಫಾಲ್ಟ್ ಫಾಂಟ್ನಿಂದ ಸ್ಕ್ರೀನ್ ಅಗಲಕ್ಕೆ ಬ್ರೆಡ್ ತುಂಡುಗಳಿಗೆ ಗಡಿಯಾಗಿ ಎಲ್ಲವನ್ನೂ ಹೊಂದಿಸಬಹುದು.

ಸಹಜವಾಗಿ, ನೀವು ಯಾವಾಗಲೂ ಹೆಚ್ಚುವರಿ ಫೈಲ್ಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. ಆದರೆ _variables.scss ಪ್ರಾರಂಭಿಸಲು ಒಂದು ಭವ್ಯವಾದ ಸ್ಥಳವಾಗಿದೆ.

ಕಡತ ವಿಸ್ತರಣೆಯನ್ನು ಗಮನಿಸಿ: scss, ಅಲ್ಲ CSS. _variables.scss ಅನ್ನು ಬಳಸಲು, ನೀವು ಸಾಸ್ (ಒಂದು ಸಿಎಸ್ಎಸ್ ವಿಸ್ತರಣಾ ಭಾಷೆ) ಮತ್ತು ಕಂಪಾಸ್ (ಸಾಸ್ನೊಂದಿಗೆ ನಿರ್ಮಿಸಲಾದ ಫ್ರೇಮ್ವರ್ಕ್) ಅನ್ನು ಹೊಂದಿಸಬೇಕಾಗುತ್ತದೆ. ನೀವು ಕಂಪಾಸ್ ಕಂಪೈಲ್ ಅನ್ನು ಚಲಾಯಿಸುವಾಗ, ನಿಮ್ಮ ಸ್ಕ್ಯಾಸ್ ಕಡತಗಳು ಪ್ರತ್ಯೇಕವಾದ ಫೈಲ್ಗಳಲ್ಲಿ ಸುಂದರ ಸಿಎಸ್ಎಸ್ ಆಗಿ ಮಾರ್ಪಡುತ್ತವೆ. (ನಾನು ಕಂಪಾಸ್ ವೀಕ್ಷಣೆಗೆ ಆದ್ಯತೆ ನೀಡುತ್ತೇನೆ - ನೀವು scss ಫೈಲ್ಗಳನ್ನು ತಿರುಚಿದಂತೆ ಇದು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಚಾಲನೆಯಲ್ಲಿರುವ ಮತ್ತು ನವೀಕರಿಸುವುದನ್ನು ಮುಂದುವರಿಸುತ್ತದೆ.)

ನೀವು ನಿಜವಾಗಲೂ, ಸಾಸ್ನೊಂದಿಗೆ ಬಗ್ ಮಾಡಲು ಬಯಸದಿದ್ದರೆ, ನೀವು ಎಂದಿನಂತೆ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳನ್ನು ಬರೆಯಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಥೀಮ್ನ .info ಫೈಲ್ನಲ್ಲಿ ಅವುಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಬಹುದು. ಆದರೆ ನನ್ನನ್ನು ನಂಬಿರಿ - _variables.scss ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಲು ಸಾಕಷ್ಟು ಸಮಯವನ್ನು ಕಲಿಯಲು ಸಣ್ಣ ಸಮಯದ ಹೂಡಿಕೆ ಹೆಚ್ಚಾಗುತ್ತದೆ.

ನೀವು ZURB ಫೌಂಡೇಶನ್ ಅನ್ನು ಬಳಸುವ ಮೊದಲು

ZURB ಫೌಂಡೇಶನ್ ಅತ್ಯಂತ ಉತ್ತಮವಾಗಿರುತ್ತದೆ, ಆದರೆ ಇದು Drupal ಅನ್ನು ಸಂಯೋಜಿಸಲಾಗಿರುವ ಏಕೈಕ ಮುಂಭಾಗದ ಕೊನೆಯಲ್ಲಿ ಚೌಕಟ್ಟನ್ನು ಅಲ್ಲ. ನೀವು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ , ಇದೇ ರೀತಿಯ ಫ್ರೇಮ್ವರ್ಕ್ ಅನ್ನು ಸಹ Drupal ಅನ್ನು ಹೊಂದಿರುವ ಥೀಮ್ ಅನ್ನು ಪರಿಗಣಿಸಲು ಬಯಸಬಹುದು. ಇದೀಗ ನಾನು ZURB ಫೌಂಡೇಷನ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ, ಆದರೆ ಅದು ನನ್ನ ಸಂಶೋಧನೆಯು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ಗಿಂತ ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಸುಲಭ ಎಂದು ಸೂಚಿಸಿದೆ.

ಅಲ್ಲದೆ, ಜಾಯ್ರೈಡ್ ಅಂಶವು ಬಹಳ ಸಿಹಿಯಾಗಿದೆ.

ಮತ್ತು ನೀವು ZURB ಫೌಂಡೇಶನ್, ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅಥವಾ ಇತರ ಫ್ರೇಮ್ವರ್ಕ್ ಅನ್ನು ಬಳಸುತ್ತೀರಾ, Drupal ಅನ್ನು ಹೊಂದಿರುವ ಚೌಕಟ್ಟನ್ನು ಬಳಸಿಕೊಳ್ಳುವುದರ ಕುರಿತುಸಲಹೆಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಿ .