Drupal/C3/Styling-a-Page-using-Themes/Gujarati
From Script | Spoken-Tutorial
Time | Narration |
00:01 | Styling a Page using Themes. પરનાં Spoken tutorial માં સ્વાગત છે. |
00:06 | આ ટ્યુટોરીયલમાં, આપણે આપેલ વિશે શીખીશું:themes નો પરિચયthemes શોધવી અને એક સાદી theme સંસ્થાપિત કરવી. |
00:16 | આ ટ્યુટોરીયલ રેકોર્ડ કરવા માટે, હું ઉપયોગ કરી રહ્યો છું:Ubuntu Linux ઓપરેટીંગ સિસ્ટમ Drupal 8 અને Firefox વેબ બ્રાઉઝર.તમે તમારા પસંદનું કોઈપણ વેબ બ્રાઉઝર વાપરી શકો છો. |
00:30 | પહેલા ઉલ્લેખ્યા પ્રમાણે, Drupal website ને આપણે આપણા અનુસાર કેવી પણ બનાવી શકીએ છીએ. |
00:36 | વાસ્તવમાં, અહીં ડ્રૂપલ સાઈટમાંથી અમુક વિભિન્ન દેખાવો તથા અસરો છે. |
00:42 | નોંધ લો તે બિલકુલ અલગ છે. |
00:45 | આ Theme પર આધારિત છે. |
00:48 | Themes તમારી ડ્રૂપલ સાઈટને તમને જોઈએ એવી બનાવી શકે છે. |
00:51 | Themes વિશે યાદ રાખવા જેવી અહીં અમુક વસ્તુઓ છે. |
00:55 | આપણે કેટલીક વિભિન્ન જગ્યાઓથી Themes મેળવી શકીએ છીએ.આપણી પાસે drupal.org પર મફત Themes છે જેને Contributed Themes કહેવાય છે.અથવા, આપણે જુદા જુદા વિક્રેતાઓ પાસેથી પણ Theme ખરીદી શકીએ છીએ. |
01:11 | અથવા તો આપણે આપણી પોતાની Theme બનાવી શકીએ છીએ જેમ કે Artisteer.com માંથી Artisteer એટલે કે આને સ્ક્રેચથી બનાવો. |
01:19 | Contributed Themes એ drupal.org/project/themes પર મળી શકે છે. |
01:26 | Block Regions એ Theme દ્વારા નિર્ધારિત છે. |
01:29 | તો, જ્યાં આપણે આપણી વેબસાઈટ પર Blocks મૂકી શકીએ છીએ, આ થીમિંગ પ્રક્રિયાનો એક ભાગ છે. |
01:36 | આપણી પાસે જો યોગ્ય region નથી તો, આ એક Theme ની સમસ્યા છે Block ની સમસ્યા નહીં. |
01:42 | ચાલો Themes ને સેજ વધુ સમજીએ. |
01:46 | drupal.org પર આપણને કેટલીક ઉત્તમ મફત Themes મળી શકે છે. |
01:51 | drupal.org/projects/themes પર જાવ. |
01:56 | ચાલો ડ્રૂપલ માટે ઉપલબ્ધ કેટલીક Themes તરફે જોઈએ. |
02:01 | આપણા Modules ટ્યુટોરીયલમાંથી યાદ કરો. ડ્રૂપલની જે આવૃત્તિ આપણે વાપરી રહયા છીએ તેને Core compatibility દ્વારા ફિલ્ટર કરવું પડશે. |
02:10 | અહીં 2205 Themes છે. આપણે જયારે Drupal 8 પર ક્લીક કરીએ છીએ ત્યારે, તે ઓછી સંખ્યા દર્શાવે છે. |
02:18 | આ ટ્યુટોરીયલ રેકોર્ડ થયા પછીથી નવી theme ઉમેરાઈ છે, તમે હવે ઉચ્ચ સંખ્યા જોઈ શકશો. |
02:25 | કેવી રીતે Themes શોધવી અને તેનું મૂલ્યાંકન કરવું ચાલો એ વિશે ચર્ચા કરીએ. |
02:30 | આ બિલકુલ Modules નાં સમાન છે. |
02:33 | આપણે અહીં drupal.org થી શરૂ કરીશું. |
02:36 | હવે, જયારે આપણે Core compatibility દ્વારા ફિલ્ટર કરીએ છીએ ત્યારે, તે આપમેળે Most Installed દ્વારા સૉર્ટ થાય છે. |
02:43 | Adaptive Theme એ આ પોઇન્ટ પર ક્રમાંક એક છે. |
02:46 | અને Bootstrap એ ક્રમાંક બે છે. |
02:50 | ચાલો Bootstrap પર ક્લીક કરીએ. |
02:53 | Module ટ્યુટોરીયલમાંથી આપણું DMV ઉદાહરણ યાદ આવ્યું? અહીં તે સમાન વસ્તુ જ છે. |
02:59 | તમને પહેલા documentation વાંચવું પડશે. |
03:02 | ત્યારબાદ Maintainers તપાસો. |
03:05 | અને versions તથા project informations તરફે જુઓ. |
03:08 | રેકોર્ડિંગનાં સમયે, આ વિશેષ Theme એ Drupal 8 x 3.0 alpha 1 version માં છે. |
03:16 | અને, ત્યાં development version પણ છે. |
03:20 | પછીથી, આ Theme ની Drupal 8 આવૃત્તિ બને છે, અહીં લીલા રંગમાં. |
03:27 | Contributed Theme નાં કેટલાક પ્રકારો હોઈ શકે છે. અહીં 3 વિભિન્ન પ્રકારની Themes છે. |
03:34 | આપણી પાસે અત્યંત simple Contributed Theme હોઈ શકે છે જે તમે કોઈ પણ પોઇન્ટ માટે કોન્ફીગર કરી શકો છો. |
03:40 | આપણી પાસે Starter Themes હોઈ શકે છે જેમ કે Bootstrap અથવા Zen. |
03:46 | તમારું પોતાનું CSS રાખવા માટે, તે તમને ખાલી સ્ક્રીન અને નાનું framework આપશે. |
03:52 | અથવા, આપણી પાસે Base Theme હોઈ શકે છે. જે કે અહીં બીજી અન્ય Sub-Themes તેની ઉપર રહે એ રીતે ડિઝાઇન કરવામાં આવી છે Adaptive Theme. |
04:02 | પણ અહીં તમામ નિયમો સમાન છે. |
04:05 | documentation તરફે જુઓ. Maintainers તરફે જુઓ અને versions જુઓ. |
04:11 | આપણે હવે, Contributed Theme સંસ્થાપિત કરીશું. |
04:13 | ચાલો drupal.org/projects/zircon પર જાવ. |
04:20 | નીચે સ્ક્રોલ કરો. આ એક સરસ Theme છે, જે ખાસ કરીને Drupal 7 અને 8 માટે વિકસિત કરાયું છે. |
04:28 | આ ઘણી સાઈટો પર ઉપયોગમાં લેવાયું નથી. |
04:31 | આપણે આ થીમને વાપરીશું કારણ એ આજની તારીખમાં, તે Drupal 8 માટે તૈયાર છે. |
04:37 | ચાલો tar.gz પર જમણું-ક્લીક કરો અને તે લીંકને કોપી કરો. આ Modules સંસ્થાપિત કરવા જેવું જ છે. ચાલો આપણી site પર પાછા જઈએ. |
04:47 | આ વખતે Appearance અને Install new theme પર ક્લીક કરો. |
04:52 | ફરીથી, આગળની પ્રક્રિયા Modules જેવી જ છે. |
04:56 | ચાલો આ URL પેસ્ટ કરીએ અને ત્યારબાદ Install ક્લીક કરો. |
05:00 | Theme આપણા web server પર ડાઉનલોડ થઇ ગયી છે અને આપણે તેને હવે ON કરવામાં સમર્થ છીએ. |
05:06 | Install newly added themes ક્લીક કરો. |
05:09 | નીચેની તરફ સ્ક્રોલ કરો. |
05:12 | અને તમે જોશો Zircon."A flexible, recolorable theme with many regions and a responsive mobile first layout". |
05:21 | Install and set as default પર ક્લીક કરો. |
05:25 | હવે, જેવું કે આપણે પરિચય વિડિઓમાં શીખ્યું -ક્રમાંક એક : નવી Themes સંસ્થાપિત કરવાથી કન્ટેન્ટ બદલાશે નહીં, અને ક્રમાંક બે: આપણે આપણા Blocks નાં સ્થાનને બદલવું પડી શકે છે. |
05:38 | હવે, ચાલો settings તરફે પણ એક નજર ફેરવી લઈએ. |
05:42 | Settings પર ક્લીક કરો. |
05:45 | આપણી પાસે Zircon માં TOGGLE DISPLAY છે. |
05:49 | અને shortcut આઇકોન. |
05:51 | ફરી એકવાર, જો તમે લોગો અપડેટ કરવા ઈચ્છો છો જે Global settings અંતર્ગત છે. |
05:56 | અને LOGO IMAGE SETTINGS. |
05:59 | Save ક્લીક કરો. |
06:02 | અને ત્યારબાદ આપણી site પર જાવ. |
06:04 | આ Zircon છે - ડ્રૂપલ માટે એક સંપૂર્ણ નમ્ય, સૃદ્ઢ, અને વૈશ્વિક મૈત્રીપૂર્ણ Theme. |
06:11 | ચાલો Structure અને Blocks પર જઈએ. |
06:15 | અને Demonstrate block regions for Zircon પર ક્લીક કરો. |
06:19 | આપણને અહીં ઘણા Block regions દેખાશે. |
06:22 | એક Header region. Main menu ને Main menu Block Region માં રાખવાની જરૂર છે કારણ કે પછી આ બરાબર ફોર્મેટમાં થઇ જાય છે. |
06:32 | અહીં એક Slideshow region છે, જો તમે View Slideshow ઉપયોગ કરી રહયા છો. |
06:37 | એક Featured block region, |
06:39 | Help,Sidebar First,Sidebar Second,Content, |
06:44 | Panel First,Panel Second જે કે 1, 2, 3 અને 4. અને ત્યારબાદ એક Footer વિસ્તાર. |
06:53 | નોંધ લો આપણી મૂળભૂત Theme નાં કેટલાક વિસ્તારો હવે ઉપલબ્ધ નથી. |
07:00 | ચાલો આના પર એક નજર ફેરવીએ અને જોઈએ કે આપણે અહીં શું કરવું જોઈએ. |
07:03 | Header વિસ્તારમાં ઘણી બધી વસ્તુઓ છે. Footer વિસ્તાર જેમાં આપણે "Powered by Drupal" બ્લોક એસાઇન કર્યું હતું, તે હવે મોજુદ નથી. |
07:14 | આપણે આને પાછું Footer માં મુકીશું. |
07:17 | Header માંથી તે તરત જ અદૃશ્ય થાય છે. |
07:20 | ચાલો Status message ને Header માંથી કાઢીને તેને મેસેજમાં મુકો. |
07:26 | ચાલો Footer menu ને ફરીથી, નીચે Footer માં મુકો. |
07:30 | આપણે Search, Site branding અને User account menu ને એવું જ રહેવા દઈશું જ્યા તે અત્યારે છે. |
07:36 | Primary menu ખોટી જગ્યાએ છે પરંતુ ચાલો એના પર એક નજર ફેરવીએ. |
07:42 | Save blocks પર ક્લીક કરો. |
07:44 | આપણી site પર પાછા જઈએ. |
07:47 | અને આપણે જોશું કે Main menu ક્યાંપણ નથી. આ એટલા માટે કારણ કે Primary menu એ આ Theme માં ઉપલબ્ધ નથી. |
07:55 | તો, આપણે આપણું Main navigation લેશું અને તેને Main menu માં બદલીશું. |
08:01 | નીચે સ્ક્રોલ કરો. ચાલો એનાપર એક નજર ફેરવીએ. |
08:05 | આપણા Content ક્ષેત્રમાં, આપણી પાસે Help block છે. |
08:09 | ચાલો તેને Help માં રાખીએ. |
08:12 | Page title, Primary admin actions અને Page Tabs આ બધું ઠીક છે. |
08:18 | Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added અને Tools. |
08:26 | ચાલો Tools menu લઈએ અને તેને Sidebar second ની અંદર નાખીએ.આપણે આ પહેલા કર્યું નથી. |
08:34 | અહીં ચાર Panel regions છે જેમાં આપણે જોઈતું કંઈપણ મૂકી શકીએ છીએ. |
08:39 | હવે, Save ક્લીક કરો. |
08:41 | અને ચાલો આપણે શું કર્યું હતું તેના પર નજર ફેરવીએ. |
08:44 | આ હવે પહેલા કરતા ખુબ સારું છે. |
08:47 | આપણું menu બરાબરથી Main menu block region માં મુકાયું છે.અમુક શેડીંગ અને કલરીંગ સાથે, in-line menu ને સારું બનાવવા માટે, CSS ને લેવામાં આવ્યું છે. |
08:58 | BOOK NAVIGATION, RECENTLY ADDED EVENTS ડાબી બાજુએ છે. |
09:03 | અને TOOLS જમણી બાજુએ છે, ફરીથી Sidebar first અને Sidebar second. |
09:10 | અને તમામ કન્ટેન્ટ મધ્યમાં છે. |
09:12 | અહીં કેટલીક વસ્તુઓ ધ્યાન રાખવા યોગ્ય છે. |
09:15 | આપણે આપણી themes બદલી છે. કન્ટેન્ટને છોડીને, બાકી બધું બદલાઈ ગયું છે. |
09:20 | આપણને નવા fonts, નવી font styles, નવા H3 tags, નવા Block regions, layouts અને નવું Footer area મળ્યું છે. |
09:31 | પણ જે બદલાયું નથી તે છે આપણું કન્ટેન્ટ અને આપણા કન્ટેન્ટનું વાસ્તવિક layout. |
09:37 | આને બદલવા માટે, આપણને Panels અને Display fields નો ઉપયોગ કરવો પડશે.આ add-on Modules છે જે આપણે drupal.org માંથી મેળવી શકીએ છીએ. |
09:48 | Themes લાજવાબ છે. હવે આ વાસ્તવમાં સાધારણ theme છે.અહીં કેટલીક અત્યંત જટિલ themes પણ છે જે આપણે Drupal માંથી મેળવી શકીએ છીએ. |
09:58 | તમે drupal.org/projects/themes પર પાછા આવી શકો છો. ઉપલબ્ધ કેટલીક Drupal 8 themes તરફે નજર ફેરવો. |
10:08 | તમારા પસંદની અમુક themes શોધો, તેને સંસ્થાપિત કરીને તેના પર કામ કરો. |
10:13 | themes કેવી રીતે તમારી સાઈટ પર પ્રભાવ નાખે છે તે વિશે શીખવાનો આ એક ઉત્તમ માર્ગ છે. તમને કદાચિત તમારા પસંદની ડિઝાઇન પણ મળી શકે છે. |
10:21 | આ સાથે, આપણું આ ટ્યુટોરીયલ સમાપ્ત થાય છે. |
10:24 | ચાલો સારાંશ લઈએ. આ ટ્યુટોરીયલમાં, આપણે આપેલ વિશે શીખ્યા:themes નો પરિચયthemes શોધવી અને એક સાદી theme સંસ્થાપિત કરવી. |
10:45 | આ વિડિઓ Acquia અને OSTraining માંથી અનુકૂલિત છે અને Spoken Tutorial Project, IIT Bombay દ્વારા પુનરાવર્તિત કરાયેલ છે. |
10:54 | આપેલ લીંક પર ઉપલબ્ધ વિડિઓ નિહાળો. આ સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટનો સારાંશ આપે છે. તેને ડાઉનલોડ કરીને જુઓ. |
11:00 | સ્પોકન ટ્યુટોરીયલ ટીમ સ્પોકન ટ્યુટોરીયલનાં મારફતે ઓનલાઇન વર્કશોપો આયોજિત કરે છે. જેઓ ઓનલાઇન પરીક્ષા પાસ કરે છે તેઓને પ્રમાણપત્રો પણ આપે છે. વધુ વિગતો માટે અમને લખો. |
11:08 | સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટને NMEICT, Ministry of Human Resource Development અને NVLI, Ministry of Culture Government of India દ્વારા ફાળો આપવામાં આવ્યો છે. |
11:19 | આઈઆઇટી બોમ્બે તરફથી હું ભરત સોલંકી વિદાય લઉં છું. જોડવાબદ્દલ આભાર. |