Difference between revisions of "Drupal/C3/Styling-a-Page-using-Themes/Gujarati"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 174: Line 174:
 
|-
 
|-
 
| 03:52
 
| 03:52
−
| અથવા, આપણી પાસે ''' Base Theme''' હોઈ શકે છે. That is designed to have other '''Sub-Themes''' placed on top of it something like''' Adaptive Theme.'''.
+
| અથવા, આપણી પાસે ''' Base Theme''' હોઈ શકે છે. જે કે અહીં બીજી અન્ય '''Sub-Themes''' તેની ઉપર રહે એ રીતે ડિઝાઇન કરવામાં આવી છે ''' Adaptive Theme.'''
  
 
|-
 
|-
 
| 04:02
 
| 04:02
−
| But the rules are all the same here.
+
| પણ અહીં તમામ નિયમો સમાન છે.
  
 
|-
 
|-
 
| 04:05
 
| 04:05
−
| Look at the''' documentation.''' Look at the''' Maintainers''' and look at the''' versions'''.
+
| ''' documentation''' તરફે જુઓ. ''' Maintainers''' તરફે જુઓ અને ''' versions''' જુઓ.
  
 
|-
 
|-
 
| 04:11
 
| 04:11
−
| We will install a''' Contributed Theme''', now.
+
| આપણે હવે, ''' Contributed Theme''' સંસ્થાપિત કરીશું.
  
 
|-
 
|-
 
| 04:13
 
| 04:13
−
| Let’s go to''' drupal.org/projects/zircon'''.
+
| ચાલો ''' drupal.org/projects/zircon''' પર જાવ.
  
 
|-
 
|-
−
|04:20
+
| 04:20
−
| Scroll down. This is a nice''' Theme''', that's been developed specifically for''' Drupal 7''' and''' 8'''.
+
| નીચે સ્ક્રોલ કરો. આ એક સરસ ''' Theme''' છે, જે ખાસ કરીને ''' Drupal 7''' અને ''' 8''' માટે વિકસિત કરાયું છે.
  
 
|-
 
|-
 
| 04:28
 
| 04:28
−
| It's not used on many sites.
+
| આ ઘણી સાઈટો પર ઉપયોગમાં લેવાયું નથી.
  
 
|-
 
|-
 
| 04:31
 
| 04:31
−
| We will be using this theme because it is ready for''' Drupal 8''', as of today.
+
| આપણે આ થીમને વાપરીશું કારણ એ આજની તારીખમાં, તે ''' Drupal 8''' માટે તૈયાર છે.
  
 
|-
 
|-
−
|04:37
+
| 04:37
−
| Let us right-click on ''' tar.gz''' and copy that link. This is similar to installing''' Modules'''. Let’s go back to our '''site'''.
+
| ચાલો ''' tar.gz''' પર જમણું-ક્લીક કરો અને તે લીંકને કોપી કરો. આ ''' Modules''' સંસ્થાપિત કરવા જેવું જ છે. ચાલો આપણી '''site''' પર પાછા જઈએ.
  
 
|-
 
|-
 
| 04:47
 
| 04:47
−
| This time click on''' Appearance''' and''' Install new theme'''.
+
| આ વખતે ''' Appearance''' અને ''' Install new theme''' પર ક્લીક કરો.
  
 
|-
 
|-
−
|04:52
+
| 04:52
−
| Again, same process as with''' Modules'''.
+
| ફરીથી, આગળની પ્રક્રિયા ''' Modules''' જેવી જ છે.
  
 
|-
 
|-
 
| 04:56
 
| 04:56
−
| Let us paste that''' URL''' and then click''' Install'''.
+
| ચાલો આ ''' URL''' પેસ્ટ કરીએ અને ત્યારબાદ ''' Install''' ક્લીક કરો.
  
 
|-
 
|-
 
| 05:00
 
| 05:00
−
| The''' Theme''' is downloaded to our''' web server,''' and we are able to now turn it''' ON'''.
+
| ''' Theme''' આપણા ''' web server''' પર ડાઉનલોડ થઇ ગયી છે અને આપણે તેને હવે ''' ON''' કરવામાં સમર્થ છીએ.
  
 
|-
 
|-
 
| 05:06
 
| 05:06
−
| Click''' Install newly added themes.'''
+
| ''' Install newly added themes''' ક્લીક કરો.
  
 
|-
 
|-
 
| 05:09
 
| 05:09
−
| Scroll down to the bottom.
+
| નીચેની તરફ સ્ક્રોલ કરો.
  
 
|-
 
|-
 
| 05:12
 
| 05:12
−
| And you'll see''' Zircon'''.
+
| અને તમે જોશો ''' Zircon'''.
 
"A flexible, recolorable theme with many regions and a responsive mobile first layout".
 
"A flexible, recolorable theme with many regions and a responsive mobile first layout".
  
 
|-
 
|-
 
| 05:21
 
| 05:21
−
| Click''' Install and set as default'''.
+
| ''' Install and set as default''' પર ક્લીક કરો.
  
 
|-
 
|-
 
| 05:25
 
| 05:25
−
| Now, as we learnt in the intro video-
+
| હવે, જેવું કે આપણે પરિચય વિડિઓમાં શીખ્યું -
−
* Number one : Installing new''' Themes''' doesn't change the content, and Number two : We may need to re-position our''' Blocks'''.
+
* ક્રમાંક એક : નવી ''' Themes''' સંસ્થાપિત કરવાથી કન્ટેન્ટ બદલાશે નહીં, અને ક્રમાંક બે : આપણે આપણા ''' Blocks''' નાં સ્થાનને બદલવું પડી શકે છે.
  
 
|-
 
|-
 
| 05:38
 
| 05:38
−
| Now, let's take a quick look at the''' settings.'''
+
| હવે, ચાલો ''' settings''' તરફે પણ એક નજર ફેરવી લઈએ.
  
 
|-
 
|-
 
| 05:42
 
| 05:42
−
| Click on the word''' Settings'''.
+
| ''' Settings''' પર ક્લીક કરો.
  
 
|-
 
|-
 
| 05:45
 
| 05:45
−
| We have the normal''' TOGGLE DISPLAY''' in''' Zircon'''.
+
| આપણી પાસે ''' Zircon''' માં સામાન્ય ''' TOGGLE DISPLAY''' છે.
  
 
|-
 
|-
 
| 05:49
 
| 05:49
−
| And the '''shortcut''' icon.
+
| અને '''shortcut''' આઇકોન.
  
 
|-
 
|-
 
| 05:51
 
| 05:51
−
| Once again, if you want to update the logo that's under''' Global settings'''.
+
| ફરી એકવાર, જો તમે લોગો અપડેટ કરવા ઈચ્છો છો જે ''' Global settings''' અંતર્ગત છે.
  
 
|-
 
|-
 
| 05:56
 
| 05:56
−
| And''' LOGO IMAGE SETTINGS.'''
+
| અને ''' LOGO IMAGE SETTINGS'''.
  
 
|-
 
|-
 
| 05:59
 
| 05:59
−
| Click''' Save'''.
+
| ''' Save''' ક્લીક કરો.
  
 
|-
 
|-
 
| 06:02
 
| 06:02
−
| And then go to our''' site'''.
+
| અને ત્યારબાદ આપણી ''' site''' પર જાવ.
  
 
|-
 
|-
 
| 06:04
 
| 06:04
−
| This is''' Zircon''' - a completely flexible, robust, and global friendly''' Theme''' for Drupal.
+
| આ ''' Zircon''' છે - ડ્રૂપલ માટે એક સંપૂર્ણ નમ્ય, સૃદ્ઢ, અને વૈશ્વિક મૈત્રીપૂર્ણ ''' Theme'''.
  
 
|-
 
|-
 
| 06:11
 
| 06:11
−
| Let's head over to''' Structure''' and''' Blocks'''.
+
| ચાલો ''' Structure''' અને ''' Blocks''' પર જઈએ.
  
 
|-
 
|-
 
| 06:15
 
| 06:15
−
| And click on''' Demonstrate block regions for Zircon.'''
+
| અને ''' Demonstrate block regions for Zircon''' પર ક્લીક કરો.
  
 
|-
 
|-
 
| 06:19
 
| 06:19
−
| We'll see a number of''' Block regions''' here.
+
| આપણને અહીં ઘણા ''' Block regions''' દેખાશે.
  
 
|-
 
|-
 
| 06:22
 
| 06:22
−
| A''' Header''' region. The''' Main menu''' needs to go in the''' Main menu Block Region''' because then it gets proper formatting.
+
| એક ''' Header''' region. ''' Main menu''' ને ''' Main menu Block Region''' માં રાખવાની જરૂર છે કારણ કે પછી આ બરાબર ફોર્મેટમાં થઇ જાય છે.
  
 
|-
 
|-
 
| 06:32
 
| 06:32
−
| There's a''' Slideshow region''', in case you are using something like''' View Slideshow'''.
+
| અહીં એક ''' Slideshow region''' છે, જો તમે ''' View Slideshow''' ઉપયોગ કરી રહયા છો.
  
 
|-
 
|-
 
| 06:37
 
| 06:37
−
| A''' Featured block region''',
+
| એક ''' Featured block region''',
  
 
|-
 
|-
Line 314: Line 314:
  
 
|-
 
|-
−
|06:44
+
| 06:44
 
| '''Panel First''',
 
| '''Panel First''',
−
'''Panel Second''' called''' 1, 2, 3''' and''' 4.''' And then a''' Footer''' region.
+
'''Panel Second''' જે કે ''' 1, 2, 3''' અને ''' 4.''' અને ત્યારબાદ એક ''' Footer''' વિસ્તાર.
  
 
|-
 
|-
 
| 06:53
 
| 06:53
−
| Notice that some of the regions from our default''' Theme''' are no longer available.
+
| નોંધ લો આપણી મૂળભૂત ''' Theme''' નાં કેટલાક વિસ્તારો હવે ઉપલબ્ધ નથી.
  
 
|-
 
|-
−
|07:00
+
| 07:00
−
| Let's take a quick look and see what we need to do here.
+
| ચાલો આના પર એક નજર ફેરવીએ અને જોઈએ કે આપણે અહીં શું કરવું જોઈએ.
  
 
|-
 
|-
 
| 07:03
 
| 07:03
−
| There are a lot of stuff in the''' Header''' region. The''' Footer''' region to which we had assigned the "Powered by Drupal" block, no longer exists.
+
| ''' Header''' વિસ્તારમાં ઘણી બધી વસ્તુઓ છે. ''' Footer''' વિસ્તાર જેમાં આપણે "Powered by Drupal" બ્લોક એસાઇન કર્યું હતું, તે હવે મોજુદ નથી.
  
 
|-
 
|-
 
| 07:14
 
| 07:14
−
| We will put that back into''' Footer.'''
+
| આપણે આને પાછું ''' Footer''' માં મુકીશું.
  
 
|-
 
|-
 
| 07:17
 
| 07:17
−
| It immediately disappears from the''' Header.'''
+
| ''' Header''' માંથી તે તરત જ અદૃશ્ય થાય છે.
  
 
|-
 
|-
−
|07:20
+
| 07:20
−
| Let's take the''' Status message''' out of the''' Header''' and put it into messages.
+
| ચાલો ''' Status message''' ને ''' Header''' માંથી કાઢીને તેને મેસેજમાં મુકો.
  
 
|-
 
|-
 
| 07:26
 
| 07:26
−
| Let's put the''' Footer menu''' again, down into''' Footer'''.
+
| ચાલો ''' Footer menu''' ને ફરીથી, નીચે ''' Footer''' માં મુકો.
  
 
|-
 
|-
 
| 07:30
 
| 07:30
−
| We'll leave''' Search, Site branding''' and''' User account menu''' where they are for now.
+
| આપણે ''' Search, Site branding''' અને ''' User account menu''' ને એવું જ રહેવા દઈશું જ્યા તે અત્યારે છે.
  
 
|-
 
|-
 
| 07:36
 
| 07:36
−
| ''' Primary menu''' is in the wrong spot but let's just take a quick look at that.
+
| ''' Primary menu''' ખોટી જગ્યાએ છે પરંતુ ચાલો એના પર એક નજર ફેરવીએ.
  
 
|-
 
|-
 
| 07:42
 
| 07:42
−
| Click''' Save blocks.'''
+
| ''' Save blocks''' પર ક્લીક કરો.
  
 
|-
 
|-
 
| 07:44
 
| 07:44
−
| Go back to our''' site'''.
+
| આપણી ''' site''' પર પાછા જઈએ.
  
 
|-
 
|-
 
| 07:47
 
| 07:47
−
| And we'll see that the''' Main menu''' is nowhere to be found. That's because''' Primary menu''' doesn't exist in this''' Theme'''.
+
| અને આપણે જોશું કે ''' Main menu''' ક્યાંપણ નથી. આ એટલા માટે કારણ કે ''' Primary menu''' એ આ ''' Theme''' માં ઉપલબ્ધ નથી.
  
 
|-
 
|-
−
|07:55
+
| 07:55
−
| So, we will take our''' Main navigation''' and change that to''' Main menu'''.
+
| તો, આપણે આપણું ''' Main navigation''' લેશું અને તેને ''' Main menu''' માં બદલીશું.
  
 
|-
 
|-
 
| 08:01
 
| 08:01
−
| Scrolling down.. let's take a quick look.
+
| નીચે સ્ક્રોલ કરો. ચાલો એનાપર એક નજર ફેરવીએ.
  
 
|-
 
|-
 
| 08:05
 
| 08:05
−
| In our '''Content''' area, we've got the''' Help block'''.
+
| આપણા '''Content''' ક્ષેત્રમાં, આપણી પાસે ''' Help block''' છે.
  
 
|-
 
|-
 
| 08:09
 
| 08:09
−
| Let us put that in''' Help'''.
+
| ચાલો તેને ''' Help''' માં રાખીએ.
  
 
|-
 
|-
 
| 08:12
 
| 08:12
−
| '''Page title, Primary admin actions''' and''' Page Tabs''' are fine.
+
| '''Page title, Primary admin actions''' અને ''' Page Tabs''' આ બધું ઠીક છે.
  
 
|-
 
|-
 
| 08:18
 
| 08:18
−
| '''Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added''' and''' Tools'''.
+
| '''Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added''' અને ''' Tools'''.
  
 
|-
 
|-
−
|08:26
+
| 08:26
−
| Let's take the''' Tools menu''' and put that inside''' Sidebar second.'''
+
| ચાલો ''' Tools menu''' લઈએ અને તેને ''' Sidebar second''' ની અંદર નાખીએ.
−
We haven't done this before.
+
આપણે આ પહેલા કર્યું નથી.
  
 
|-
 
|-
 
| 08:34
 
| 08:34
−
| There are four''' Panel regions''' here in which we can place anything we want.
+
| અહીં ચાર ''' Panel regions''' છે જેમાં આપણે જોઈતું કંઈપણ મૂકી શકીએ છીએ.
  
 
|-
 
|-
 
| 08:39
 
| 08:39
−
| Now, click''' Save.'''
+
| હવે, ''' Save''' ક્લીક કરો.
  
 
|-
 
|-
 
| 08:41
 
| 08:41
−
| And let's take a look at what we did.
+
| અને ચાલો આપણે શું કર્યું હતું તેના પર નજર ફેરવીએ.
  
 
|-
 
|-
 
| 08:44
 
| 08:44
−
| This is a lot better now.
+
| આ હવે પહેલા કરતા ખુબ સારું છે.
  
 
|-
 
|-
 
| 08:47
 
| 08:47
−
| Our''' menu''' is properly placed in the''' Main menu block region.'''
+
| આપણું ''' menu''' બરાબરથી ''' Main menu block region''' માં મુકાયું છે.
−
The''' CSS''' is picked up, making it a nice''' in-line menu''', with some shading and some colouring.
+
અમુક શેડીંગ અને કલરીંગ સાથે, ''' in-line menu''' ને સારું બનાવવા માટે, ''' CSS''' ને લેવામાં આવ્યું છે.
  
 
|-
 
|-
−
|08:58
+
| 08:58
−
| '''BOOK NAVIGATION, RECENTLY ADDED EVENTS''' on the left.
+
| '''BOOK NAVIGATION, RECENTLY ADDED EVENTS''' ડાબી બાજુએ છે.
  
 
|-
 
|-
 
| 09:03
 
| 09:03
−
| And the''' TOOLS''' are on the right, again''' Sidebar first '''and''' Sidebar second.'''
+
| અને ''' TOOLS''' જમણી બાજુએ છે, ફરીથી ''' Sidebar first ''' અને ''' Sidebar second.'''
  
 
|-
 
|-
 
| 09:10
 
| 09:10
−
| And all the content is in the middle.
+
| અને તમામ કન્ટેન્ટ મધ્યમાં છે.
  
 
|-
 
|-
 
| 09:12
 
| 09:12
−
| A couple of things to point out here.
+
| અહીં કેટલીક વસ્તુઓ ધ્યાન રાખવા યોગ્ય છે.
  
 
|-
 
|-
 
| 09:15
 
| 09:15
−
| We've changed our''' themes.''' Everything has changed, except our content.
+
| આપણે આપણી ''' themes''' બદલી છે. કન્ટેન્ટને છોડીને, બાકી બધું બદલાઈ ગયું છે.
  
 
|-
 
|-
 
| 09:20
 
| 09:20
−
| We've got new''' fonts''', new''' font styles,''' new''' H3 tags''', new''' Block regions, layouts''' and a new''' Footer area.'''
+
| આપણને નવા ''' fonts''', નવી ''' font styles,''' નવા ''' H3 tags''', નવા ''' Block regions, layouts''' અને નવું ''' Footer area''' મળ્યું છે.
  
 
|-
 
|-
 
| 09:31
 
| 09:31
−
| But what's not changed is our content and the actual''' layout''' of our content.
+
| પણ જે બદલાયું નથી તે છે આપણું કન્ટેન્ટ અને આપણા કન્ટેન્ટનું વાસ્તવિક ''' layout'''.
  
 
|-
 
|-
 
| 09:37
 
| 09:37
−
| To change those, we will need to use''' Panels''' or''' Display fields.'''
+
| આને બદલવા માટે, આપણને ''' Panels''' અને ''' Display fields''' નો ઉપયોગ કરવો પડશે.
−
Those are''' add-on Modules''' that we can get from''' drupal.org'''.
+
આ ''' add-on Modules''' છે જે આપણે ''' drupal.org''' માંથી મેળવી શકીએ છીએ.
  
 
|-
 
|-
 
| 09:48
 
| 09:48
−
| '''Themes''' are fantastic. Now this is really simple''' theme'''.
+
| '''Themes''' લાજવાબ છે. હવે આ વાસ્તવમાં સાધારણ ''' theme''' છે.
−
There are also some very complex''' themes''' that we can get for''' Drupal'''.
+
અહીં કેટલીક અત્યંત જટિલ ''' themes''' પણ છે જે આપણે ''' Drupal''' માંથી મેળવી શકીએ છીએ.
  
 
|-
 
|-
 
| 09:58
 
| 09:58
−
| You can come back to''' drupal.org/projects/themes.''' Take a look at some of the''' Drupal 8 themes''' that are available.
+
| તમે ''' drupal.org/projects/themes''' પર પાછા આવી શકો છો. ઉપલબ્ધ કેટલીક ''' Drupal 8 themes''' તરફે નજર ફેરવો.
  
 
|-
 
|-
 
| 10:08
 
| 10:08
−
| Find some '''themes''' that you like, install them and play with them.  
+
| તમારા પસંદની અમુક '''themes''' શોધો, તેને સંસ્થાપિત કરીને તેના પર કામ કરો.
  
 
|-
 
|-
−
|10:13
+
| 10:13
−
|This is a great way to learn about how '''themes''' impact your '''site'''. You may find just the design that you want.
+
| '''themes''' કેવી રીતે તમારી સાઈટ પર પ્રભાવ નાખે છે તે વિશે શીખવાનો આ એક ઉત્તમ માર્ગ છે. તમને કદાચિત તમારા પસંદની ડિઝાઇન પણ મળી શકે છે.
  
 
|-
 
|-

Revision as of 14:13, 6 September 2016

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 આઈઆઇટી બોમ્બે તરફથી હું ભરત સોલંકી વિદાય લઉં છું. જોડવાબદ્દલ આભાર.

Contributors and Content Editors

Bharat636, Jyotisolanki

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Drupal/C3/Styling-a-Page-using-Themes/Gujarati&oldid=28269"