બ્લોક પેટર્નની નોંધણી


વર્ડપ્રેસ બ્લોક સંપાદક વર્ડપ્રેસ પોસ્ટ્સ અને પૃષ્ઠો માટે જટિલ સામગ્રી બનાવવાની તકો પ્રદાન કરે છે. સામગ્રી નિર્માતાઓ શોધી શકે છે કે સમાન જટિલ બ્લોક્સને ફરીથી અને ફરીથી ગોઠવવાનું એક બોજારૂપ કાર્ય છે. સદભાગ્યે, બ્લોક પેટર્ન પૂર્વ-રૂપરેખાંકિત બ્લોક્સ અને બ્લોક્સના જૂથોની સરળ ઍક્સેસ માટેનો માર્ગ પૂરો પાડે છે. બ્લોક પેટર્ન વારંવાર ઉપયોગમાં લેવાતા બ્લોક રૂપરેખાંકનો માટે યોગ્ય છે. આ વર્કશોપ બ્લોક એડિટરમાં બ્લોક પેટર્ન માટે માર્કઅપ કેવી રીતે જનરેટ કરવું અને પ્લગઇન અથવા થીમમાં તે પેટર્ન માટે નોંધણી કોડ કેવી રીતે ઉમેરવો તે આવરી લેશે.

ભણવાના પરિણામો

  1. વર્ડપ્રેસ બ્લોક એડિટરમાં બ્લોક્સ ગોઠવો
  2. બ્લોક્સ, ફરીથી વાપરી શકાય તેવા બ્લોક્સ અને બ્લોક પેટર્ન વચ્ચેનો તફાવત જાણો
  3. પ્લગઇન અથવા થીમમાં બ્લોક પેટર્ન શ્રેણીની નોંધણી કરો
  4. પ્લગઇન અથવા થીમમાં બ્લોક પેટર્નની નોંધણી કરો

સમજણના પ્રશ્નો

  • બ્લોક પેટર્ન શું છે?
  • બ્લોક પેટર્ન શ્રેણી શું છે?
  • શું તમે તમારા પ્લગઇન અથવા થીમમાં બ્લોક પેટર્નની નોંધણી માટે 3-5 ઉપયોગના કિસ્સાઓના  નામ આપી શકો છો?
  • બ્લોક પેટર્ન ફરીથી વાપરી શકાય તેવા બ્લોક્સથી કેવી રીતે અલગ પડે છે?
  • બ્લોક પેટર્નની નોંધણી કરવા માટે કોડિંગ જ્ઞાનના કયા સ્તરની જરૂર છે?

અનુલિપિ

આજે હું વર્ડપ્રેસ બ્લોક એડિટરમાં બ્લોક પેટર્ન વિશે શેર કરીશ. તમે કદાચ પહેલાથી જ જાણતા હશો કે કેટલીકવાર ગુટેનબર્ગ તરીકે ઓળખાતા બ્લોક એડિટરનો ઉપયોગ ખરેખર અદ્યતન અને રસપ્રદ સામગ્રી લેઆઉટ બનાવવા માટે થઈ શકે છે. આજે હું બ્લોક પેટર્ન ફીચર વિશે શેર કરીશ જે ઓગસ્ટ 2020 માં વર્ડપ્રેસ વર્ઝન 5.5 માં ઉમેરવામાં આવી હતી. તો બ્લોક પેટર્ન શું છે અને તેને શું ઉપયોગી બનાવે છે. બ્લોક પેટર્ન ફીચર બ્લોક્સથી બનેલા પહેલાથી બનાવેલ પેટર્નની સૂચિની ઍક્સેસ પ્રદાન કરે છે જે વપરાશકર્તાઓને તેમની સામગ્રી માટે આકર્ષક લેઆઉટ સરળતાથી બનાવવા અને સંશોધિત કરવાની મંજૂરી આપે છે. આ સુવિધા મુખ્યત્વે થીમ અને પ્લગઇન વિકાસકર્તાઓને તેમના વપરાશકર્તાઓ અને ક્લાયન્ટ્સ માટે તેમના માટે પૂર્વવ્યાખ્યાયિત બ્લોક ગોઠવણીઓ બનાવવાની મંજૂરી આપવા માટે ઉપલબ્ધ છે. વર્ડપ્રેસમાં ડિફૉલ્ટ રૂપે સમાવિષ્ટ છે તે ઉપરાંત, સામગ્રી નિર્માતાઓને ખૂબ જ કસ્ટમાઇઝ કરી શકાય તેવી સામગ્રી અથવા તેમની વેબસાઇટ ઝડપથી બનાવવા માટે વધુ વિકલ્પો પ્રદાન કરવા માટે વધારાના બ્લોક પેટર્નની નોંધણી કરી શકાય છે. રજિસ્ટર્ડ બ્લોક પેટર્ન પોસ્ટમાં બ્લોકના જૂથો અથવા અનન્ય સામગ્રી ઉમેરવા માટે તૈયાર પૃષ્ઠો જેવા નમૂના ઉમેરવા માટે ખૂબ જ સરળ રીત પ્રદાન કરે છે. બ્લોક પેટર્ન ઉમેરવાથી માંડીને સાઇટની બ્રાંડમાં અનન્ય અને પ્લગ ઇન અથવા થીમની કાર્યક્ષમતાને વિસ્તારવા સુધી, શક્યતાઓ અનંત છે. બ્લોક પેટર્નનો ઉપયોગ કેવી રીતે કરવો તે વિશે વધુ માહિતી બ્લોક પેટર્ન વર્કશોપની પ્રસ્તાવનામાં શીખી શકાય છે.

હું બ્લોક પેટર્ન વિશે વાત કરતી વખતે થોડી મૂંઝવણ પેદા કરી શકે તેવા અન્ય બ્લોક એડિટર સુવિધા વિશે વાત કરવા માટે થોડો સમય લઈશ. આ ફરીથી વાપરી શકાય તેવી બ્લોક સુવિધા છે. પુનઃઉપયોગી બ્લોક એ બ્લોક અથવા બ્લોક્સનું જૂથ છે જે મધ્યસ્થ સ્થાનથી સંચાલનને મંજૂરી આપવા માટે સાચવવામાં આવે છે. પુનઃઉપયોગ કરી શકાય તેવા બ્લોકમાં કરાયેલા ફેરફારો સમગ્ર વેબસાઈટ પરના બ્લોકના દરેક ઉદાહરણ પર લાગુ થશે. જ્યારે ફરીથી વાપરી શકાય તેવા બ્લોકને સંપાદિત કરવામાં આવે છે, ત્યારે તે ફાઇલો સાઇટ પરના કોઈપણ સ્થાનને અસર કરશે જ્યાં ફરીથી વાપરી શકાય તેવા બ્લોકનો ઉપયોગ કરવામાં આવ્યો છે. જો કે, બ્લોક પેટર્નનો ઉપયોગ પ્રારંભિક બિંદુ તરીકે થાય છે અને તેમાં સમાન કેન્દ્રીય સંચાલન હોતું નથી. એકવાર પોસ્ટર પેજ પર બ્લોક પેટર્ન ઉમેરવામાં આવે, તે હવે રજિસ્ટર્ડ બ્લોક પેટર્ન સાથે જોડાયેલ નથી અને બ્લોક દાખલ કરવા માટે ઉપયોગમાં લેવાતી બ્લોક પેટર્નને અસર કર્યા વિના સુધારી શકાય છે. હવે જ્યારે આપણે બ્લોક પેટર્ન શું છે તે શીખ્યા છીએ, ચાલો તેને રજીસ્ટર કરવા માટે ઉપયોગમાં લેવાતા કોડ પર એક નજર કરીએ. બ્લૉક પેટર્નની નોંધણી બ્લૉક ઇન્સર્ટર પેનલમાંથી WordPress થીમની functions.php ફાઇલમાં અથવા કસ્ટમ પ્લગઇનમાં જરૂરી કોડ ઉમેરીને કરવામાં આવે છે. બ્લોક પેટર્ન ઇન્સર્ટરને વ્યવસ્થિત રાખવા માટે બ્લોક પેટર્ન કેટેગરીઝ બનાવવાનો વિકલ્પ બ્લોક બ્લોક પેટર્નની સાથે જ રજીસ્ટર કરી શકાય છે. હું ભવિષ્યમાં સામગ્રી નિર્માતાઓ માટે વસ્તુઓ સરળ રાખવા માટે આ વિકલ્પનો ઉપયોગ કરવાની ભલામણ કરું છું. આ કિસ્સામાં, મેં કેટેગરી નામ અને માનવ વાંચી શકાય તેવા લેબલ સાથે બ્લોક પેટર્ન શ્રેણી રજીસ્ટર કરી છે. શ્રેણી ઓળખવા માટે વર્ડપ્રેસ દ્વારા શ્રેણીના નામનો ઉપયોગ કરવામાં આવશે. નોંધ કરો કે મેં મારા કેટેગરીના નામ માટે ડેશ દ્વારા વિભાજિત બધા લોઅરકેસ અક્ષરોનો ઉપયોગ કર્યો છે. બીજી પ્રોપર્ટીમાં લેબલ એટ્રિબ્યુટ સાથે એરે છે. આ કેટેગરી માટે માનવ વાંચી શકાય તેવું લેબલ અસાઇન કરે છે જે બ્લોક પેટર્ન ઇન્સર્ટર પેનલમાં ડ્રોપ ડાઉન મેનૂમાં સૂચિબદ્ધ થશે. બ્લોક પેટર્નની નોંધણી કરવા માટેના કોડમાં બે જરૂરી અને બે વૈકલ્પિક ગુણધર્મો છે, શીર્ષક અને સામગ્રી આવશ્યક ગુણધર્મો છે. વર્ણન અને શ્રેણીઓ વૈકલ્પિક છે પરંતુ ભલામણ કરેલ છે. ઉપલબ્ધ બ્લોક પેટર્નની સૂચિમાં પ્રદર્શિત કરવા માટે શીર્ષક તમારા બ્લોક પેટર્ન માટે લેબલ પ્રદાન કરશે. સામગ્રીમાં પેટર્ન માટે પ્રારંભિક બ્લોક સામગ્રી શામેલ છે. આ સામગ્રીનો ઉપયોગ બ્લોકનું રેન્ડરિંગ બનાવવા માટે પણ કરવામાં આવશે કારણ કે તે ઇન્સર્ટર પેનલમાં સક્રિય થીમ સ્ટાઇલ સાથે દેખાશે.

તમારી બ્લોક પેટર્નની સામગ્રીના આધારે, અમુક અક્ષરોથી બચવું જરૂરી હોઈ શકે છે, જેમ કે ડબલ અને સિંગલ ક્વોટ અક્ષરો. આ કાર્યમાં મદદ કરવા માટે ઘણા ઑનલાઇન સાધનો ઉપલબ્ધ છે. onlinespringtools.com પર એક વિકલ્પ માટેનું URL અહીં બતાવવામાં આવ્યું છે. અહીં તમે પૂર્ણ કરેલ કોડ જુઓ છો જે થીમ અથવા પ્લગઇનમાં ઉમેરી શકાય છે. આ કિસ્સામાં, મેં પ્રદર્શન હેતુઓ માટે એક સરળ ફકરો બ્લોક ઉદાહરણ ઉમેર્યું છે. આ કોડ બ્લોક પેટર્ન શ્રેણી અને બ્લોક પેટર્ન બંનેની નોંધણી કરવા માટે એક કાર્ય બનાવે છે અને વર્ડપ્રેસ ઇનિટ હૂક પર ક્રિયા તરીકે ઉમેરવામાં આવે છે. મેં મારો રજીસ્ટ્રેશન કોડ અને if સ્ટેટમેન્ટ પણ લપેટી નાખ્યું છે જેથી રજીસ્ટ્રેશન કોડનો ઉપયોગ ત્યારે જ થશે જો બ્લોક પેટર્નની કાર્યક્ષમતા કોડ ઉમેરવામાં આવેલ સાઇટ પર હાજર હોય. WordPress ની આ પ્રમાણમાં નવી સુવિધાને સપોર્ટ કરતી ન હોય તેવી સાઇટ પર કોડ ઉમેરવામાં આવે તો આ એક રક્ષક તરીકે કાર્ય કરશે. નોંધ કરો કે મેં મારા બ્લોક પેટર્ન રજીસ્ટ્રેશન કોડમાં જે સ્ટ્રિંગ્સનો સમાવેશ કર્યો છે તે સ્ટ્રિંગ્સને અન્ય ભાષાઓમાં અનુવાદિત કરવાની મંજૂરી આપવા માટે સ્થાનિકીકરણ કાર્યોમાં આવરિત છે. કોઈપણ યુઝરને સ્ટ્રિંગ્સનો સામનો કરતી વખતે કોડિંગ કરતી વખતે આ એક શ્રેષ્ઠ પ્રથા છે. આ ઉદાહરણ અત્યંત સરળ છે, પરંતુ ચાલો બ્લોક પેટર્નની નોંધણી કરવા માટે કંઈક વધુ જટિલ બ્લોક આધારિત લેઆઉટની નોંધણી કરવા માટે જરૂરી સામગ્રી માર્કઅપ મેળવવા માટેની પ્રક્રિયા જોઈએ. બ્લોક પેટર્નની નોંધણી કરવાની તૈયારીમાં પ્રથમ પગલું એ WordPress સાઇટમાં પોસ્ટ અથવા પૃષ્ઠ બનાવવાનું છે. બ્લોક પેટર્ન રજીસ્ટ્રેશન કોડમાં સમાવવા માટે માર્કઅપ જનરેટ કરતા બ્લોક એડિટરનો ઉપયોગ કરીને, હું હવે આ પ્રક્રિયાનું નિદર્શન કરીશ.

અહીં અમારી પાસે મૂળભૂત વર્ડપ્રેસ સાઇટ છે જે આ પ્રદર્શન માટે બનાવવામાં આવી હતી. હોમપેજ પર, મેં દરેક કોર ઉમેર્યા છે અથવા વર્ડપ્રેસ બ્લોક પેટર્નમાં શામેલ કર્યા છે. અને તમે જોશો કે અમારી પાસે બે બટન બ્લોક પેટર્ન જેવી વસ્તુઓ છે જેમાં બે બટનો શામેલ છે તે જ રીતે તે સૂચવે છે કે તે સુંદર બટન બ્લોક પેટર્ન છે. અને પછી જો તમે સ્ક્રીનની નીચે જાઓ છો, તો તમે જોઈ શકો છો કે અમારી પાસે સંખ્યાબંધ અન્ય વિકલ્પો છે જેમ કે ઈમેજીસ સાથે ટેક્સ્ટના બે કૉલમ, અમારી પાસે બટનો સાથે ત્રણ કૉલમ છે, અમારી પાસે કેટલાક એવા છે જે ઈમેજો કરશે. અહીં અમારી પાસે કંઈક છે જે ઇમેજ પર મથાળા સાથેના મોટા હેડર માટે બનાવાયેલ છે. અને જેમ જેમ અમે નીચે ચાલુ રાખીએ છીએ, તમે વધુ જોઈ શકો છો. અને અંતે અમારી પાસે એક ક્વોટ બ્લોક પેટર્ન છે, જે ખરેખર વસ્તુના પ્રકારનું એક સારું ઉદાહરણ છે જેના માટે તમે બ્લોક પેટર્નનો ઉપયોગ કરી શકો છો તે સામગ્રી સાથે ખૂબ જ સુસંગત લેઆઉટનો માર્ગ બનાવવા માટે કે જેનો તમે વારંવાર ઉપયોગ કરી શકો છો ચોક્કસ પ્રકારની સાઇટ્સ ઉપયોગ કરી શકે છે તે ખરેખર સામાન્ય બાબત હશે. તેથી હવે હું એક નવી પોસ્ટ બનાવીશ, હું અહીં તમારી પાસે જઈશ અને પછી પોસ્ટ્સ. તેથી પ્રારંભ કરવા માટે, આ પોસ્ટ ખરેખર ફક્ત તમારા બ્લોક પેટર્ન બનાવવા માટે જરૂરી માર્કઅપ મેળવવાના માર્ગ તરીકે શામેલ છે. તો માત્ર પોસ્ટને નામ આપવા માટે. અને હું કહીશ કે આ એક બ્લોક પેટર્ન સેટઅપ છે. અને પછી હું બ્લોક બનાવવાનું શરૂ કરી શકું છું. અને ચાલો કહીએ કે હું જાણવા માંગતો હતો, ચાલો તેને એક મથાળું આપીએ, તમે અહીં બીજો બ્લોક ઉમેરી શકો છો, કદાચ આ માટે, અમે કદાચ કોઈ પ્રકારનું ટીમ પૃષ્ઠ બનાવીશું. તેથી અમે એક છબી રાખવાની ઇચ્છા રાખી શકીએ છીએ, અમે અમુક પ્રકારની જીવનચરિત્ર સામગ્રી રાખવાની ઇચ્છા રાખી શકીએ છીએ. તેથી તમે કહી શકો કે અમારું નામ હશે, અમારી પાસે એક શીર્ષક હશે, અમે કહી શકીએ કે અમારી પાસે કોઈ પ્રકારનું જીવનચરિત્ર હશે.

અમે આ સામગ્રી પર કેટલાક ફોર્મેટિંગ લાગુ કરી શકીએ છીએ. તો ચાલો કહીએ કે અમે તે નામ બનાવવા માંગીએ છીએ જે પછીના સમયે બદલાશે બોલ્ડેડ. અથવા અમે કદાચ કહી શકીએ કે અમે શીર્ષક બનાવવા માંગીએ છીએ. તેથી અમે શીર્ષક બનાવીએ છીએ, એક નાનું કદ. અને પછી જીવનચરિત્ર જે નિયમિત સામગ્રી છે. અથવા આપણે એમ કહી શકીએ કે અમે આ શીર્ષકને કદાચ નાની લીટીની ઊંચાઈ ધરાવવા માંગીએ છીએ. તેથી આપણે કહી શકીએ કે રેખાની ઊંચાઈ લગભગ એક જ થવાની છે અને પછી આપણે કહી શકીએ કે અહીં આપણી પાસે એક મીડિયા હશે જ્યાં આપણી પાસે અમુક પ્રકારની છબી છે. અને તમે ઇન્સ્ટોલ કરેલી થીમના આધારે, તમારી પાસે એવી શૈલીઓ હોઈ શકે છે જે તમારી થીમ માટે ખાસ બનાવવામાં આવી હોય. તમે ટેક્સ્ટ અને બેકગ્રાઉન્ડ કલર્સ અને અન્ય ઘણી વસ્તુઓ સેટ કરી શકો છો જે તમારી થીમ અથવા તમારી બ્લોક કેટેગરીનો ઉપયોગ કરીને બ્લોક્સ પર કંઈક અંશે આધાર રાખે છે. જોવાની એક વસ્તુ એ છે કે આ વધારાના ફકરાઓ રાખવાનું ટાળવાનો પ્રયાસ કરો કારણ કે જ્યારે આપણે આ બ્લોક પેટર્ન માટે સામગ્રી બનાવવા અથવા મેળવવા જઈશું ત્યારે અમને ખબર પડશે કે જો તે હાજર હોય તો અમારે તેને દૂર કરવાની જરૂર છે. તેથી આ મીડિયા ક્ષેત્રમાં અમારી પાસે કંઈક છે, ચાલો આગળ વધીએ અને જોઈએ કે મારી મીડિયા લાઇબ્રેરીમાં મને કેવા પ્રકારની છબીઓ મળી છે. તેથી અમારી પાસે એક ઉદાહરણ છે, ચાલો કહીએ કે આ કિસ્સામાં, અમે ટીમ માસ્કોટ માટે ડિરેક્ટરી સૂચિ બનાવવા જઈ રહ્યા છીએ. હવે અમે આ છબી ઉમેરી છે, હું આગળ જઈશ અને આને થંબનેલ બનાવવાનો પ્રયાસ કરીશ. અને ચાલો કહીએ કે હું છબીને જમણી બાજુએ રાખવા માંગતો હતો. અને હું જોવા માંગુ છું કે આપણે અહીં બીજું શું કરી શકીએ, કદાચ આપણે તેને નાનું બનાવવા માંગીએ છીએ, જેથી તે પૃષ્ઠ પર એટલી જગ્યા ન લે. અને આપણે જોઈ શકીએ છીએ કે આ બ્લોક્સનું એક ખૂબ જ સરળ જૂથ છે, તે ખૂબ જટિલ નથી. પરંતુ તમે આ વિકલ્પનો ઉપયોગ કરીને અત્યંત જટિલ સંપૂર્ણ પૃષ્ઠ લેઆઉટ ઉમેરી શકો છો. ઉદાહરણ તરીકે, ઉતરાણ પૃષ્ઠો જેવી વસ્તુઓ માટે પ્રારંભિક બિંદુઓ તરીકે તેનો ઉપયોગ કરી શકાય છે. તો ઠીક છે, તો અહીં મારી પાસે મારો બ્લોગ છે, હું તેને પૂર્ણ કહીશ. અને હું આગળ જઈને મારો ડ્રાફ્ટ સાચવીશ જેથી હું મારું કામ ન ગુમાવું. હવે, અહીંની સામગ્રી દેખાતી નથી. તેથી આપણે જોઈ શકીએ છીએ કે તે કેવી રીતે જોવા માટે રચાયેલ છે. પરંતુ અમે તે માર્કઅપ જોઈ શકતા નથી જે ખરેખર આ બનાવે છે.અને તેથી આપણે શું કરવાની જરૂર છે તે જાહેર કરે છે. અને તે કરવા માટે, અમે અહીં વિકલ્પો પર જઈશું, જે તમારી સ્ક્રીનના ઉપરના જમણા ખૂણામાં ત્રણ નાના બિંદુઓ છે. અને પછી આપણે વિઝ્યુઅલ એડિટરમાંથી કોડ એડિટરમાં બદલાઈ જઈશું. અને આ સ્ક્રીનને બદલશે, અમે હજી પણ અમારું ટોચનું, અમારું શીર્ષક અહીં બ્લોક પેટર્ન સેટઅપ જોશું. આ સંપાદિત કરી શકાય છે, હું આ દૃશ્યમાં તમારી સામગ્રીને સંપાદિત કરવાની ભલામણ કરીશ નહીં જ્યાં સુધી તમે HTML અને બ્લોક માર્કઅપથી ખૂબ પરિચિત ન હોવ. કારણ કે તમારી સામગ્રીને તોડવી એકદમ સરળ હશે. વર્ડપ્રેસ એ ફોર્મેટ વિશે ખૂબ જ ચોક્કસ છે જેમાં તેને કેટલીક માહિતીની જરૂર હોય છે. તેથી જો આપણે જોઈએ કે આ પુસ્તકનો મેકઅપ શું છે, અમારા બ્લોક પેટર્ન શું બનશે, તો તમે જોઈ શકો છો કે અમે આ ટિપ્પણી કરેલા HTML સાથે શરૂ કરીએ છીએ જે કહે છે, WP કોલન મથાળું આ અંતિમ વપરાશકર્તાઓ માટે પ્રદર્શિત કરવામાં આવશે નહીં. પરંતુ વર્ડપ્રેસ તેને જોશે, તે ફ્રન્ટ ફેસિંગ કન્ટેન્ટના માર્કઅપમાં હશે. પરંતુ તેનો હેતુ ફક્ત વર્ડપ્રેસને જણાવવાનો છે કે આ વાસ્તવમાં હેડિંગ બ્લોક છે. તેથી અમે તેને HTML ના કોમેન્ટ આઉટ બ્લોક સાથે ખોલીએ છીએ, અને અમે તેને HTML ના કોમેન્ટ આઉટ બ્લોક સાથે બંધ કરીએ છીએ. અને તે બે ટિપ્પણીઓ વચ્ચે તે બ્લોકની વાસ્તવિક સામગ્રી છે. તેથી થોડું વધુ જટિલ ઉદાહરણ અમારા મીડિયા સામગ્રી બ્લોક માટે મીડિયા ડેશ ટેક્સ્ટ છે. અને આ કિસ્સામાં, અમારી પાસે બ્લોક્સની અંદર બ્લોક્સ છે. તેથી અમે બ્લોક ખોલીએ છીએ. તો મને આગળ વધવા દો અને આ પસંદ કરો. તેથી તમે શરૂઆતની તમામ સામગ્રી જોઈ શકો છો.

અહીં સંખ્યાબંધ ક્રિયાઓ, વિશેષતાઓ અને ગુણધર્મો સેટ છે. તો વાસ્તવમાં, સાચી શરૂઆત આટલી જ છે. તેથી તે વર્ડપ્રેસને આ વિશે કંઈક કહે છે, તે આ સામગ્રી સાથે કેવી રીતે કામ કરશે તે વર્ડપ્રેસ પર નિર્ભર છે. અને આ કિસ્સામાં, અમે ફક્ત કોર બ્લોક્સ અને પ્લગઇન બ્લોક્સનો ઉપયોગ કરી રહ્યા છીએ. પરંતુ કેટલાક કિસ્સાઓમાં, તમારી પાસે વધારાના બ્લોક્સ હોઈ શકે છે જે તમારા પ્લગઇન દ્વારા ઉમેરવામાં આવે છે અથવા કેટલાક કિસ્સાઓમાં, બ્લોક્સ રજીસ્ટર થઈ શકે છે અને વસ્તુઓ પણ. તો આ પછી, અમારી પાસે બ્લોકની સામગ્રી છે. અને પછી આ બ્લોકની અંદર, આપણી પાસે બીજો ફકરો બ્લોક છે અને વાસ્તવમાં બે ફકરા બ્લોક અને પછી ત્રીજો. અને પછી એકવાર તે બધા આંતરિક બ્લોક્સ પૂર્ણ થઈ જાય, પછી બાહ્ય બ્લોકનું HTML બંધ થઈ જાય છે, અને પછી બાહ્ય બ્લોકની ટિપ્પણી હાજર હોય છે. તો આ કિસ્સામાં અમારી પાસે અમારા નેસ્ટેડ બ્લોક્સ શું છે, જેથી તમે જોઈ શકો છો, અહીં ખૂબ જ કસ્ટમાઇઝ અને અદ્યતન બ્લોક લેઆઉટ રાખવાનું શક્ય છે. અને આ એક કારણ છે કે જો તમારી પાસે ખૂબ જ જટિલ સામગ્રી હોય જેનો તમે વારંવાર ઉપયોગ કરવા જઈ રહ્યાં હોવ તો બ્લોક પેટર્ન આટલી ઉપયોગી થઈ શકે છે. તેથી નોંધણી કોડ બનાવવા માટે, અમે ફક્ત આ કોડ લેવા જઈ રહ્યા છીએ, અને અમે તેને નોંધણી કોડના સામગ્રી વિભાગમાં મૂકવા જઈ રહ્યા છીએ જે મેં તમને પહેલાં બતાવ્યું હતું. અને મને આગળ જવા દો અને હું મારા પ્લગઇનમાં જઈશ. આ એવી વસ્તુ નથી જે હું કરવાની ભલામણ કરીશ. પરંતુ કોડ મેળવવાની એક સરળ રીત તરીકે, અમે પ્લગઇન એડિટરમાં જઈશું. ઘણા હોસ્ટ પર, મેં ખરેખર આને અક્ષમ કર્યું છે. તો આ મારું સરળ બ્લોક પેટર્ન પ્લગઈન છે. અને અહીં મેં કેટલાક બ્લોક પેટર્ન રજીસ્ટર કર્યા છે. મારી પાસે અહીં એક ઉદાહરણ છે જે મેં અગાઉ કર્યું હતું, જેને મારા પાલતુની વિગતો કહેવામાં આવે છે. અને જો હું નીચે સ્ક્રોલ કરું, તો મારી પાસે બીજી બ્લોક પેટર્ન છે જે મેં રજીસ્ટર કરી છે, જેનું વધુ સરળ સંસ્કરણ છે. અને હું શું કરી શકું છું તે માત્ર તે કોડ લો જે મેં પોસ્ટમાંથી કોપી કર્યો છે અને તેને અહીં પેસ્ટ કરો.તેથી મૂળભૂત રીતે તમે તમારા બ્લોક પેટર્નને રજીસ્ટર કરવા માટે અહીં શું કરી શકો છો. ધ્યાન રાખવા જેવી એક નોંધ એ છે કે ખાસ કરીને જો તમારી પાસે એપોસ્ટ્રોફી, અથવા અવતરણ ચિહ્નો, સિંગલ અથવા ડબલ અવતરણ ચિહ્નો અને તમારી સામગ્રી અથવા અન્ય કોઈ પાત્ર કે જેને સમજવાની રીતને બદલવા માટે PHP માટે એસ્કેપ કરવાની જરૂર છે. તમે ઉમેરેલ કોડ, તમારા રજિસ્ટર્ડ બ્લોક પેટર્નની તમારી સામગ્રીની મિલકતની આસપાસના સિંગલ અવતરણ ચિહ્નો વચ્ચેની કોઈપણ વસ્તુ, તમે આ સામગ્રીમાંથી છટકી જવા માંગો છો. અને સામગ્રીમાંથી બહાર નીકળવા માટે ઘણા બધા વિકલ્પો છે, જેનો મેં ઉપયોગ કર્યો છે તે છે onlinescreentools.com/escape-spring. અને જો તમે ફક્ત સ્ટ્રીંગ એસ્કેપર માટે ઓનલાઈન સર્ચ કરશો, તો તમે એક એવું સાધન શોધી શકશો કે જેનાથી તમે તમારા માર્કઅપને તેમાં કોપી કરી શકશો, અને પછી તે તમને એસ્કેપ્ડ સ્ટ્રિંગ આપશે, હું તમને કહીશ કે જો તમે તે કરશો, તો તમે’ તમારા તમામ લાઇન બ્રેક્સ અને વધારાના અંતરને અહીંથી દૂર કરવા માંગુ છું જેથી તમે જે મેળવો છો તે તમારા HTML માર્કઅપનું એકદમ સ્વચ્છ સંસ્કરણ છે. જેથી કરીને જ્યારે તમે તેને અહીં પેસ્ટ કરો છો, ત્યારે તમારી પાસે કોઈ વધારાના લાઇનબ્રેક અક્ષરો અથવા ખાલી જગ્યાઓ અથવા તે પ્રકારની વસ્તુઓ નહીં હોય. તેથી આ કિસ્સામાં, વાસ્તવમાં, હું કોડ દ્વારા જોઈ શકું છું, અને હું જોઈ શકું છું કે મારી પાસે એવા કોઈ અક્ષરો નથી કે જે આ બ્લોકના રેન્ડરિંગમાં દખલ કરે, મારી પાસે માર્કઅપમાં કેટલાક ડબલ અવતરણ ચિહ્નો છે. પરંતુ કારણ કે હું આને એક અવતરણમાં લપેટી રહ્યો છું, તેનાથી કોઈ સમસ્યા થશે નહીં. તેથી તે બધું તમારી પાસે કેવા પ્રકારની સામગ્રી છે તેના પર નિર્ભર કરે છે, એપોસ્ટ્રોફી અથવા સંભવિત સમસ્યા સાથે તમારી સામગ્રીમાં સંકોચન છે. તેથી એકવાર તમે આ બ્લોક પેટર્ન ઉમેરી લો, પછી તમે પોસ્ટ પર પાછા જઈ શકો છો.

અને મને તે રીતે દર્શાવવા દો કે તમે બ્લોક પેટર્ન ઉમેરશો. સૌ પ્રથમ, અમે વિઝ્યુઅલ એડિટર પર પાછા જઈશું. તેથી તે વિકલ્પો છે, ઉપરના જમણા ખૂણામાં ત્રણ બિંદુઓ. વિઝ્યુઅલ એડિટર પર પાછા સ્વિચ કરો, તમે જોઈ શકો છો કે હવે અમારી પાસે અમારું નિયમિત વર્ડપ્રેસ બ્લોક એડિટર વ્યુ છે. અમુક સામગ્રીમાં બ્લોક પેટર્ન ઉમેરવા માટે, તમે આ પ્રાથમિક દાખલ કરનારને ખોલશો. આ તે છે જ્યાં ઉપલબ્ધ તમામ બ્લોક્સ તમારા માટે ઉપલબ્ધ હશે. અને તમે જોશો કે ત્યાં પેટર્ન છે. અને કેટલાક કિસ્સાઓમાં જો તમે અગાઉ ફરીથી વાપરી શકાય તેવા બ્લોક્સ સાચવ્યા હોય કે જે અહીંથી એક્સેસ કરી શકાય છે. તેથી પેટર્ન ટેબ પર ક્લિક કરીને પેટર્ન એક્સેસ કરી શકાય છે. ત્યાં એક ડ્રોપ ડાઉન છે જે તમને શ્રેણીઓ બતાવશે. અને તમારી સાઇટ માટે નોંધાયેલ તમારા તમામ બ્લોક પેટર્ન અહીં ઉપલબ્ધ હશે. તો મને અહીં તપાસ કરવા દો હું માનું છું કે મેં ખરેખર મારા બ્લોક પેટર્ન પ્લગઇનને નિષ્ક્રિય કર્યું હશે. તો ચાલો હું આગળ વધું અને તેને સક્રિય કરું. અને પછી મેં બનાવેલ બ્લોક પેટર્ન જોવા માટે આનો ફરી પ્રયાસ કરીએ. તેથી હવે તમે અહીં જોઈ શકો છો કે તે પ્લગઇન સક્રિય થવાથી હું મારા કસ્ટમ પેટર્નની શ્રેણી જોઈ શકું છું. અને જ્યારે હું તેને ખોલું છું, ત્યારે હું બે બ્લોક પેટર્ન જોઈ શકું છું. તો આ બે છે જે મેં અગાઉ બનાવેલ છે. તેમાંના એકમાં ઘણું બધું છે. અન્ય એક વધુ સરળ છે. જો હું ફક્ત તેના પર ક્લિક કરું છું, તો પછી મેં તેને ખોલેલા દસ્તાવેજના અંતમાં ઉમેરીશ. અને પછી હું અહીંથી શું કરી શકું તે છે આગળ વધો અને તેને સંપાદિત કરવાનું શરૂ કરો. એકવાર મેં મારી પોસ્ટ અથવા પૃષ્ઠમાં આ બ્લોક પેટર્ન દાખલ કરી લીધા પછી તે તે બ્લોક પેટર્ન સાથે જોડાયેલ નથી. ભવિષ્યમાં ફરીથી ઉપયોગ કરવા માટે એક બ્લોક પેટર્ન છે, પરંતુ હું આગળ વધી શકું છું અને બ્લોક્સના આ જૂથમાં મને જોઈતા કોઈપણ ફેરફારો કરી શકું છું. આનાથી આ વર્કશોપનું સમાપન થાય છે. હું આશા રાખું છું કે તમે તમારા કાર્યમાં વર્ડપ્રેસ બ્લોક એડિટરની બ્લોક પેટર્ન સુવિધાનો ઉપયોગ કરવાની નવી અને રસપ્રદ રીતો શોધી શકશો. આભાર.


Presenters

Daisy Olsen
@daisyo

I have worked in and around the WordPress community since 2007. I’ve also spoken at WordCamps around the world including India, New York City, Boston, and Chicago. I had the honor of helping to organize the first WordCamp Boston in 2010. In my spare time, you’ll often find me listening to audiobooks while knitting. I love to travel with my family and have often spent many weeks throughout the year visiting different places.

Other Contributors

narolainfotech