બ્લોક થીમ માટે મૂળભૂત ચાઈલ્ડ થીમ બનાવો
વર્ણન
જાન્યુઆરી ૨૦૨૨ માં વર્ડપ્રેસ ૫.૯ ના પ્રકાશન સાથે, નવો બ્લોક થીમ સાથે તદ્દન નવો થીમ વિકાસ અનુભવ બનાવવામાં આવ્યો. બ્લોક થીમમાંથી ચાઈલ્ડ થીમ બનાવવા માટે થોડી ફાઈલો સંપૂર્ણ રીતે કાર્યરત હોવી જરૂરી છે. આ પાઠ તમને બ્લોક થીમ માટે મૂળભૂત ચાઈલ્ડ થીમ સેટ કરવાની પ્રક્રિયામાં લઈ જશે.
ઉદ્દેશ્યો
આ પાઠ પૂર્ણ કર્યા પછી, સહભાગીઓ સક્ષમ હશે:
- પેરેન્ટ અને ચાઈલ્ડના થીમ વચ્ચે તફાવત કરો અને તેમના ફાયદા સમજાવો
- ચાઈલ્ડ થીમ અને તેમની આવશ્યક આવશ્યકતાઓ માટે પ્રારંભિક ફાઇલો બનાવો
- બ્લોક થીમમાંથી મૂળભૂત, પરંતુ સંપૂર્ણ કાર્યાત્મક બ્લોક ચાઈલ્ડ થીમ બનાવો
પૂર્વજરૂરીયાતો કૌશલ્યો
સહભાગીઓ આ પાઠમાંથી સૌથી વધુ મેળવશે જો તેઓને આની સાથે પરિચિતતા હોય:
- સ્થાનિક અથવા સેન્ડબોક્સ વર્ડપ્રેસ સ્થાપનો સેટ કરી રહ્યું છે
- મૂળભૂત એચટીએમએલ અને સીએસએસ
- જેસન ફાઇલ ગોઠવણ
- વર્ડપ્રેસ થીમ સ્થાપન અને સક્રિય કરી રહ્યા છીએ
- વર્ડપ્રેસ સ્થાપનામાં થીમ ફોલ્ડરને પ્રવેશ કરવું
- લખાણ સંપાદક સાથે વર્ડપ્રેસ થીમ ફાઇલોને સંપાદિત કરવી
તૈયારી પ્રશ્નો
- શું તમે વર્ડપ્રેસ ડેશબોર્ડ દ્વારા થીમને સ્થાપિત કરો અને સક્રિય કરવાથી પરિચિત છો?
- શું તમારી પાસે એચટીએમએલ, સીએસએસ અને જેસન નું ઓછામાં ઓછું મૂળભૂત, સામાન્ય જ્ઞાન છે? (તમારે કોડ કરવામાં સક્ષમ હોવું જરૂરી નથી, તમે શું જોઈ રહ્યાં છો તે જાણો!)
- શું તમે કોડ સંપાદિત કરવા માટે પાઠ સંપાદકનો ઉપયોગ કરીને આરામદાયક અનુભવો છો?
- શું તમારી પાસે વર્ગ દરમિયાન ઉપયોગ કરવા માટે સ્થાનિક રીતે અથવા દૂરથી આયોજિત કરેલ સેન્ડબોક્સ વર્ડપ્રેસ સાઇટ હશે?
જરૂરી સામગ્રી
- બાવીસ બાવીસ થીમ અથવા સમાન બ્લોક થીમ
- નમૂનાની પડદાની છબી – તમે તમારી પસંદગીની થીમમાંથી એક બનાવી શકો છો અથવા સ્થળ ધારકનો ઉપયોગ કરી શકો છો
- વર્ડપ્રેસનું સ્થાનિક અથવા સેન્ડબોક્સ સ્થાપન
- એક પાઠ સંપાદક
પ્રસ્તુતકર્તા માટે નોંધો
- તમારા શીખનારાઓ માટે નમૂના સાઇટ સ્થાપના (પાઠ સંપાદક સેન્ડબોક્સ સાથે પૂર્ણ) રાખવાથી આ પાઠ યોજનામાં અપવાદરૂપે મદદરૂપ થઈ શકે છે! તમારા વિદ્યાર્થીઓ એક બટનને એક વખત દબાવવા સાથે ડાઉનલોડ કરી શકે તેવા પૂર્વ-વિકસિત, સ્વ-વિનાશક સેન્ડબોક્સ માટે #તાલીમ ટીમના પ્રતિનિધિઓ અથવા બ્લોક સભ્યો સુધી સ્લેકમાં પહોંચો.
પાઠની રૂપરેખા
- પ્રથમ, પૃષ્ઠભૂમિ જ્ઞાનને સક્રિય કરો: વિદ્યાર્થીઓને પૂછો કે “થીમ” શું છે અને જો તેમને કોઈ મનપસંદ છે. શા માટે તે થીમ તેમની પ્રિય છે?
- બીજું, બ્લોક થીમ અને સર્વોત્તમ થીમ વચ્ચેનો તફાવત સમજાવો.
- આગળ, વર્ગને પૂછો કે શું તેઓ જાણે છે કે ચાઈલ્ડ થીમ શું છે, તે કેવી રીતે કાર્ય કરે છે અથવા તેનો ઉપયોગ શેના માટે થાય છે. વિદ્યાર્થીઓને જવાબ આપવા દો અને જ્ઞાનમાં રહેલી કોઈપણ અવકાશ અને ખોટી માન્યતાઓને સુધારવા દો.
- તમે ચાઈલ્ડ થીમના ફાયદાઓ અને મુખ્ય થીમના કોડને સીધા જ સંપાદિત કરવાની મુશ્કેલીઓ સ્પષ્ટ રીતે સમજાવી લીધા પછી, વિદ્યાર્થીઓ તેમના થીમ સાથે વસ્તુઓ કરી શકે તે માટે ૩ અથવા ૪ જરૂરી ફાઇલો વિશે વાત કરો.
- નીચેની કસરતોનો ઉપયોગ કરીને, વિદ્યાર્થીઓને સરળ ચાઈલ્ડ થીમ બનાવટના દરેક ભાગમાં લઈ જઈને સમાપ્ત કરો.
- બંધ: આકારણી પ્રશ્નોત્તરી આપો.
કસરતો
પ્રશિક્ષક નોંધ: બ્લોક થીમ માટે સરળ ચાઈલ્ડ થીમ બનાવવા માટે આ કસરતો એકબીજા પર આધારિત છે.
સૌથી નાના ચાઈલ્ડ થીમને શક્ય બનાવો?
- શૈલી.સીએસએસ ફાઇલ બનાવો = આ ફાઇલ, જ્યારે ઘણી વખત બ્લોક થીમમાં ખાલી હોય છે, તે હજુ પણ બ્લોક થીમમાં જરૂરી છે જેથી વર્ડપ્રેસ તેને ચાઈલ્ડ થીમ તરીકે ઓળખે (અને તમામ થીમ, પેરેન્ટ અને ચાઈલ્ડ માટે સમાન રીતે જરૂરી છે).
- પાઠ સંપાદકનો ઉપયોગ કરીને શૈલી.સીએસએસ ફાઇલ બનાવો અને વિદ્યાર્થીઓને તે કરવા માટે તત્પર કરો
- શૈલી.સીએસએસ ફાઇલમાં જરૂરી રેખાઓ વિશે વાત કરો; શું બદલી શકાય? શું શામેલ હોવું જોઈએ?
- પૂરક માહિતી: થીમની સીએસએસ ફાઇલમાં શું જરૂરી છે? ટિપ્પણી બ્લોકમાં થીમ નામ: વીસ વીસ ← આ નામ તે છે જે તમારી વર્ડપ્રેસ સાઇટમાં તમારા થીમ પસંદગીકારમાં દેખાશે. ચાઈલ્ડ થીમમાં નમૂનો પણ શામેલ હોવું આવશ્યક છે – તે પેરેન્ટ થીમની નિર્દેશિકા તરફ નિર્દેશ કરશે જેથી ચાઈલ્ડ થીમ પેરેન્ટ થીમ સાથે યોગ્ય રીતે કાર્ય કરે.
- ફાઇલ સાચવો.
- વિદ્યાર્થીઓને બતાવો કે આ ફાઇલ હવે તેમના થીમ ભંડારમાં શોધી શકાય છે – તે કંઈ કરતી નથી, પરંતુ તે અસ્તિત્વમાં છે! તેની પાસે સીએસએસ ફાઇલ છે, તેથી તે છે!
- પડદાની છબી ઉમેરો.
- કેટલાક મફત ચિત્રો ક્યાંથી મેળવશો તે વિદ્યાર્થીઓને બતાવો (ઓપનવર્સ એક શ્રેષ્ઠ વિકલ્પ છે!)
- વિદ્યાર્થીઓને તેમના થીમમાં પડદાની છબી કેવી રીતે ઉમેરવી તે બતાવો, પછી તેમને તેમનો પોતાનો ઉમેરવા કહો
- પૂરક માહિતી: નિર્દેશ કરો કે પડદાની છબી સ્પષ્ટપણે ગતિશીલ નથી; આ ક્યાં છે તે જાણવું અગત્યનું છે જેથી જ્યારે તેઓ તેમના થીમ સાથે સમાપ્ત થાય ત્યારે તેઓ યોગ્ય પડદાની છબીઓ લઈ શકે, પરંતુ આ મુદ્દા પર ભાર મૂકે છે કે જો તેઓ નોંધપાત્ર ફેરફારો કરે તો તેમની ચાઈલ્ડ થીમ બદલાતા પડદાની છબી બદલાશે નહીં.
- થીમ.જેસન ફાઇલ બનાવો
- વિદ્યાર્થીઓને થીમ.જેસન ફાઈલ બનાવીને લઈ જાઓ
- પેરેન્ટ થીમમાંથી આખો થીમ.જેસન કોડ નકલ કરી અને ચોંટાડો
- પૂરક માહિતી: સમજાવો કે તમે શીખવાના હેતુઓ માટે સમગ્ર થીમ.જેસન ને નકલ કરી અને ચોંટાડી શકો છો; જો તેઓ સંપૂર્ણ નવા નિશાળીયા છે, તો થીમ બરાબર કામ કરશે. તમે એ પણ નિર્દેશ કરી શકો છો કે તેઓ તેમાંથી ચોક્કસ તત્વો ખેંચી શકે છે, અને ચાઈલ્ડ થીમ કોઈપણ વસ્તુ માટે પેરેન્ટ થીમ પર આધાર રાખશે જે તેઓ ખાસ કરીને કોડ કરતા નથી.
- વૈકલ્પિક: વિદ્યાર્થીઓને થીમ.જેસન સાથે એક સરળ વિકલ્પોને ચાલુ અને બંધ કરવા માટે લઈ જાઓ જેથી તેઓ સમજી શકે કે આ ફાઇલ સૌથી મૂળભૂત સ્તરે શું કરી શકે છે.
- વૈકલ્પિક: પૃષ્ઠભૂમિ રંગ માટે ચોક્કસ થીમ.જેસન કોડ ખેંચવાનું ઉદાહરણ બતાવો.
- વૈકલ્પિક: વિદ્યાર્થીઓને રીડમી ફાઇલની રચનામાં લઈ જાઓ.
- વૈકલ્પિક: થીમ.જેસન શીખવાનું શરૂ કરવા માટે થીમ.જેસન પાઠ યોજના વિહંગાવલોકન પર સંક્રમણ કરો.
આકારણી
શું તમારે ક્યારેય પેરેન્ટ થીમ (જે તમે જાતે આકૃત્તિ કરી નથી) સીધી રીતે સંશોધિત કરવી જોઈએ?
- બિલકુલ નહીં! મારા ફેરફારો અને મારી બધી મહેનત એક સુધારા દ્વારા પાછું ફેરવવામાં આવશે-અને હું મારી વેબસાઇટ તોડી શકું છું.
- હા. પેરેન્ટ થીમમાં જ ફેરફાર કરવો એ શ્રેષ્ઠ પ્રથા છે – ચાઈલ્ડ થીમ બનાવવાની કોઈ વાસ્તવિક જરૂર નથી.
જવાબ: ૧. સાચો જવાબ
ચાઈલ્ડ થીમ માટે તમારે ફક્ત એક જ ફાઇલની જરૂર છે?
- શૈલી.સીએસએસ
- થીમ.જેસન
- કાર્યો.પીએચપી
- અનુક્રમણિકા.એચટીએમએલ
જવાબ: ૧. સાચો જવાબ
સાચું કે ખોટું: વર્ડપ્રેસ થીમ ભંડારમાં થીમમાં લોકો જે પડદાની છબીઓ જુએ છે તે ગતિશીલ હોય છે અને તેઓ તેમની ચાઈલ્ડ થીમ અદ્યતન કરે છે ત્યારે બદલાય છે.
એ સાચું
બી ખોટા
જવાબ: બી. ખોટા
જો તમે ઇચ્છો છો કે તમારું ચાઈલ્ડ બ્લોક થીમ પેરેન્ટ થીમ (માત્ર અસ્તિત્વમાં નથી) કરતાં કંઈક અલગ કરે, તો કઈ ફાઇલ તમને તમારી બ્લોક થીમના વપરાશકર્તાઓ માટે અર્થપૂર્ણ ફેરફારો કરવાની મંજૂરી આપશે?
એ શૈલી.સીએસએસ
બી થીમ.જેસન
સી રીડમી.ટીએક્સટી
ડી. પડદાની છબી
જવાબ: બી, થીમ.જેસન
વધારાના સંસાધનો
પૃષ્ઠભૂમિ જ્ઞાનનું નિર્માણ: (વૈકલ્પિક)
કેવી રીતે ચાઈલ્ડ થીમ પેરેન્ટ થીમમાંથી ઘટકોને વારસામાં મેળવે છે (જ્યારે તે ચાઈલ્ડ થીમમાં હાજર ન હોય.)
- નમૂનો વંશવેલો એ વધુ અદ્યતન પ્રકૃતિના ઊંડાણપૂર્વકના ખુલાસા માટે એક સારો સામાન્ય ખ્યાલ અને સંદર્ભ બાંધો છે
ઉદાહરણ પાઠ
બ્લોક થીમ અને સર્વોત્તમ થીમ વચ્ચે શું તફાવત છે?
જાન્યુઆરી ૨૦૨૨ થી ૫.૯ ના પ્રકાશન સાથે, વર્ડપ્રેસ માટે સંપૂર્ણપણે નવી રીત બનાવવામાં આવી હતી; આ ફેરફારથી કોઈ પણ વ્યક્તિ જે “બ્લોક થીમ” તરીકે ઓળખાય છે તેનો ઉપયોગ કરવા માટે “સંપૂર્ણ સાઇટ સંપાદન” નામની સુવિધાઓના નવા સમૂહનો ઉપયોગ કરવા સક્ષમ બનાવે છે. આ વપરાશકર્તાઓને વિવિધ નવા સાધનોનો ઉપયોગ કરીને શીર્ષકથી લૌકિક સુધી તેમની વેબસાઇટના નકશાને આલેખન કરવાની સ્વતંત્રતા આપે છે.
દરમિયાન, સર્વોત્તમ થીમને વપરાશકર્તાઓ માટે ઘણી બધી વેબસાઇટની રચના બનાવી છે; આ વ્યાખ્યાયિત કરે છે કે હોદ્દો, પૃષ્ઠો, શીર્ષકો અને લૌકિકો શું દેખાઈ શકે છે અને નોંધપાત્ર ફેરફારો કરવા માટે ઘણી વખત વધારાના કોડિંગ જ્ઞાનની જરૂર પડે છે.
આ પાઠ યોજના ખાસ કરીને બ્લોક થીમ માટે ચાઈલ્ડ થીમ કેવી રીતે બનાવવી તે આવરી લે છે. જો તમે ચાઈલ્ડ બ્લોક થીમને બદલે ચાઈલ્ડ સર્વોત્તમ થીમ સાથે કામ કરવા માંગતા હો, તો તેના બદલે આ પાઠ યોજનાનો ઉપયોગ કરવાનું વિચારો.
પરિચય: પેરેન્ટ/ચાઈલ્ડ થીમની મૂળભૂત
ચાઈલ્ડ થીમ શું છે?
ચાઈલ્ડ થીમ એ થીમનો માત્ર એક ભાગ છે જે કોઈપણ શિરસ્ત કોડ માટે પેરેન્ટ થીમ પર આધાર રાખે છે જે ચાઈલ્ડ થીમમાં નથી.
મારે ચાઈલ્ડ થીમ શા માટે બનાવવી જોઈએ?
ઉદાહરણ તરીકે, કલ્પના કરો કે તમે સ્થાનિક બિન-લાભકારી માટે વેબસાઇટ આલેખન કરી રહ્યાં છો–અથવા, આ ઉદાહરણ માટે, કદાચ તમારા શહેરમાં ઉપયોગમાં લેવાતા નાના પુસ્તક ભંડાર માટેની વેબસાઇટ. આ પુસ્તકાલયના માલિકો ઇચ્છે છે કે તેમની વેબસાઇટ છાપકરણ હેતુઓ માટે રંગની રકાબીને અનુસરે, પરંતુ તેમના કેટલાક કર્મચારીઓ તેમની વેબસાઇટને અદ્યતન પણ કરશે. તમે ઇચ્છો છો કે આ પુસ્તકાલયના કર્મચારીઓ લખાણના રંગ માટે માત્ર વાદળી, લીલો અને કાળો રંગોનો ઉપયોગ કરી શકે. તે વિકલ્પોને મર્યાદિત કરવા માટે, તમારે, વેબ ડિઝાઇનરને, આમ કરવા માટે ચાઈલ્ડ થીમ બનાવવાની જરૂર પડશે- અમે ટૂંક સમયમાં શા માટે સમજાવીશું!
શરૂઆતથી સંપૂર્ણ થીમને ફરીથી બનાવવાને બદલે, તમે હાલના થીમનો ઉપયોગ કરી શકો છો અને ચાઈલ્ડ થીમ બનાવી શકો છો. આ તમારો સમય બચાવશે કારણ કે તે તમને ફક્ત લખાણના રંગ માટે ઉપયોગમાં લેવાતા કોડના ભાગોની નકલ અને ઉપયોગ કરવાની મંજૂરી આપે છે. સરસ, બરાબર ને?
શા માટે હું ફક્ત પેરેન્ટ થીમનો કોડ બદલી અથવા સંપાદિત કરી શકતો નથી?
તે એક વિકલ્પ છે, બરાબર?
ખોટું-અથવા ઓછામાં ઓછું, તે સારો વિચાર નથી! જ્યારે તમે તે કોડને તમારી પ્રાથમિક/પેરેન્ટ થીમમાં જ બદલી શકો છો, તેમ કરવામાં કેટલીક ગંભીર ચિંતાઓ છે.
ચાઈલ્ડ થીમ માટેનો મુક્કદમ: થોડી તપાસ કર્યા પછી, કેટલાક લોકો શોધે છે કે થીમ ફાઇલો ક્યાં રહે છે, પછી સીધા જ થીમની ફાઇલોને સંપાદિત કરો. આગલા થીમ અદ્યતન પછી, તેઓ એ જાણીને ગભરાઈ જાય છે કે અદ્યતન તેમના તમામ ફેરફારોને સંપૂર્ણપણે ભૂંસી નાખ્યા છે. ઘણા ડિઝાઇનરોએ આ પાઠ સખત રીતે શીખ્યા છે. તમે આને બનતા કેવી રીતે અટકાવશો? બ્લોક ચાઈલ્ડ થીમનો ઉપયોગ કરીને! બ્લોક ચાઈલ્ડ થીમ એ એક થીમ છે જે પેરેન્ટ થીમના કોઈપણ કોડને સ્પર્શ કર્યા વિના અન્ય બ્લોક થીમ (“પેરેન્ટ” બ્લોક થીમ) માં ઘટકોને રદ કરે છે અને ઉમેરે છે. જ્યારે પેરેન્ટ બ્લોક થીમ અદ્યતન થશે, ત્યારે તમારો બ્લોક ચાઈલ્ડ થીમ સાચવવામાં આવશે.
અદ્યતન સુધારા ફેરફારોને ઉલટાવે છે
જો તમે સંશોધિત થીમ અદ્યતન કરો છો, તો અદ્યતન મૂળ કોડને પુનઃસ્થાપિત કરશે અને તમે આ થીમ પર કરેલા તમામ સુધારા દૂર કરશે. એ જ રીતે, જ્યારે તમે પ્લગઇન અદ્યતન કરો છો, ત્યારે અદ્યતન તમે કરેલા કોઈપણ સંપાદનો પર ફરીથી લખશે. આ વર્ડપ્રેસ કોર ફાઇલો માટે સમાન છે, તેથી જ લોકો પ્લગઇન્સ અને ચાઈલ્ડ થીમ બંનેનો ઉપયોગ કરે છે!
નોંધ: વર્ડપ્રેસ વિકાસનો એક મહત્વનો નિયમ એ છે કે ક્યારેય વર્ડપ્રેસ કોર ફાઇલોને સીધી રીતે સંશોધિત ન કરવી. એ પણ ભલામણ કરવામાં આવે છે કે તમે સંપાદિત ન કરો:
- પ્લગઇન માહિતી -પુસ્તિકામાંથી પ્લગઇન ફાઇલો
- તૃતીય પક્ષ પ્લગઇન સર્જકોની પ્લગઇન ફાઇલો
- થીમ પુસ્તિકામાંથી થીમ ફાઇલો
થીમ ફાઈલો* કે જે મૂળ રૂપે તમારા દ્વારા બનાવવામાં આવી નથી
ચાઈલ્ડ થીમ બનાવવા માટે મારે શું જોઈએ છે?
- ચાઈલ્ડ થીમ માત્ર એક શૈલી.સીએસએસ ફાઇલ હોઈ શકે છે, જે ચોક્કસ લઘુત્તમ છે – તેમ છતાં, તે અસ્તિત્વ સિવાય બીજું કંઈ કરશે નહીં. The other two requirements are
- તમારા થીમની પડદાની છબી. આ બે જગ્યાએ દેખાશે: થીમ માહિતી -પુસ્તિકા અને તમારી સાઇટના થીમના પસંદગીકારમાં પણ તમારી સાઇટ કેવી દેખાશે તેના પૂર્વાવલોકનની જેમ:
- થીમ.જેસન ફાઈલ
- વૈકલ્પિક, પરંતુ આવશ્યક જો તમે વર્ડપ્રેસ ભંડારમાં તમારા થીમ દરેકને ઉપલબ્ધ કરાવવા માંગતા હોવ તો: થીમ માહિતી -પુસ્તિકા માટે રીડમી ફાઇલ.
જાણો કે ત્યાં વધુ વસ્તુઓ છે જે તમે કરી શકો છો (ખાસ કરીને શિરસ્તો નમૂનાઓ સાથે!) પરંતુ આ ચોક્કસ ન્યૂનતમ છે જે તમારે અર્થપૂર્ણ ફેરફારો કરવાનું શરૂ કરવાની જરૂર પડશે.
પાઠ સમેટો
વિદ્યાર્થીઓ સાથે નીચેની કસરતો પૂર્ણ કરો:
- શૈલી.સીએસએસ ફાઇલ બનાવો
- એક ચિત્ર/પડદાની છબી ઉમેરો
- થીમ.જેસન ફાઇલ બનાવો
- વૈકલ્પિક: રીડમી પાઠ
- વૈકલ્પિક વૃદ્ધિ: થીમ.જેસન વિહંગાવલોકન પાઠ યોજના પર સંક્રમણ