WordPress એક શક્તિશાળી અને લોકપ્રિય સામગ્રી વ્યવસ્થાપન સિસ્ટમ છે, પરંતુ ગતિશીલ હોસ્ટિંગ WordPress સાઇટ ખર્ચાળ હોઈ શકે છે અને ચાલુ જાળવણીની જરૂર પડી શકે છે. ઘણી સરળ વેબસાઇટ્સ અથવા બ્લોગ્સ માટે, a નું સ્થિર સંસ્કરણ WordPress સાઇટ એક ઉત્તમ વિકલ્પ બની શકે છે. સ્થિર સાઇટ્સ ઝડપી, વધુ સુરક્ષિત છે અને GitHub પૃષ્ઠો, Netlify અથવા Vercel જેવા પ્લેટફોર્મ પર મફતમાં હોસ્ટ કરી શકાય છે.
આ ટ્યુટોરીયલમાં, હું તમારી સ્ટેટિક આવૃત્તિ બનાવવાની પ્રક્રિયામાંથી પસાર થઈશ WordPress સાઇટ અને તેને મફતમાં હોસ્ટિંગ. આ અભિગમ નવા નિશાળીયા માટે યોગ્ય છે જેઓ યુઝર-ફ્રેન્ડલીનો લાભ લેવા માંગે છે WordPress સ્થિર સાઇટના લાભોનો આનંદ માણતી વખતે સામગ્રી બનાવવા માટેનું ઇન્ટરફેસ.
તમને જરૂરી સાધનો
પ્રક્રિયામાં ડાઇવિંગ કરતા પહેલા, ચાલો ખાતરી કરીએ કે તમારી પાસે બધા જરૂરી સાધનો છે. તમારા સ્ટેટિકને હોસ્ટ કરવા માટે તમારે જેની જરૂર પડશે તેની યાદી અહીં છે WordPress મફત માટે સાઇટ:
• LocalWP: એક મફત સ્થાનિક WordPress ડેવલપમેન્ટ ટૂલ જે તમને બિલ્ડ અને ટેસ્ટ કરવા દે છે WordPress સાઇટ્સ ઑફલાઇન.
• ફક્ત સ્થિર: એક મફત WordPress પ્લગઇન કે જે તમારું સ્ટેટિક વર્ઝન જનરેટ કરે છે WordPress સાઇટ.
• ગિટ: તમારી ફાઇલોમાં થતા ફેરફારોને ટ્રેક કરવા માટે વર્ઝન કંટ્રોલ સિસ્ટમ. સામાન્ય રીતે Mac અને Linux પર પ્રી-ઇન્સ્ટોલ કરવામાં આવે છે. વિન્ડોઝ યુઝર્સ અહીંથી ડાઉનલોડ કરી શકે છે git-scm.com
• ગિટહબ ડેસ્કટ .પ: ગિટ રિપોઝીટરીઝના સંચાલન માટે વપરાશકર્તા મૈત્રીપૂર્ણ ઇન્ટરફેસ. તેને અહીંથી ડાઉનલોડ કરો: desktop.github.com
• GitHub એકાઉન્ટ: તમારી રીપોઝીટરીને હોસ્ટ કરવા અને GitHub પૃષ્ઠોનો ઉપયોગ કરવા માટે તમારે આની જરૂર પડશે. અહીં મફતમાં સાઇન અપ કરો: Github.com
• હોસ્ટિંગ પ્લેટફોર્મ એકાઉન્ટ: નીચેનામાંથી એક પસંદ કરો:
- GitHub પૃષ્ઠો (તમારા GitHub એકાઉન્ટ સાથે આવે છે)
- Netlify: netlify.com
- વર્સેલ: vercel.com
ટ્યુટોરીયલ સાથે આગળ વધતા પહેલા, ખાતરી કરો કે તમારી પાસે આ ટૂલ્સ ઇન્સ્ટોલ કરેલ છે અને એકાઉન્ટ્સ સેટ કરેલ છે. બધું તૈયાર રાખવાથી પ્રક્રિયા સરળ અને સીધી થઈ જશે.
પગલું 1: તમારો વિકાસ કરો WordPress LocalWP પર સાઇટ
અમે શરૂ કરીએ તે પહેલાં, તમારે તમારું હોવું જરૂરી છે WordPress સાઇટ તૈયાર. જો તમે હજી સુધી તમારી સાઇટ બનાવી નથી, અથવા જો તે હાલમાં અન્યત્ર હોસ્ટ કરવામાં આવી છે, તો હું તમારી સાઇટને સ્થાનિક રીતે વિકસાવવા અને ચકાસવા માટે LocalWP (અગાઉ લોકલ બાય ફ્લાયવ્હીલ) નો ઉપયોગ કરવાની ભલામણ કરું છું.
- LocalWP થી મફતમાં ડાઉનલોડ અને ઇન્સ્ટોલ કરો localwp.com.
- નવું બનાવો WordPress LocalWP માં સાઇટ.
- તમારી સાઇટ ડિઝાઇન કરો, સામગ્રી ઉમેરો અને જરૂરી પ્લગઇન્સ ઇન્સ્ટોલ કરો.
- ખાતરી કરો કે તમારી સાઇટ તેના સ્થિર સ્વરૂપમાં તમે ઇચ્છો તે રીતે બરાબર દેખાય છે અને કાર્ય કરે છે.
સ્થિર સાઇટ મર્યાદાઓને સમજવી
જ્યારે સ્થિર WordPress સાઇટ્સ બહેતર ઝડપ, સુરક્ષા અને મફત હોસ્ટિંગ વિકલ્પો જેવા લાભો પ્રદાન કરે છે, તેમની મર્યાદાઓથી વાકેફ રહેવું મહત્વપૂર્ણ છે. ની કેટલીક ગતિશીલ સુવિધાઓ WordPress સ્થિર વાતાવરણમાં કાર્ય કરશે નહીં:
- WordPress ફોર્મ: પરંપરાગત WordPress સર્વર-સાઇડ પ્રોસેસિંગ પર આધાર રાખતા ફોર્મ્સ કામ કરશે નહીં. આમાં સંપર્ક ફોર્મ્સ, સબ્સ્ક્રિપ્શન ફોર્મ્સ અને અન્ય ઇન્ટરેક્ટિવ ફોર્મ્સનો સમાવેશ થાય છે.
- WordPress ટિપ્પણીઓ: ગતિશીલ ટિપ્પણી સિસ્ટમો કે જે રીઅલ-ટાઇમ વપરાશકર્તા ક્રિયાપ્રતિક્રિયાઓને મંજૂરી આપે છે તે સ્થિર સાઇટ્સમાં સમર્થિત નથી.
- એડમિન એરિયા એક્સેસ: કોઈપણ લિંક્સ
/wp-admin
અથવા સમાન આંતરિક WordPress રૂટ્સ કાર્ય કરશે નહીં, કારણ કે આને સર્વર-સાઇડ પ્રોસેસિંગની જરૂર છે. - રીઅલ-ટાઇમ સામગ્રી અપડેટ્સ: ગતિશીલથી વિપરીત, કોઈપણ સામગ્રી ફેરફારો દેખાવા માટે સ્થિર સાઇટ્સને પુનર્જીવન અને પુનઃસ્થાપનની જરૂર છે WordPress સાઇટ્સ જ્યાં ફેરફારો તાત્કાલિક છે.
- વપરાશકર્તા પ્રમાણીકરણ: વપરાશકર્તા લોગિન અથવા સભ્યપદની આવશ્યકતા ધરાવતી સુવિધાઓ મૂળભૂત સ્થિર સાઇટ સેટઅપમાં સમર્થિત નથી.
- ઈ-કોમર્સ કાર્યક્ષમતા: ગતિશીલ શોપિંગ કાર્ટ અને ચુકવણી પ્રક્રિયા સામાન્ય રીતે સ્થિર વાતાવરણમાં કામ કરશે નહીં.
- શોધ કાર્યક્ષમતા: WordPressની બિલ્ટ-ઇન શોધ સુવિધા કામ કરશે નહીં, જો કે વિકલ્પો અમલમાં મૂકી શકાય છે (જેમ કે સિમ્પલી સ્ટેટિક પ્રો સુવિધાઓમાં ઉલ્લેખ કર્યો છે).
- ડાયનેમિક સાઇડબાર અને વિજેટ્સ: વિજેટ્સ કે જે રીઅલ-ટાઇમ ડેટા ખેંચે છે અથવા સર્વર-સાઇડ પ્રોસેસિંગની જરૂર છે તે અપેક્ષા મુજબ કાર્ય કરશે નહીં.
સંભવિત ઉકેલો
આ મર્યાદાઓ અસ્તિત્વમાં હોવા છતાં, તેમાંના કેટલાકને ઘટાડવાની રીતો છે:
- ફોર્મ માટે, તમે તૃતીય-પક્ષ સેવાઓનો ઉપયોગ કરી શકો છો જેમ કે Formspree અથવા Netlify Forms.
- ટિપ્પણીઓ Disqus અથવા Facebook ટિપ્પણીઓ જેવી સેવાઓ દ્વારા નિયંત્રિત કરી શકાય છે.
- Lunr.js અથવા Algolia (જેમ કે સિમ્પલી સ્ટેટિક પ્રોમાં ઓફર કરવામાં આવે છે) જેવા ક્લાયન્ટ-સાઇડ સોલ્યુશન્સનો ઉપયોગ કરીને શોધ કાર્યક્ષમતા લાગુ કરી શકાય છે.
- ઈ-કોમર્સ માટે, Snipcart અથવા Gumroad જેવી બાહ્ય સેવાઓનો ઉપયોગ કરવાનું વિચારો.
વિકાસ કરતી વખતે તમારા WordPress સાઇટ, આ મર્યાદાઓને ધ્યાનમાં રાખો અને તે મુજબ તમારી સાઇટની રચના અને સુવિધાઓની યોજના બનાવો. સામગ્રી-સંચાલિત પૃષ્ઠો પર ધ્યાન કેન્દ્રિત કરો અને ગતિશીલ સુવિધાઓ પર નિર્ભરતા ઓછી કરો જે સ્થિર વાતાવરણમાં અનુવાદ કરશે નહીં.
પગલું 2: ઇન્સ્ટોલ કરો અને સિમ્પલી સ્ટેટિક ગોઠવો
સિમ્પલી સ્ટેટિક એ ફ્રી છે WordPress માં નાખો જે તમારું સ્ટેટિક વર્ઝન જનરેટ કરે છે WordPress સાઇટ તેને કેવી રીતે સેટ કરવું તે અહીં છે:
- તમારામાં WordPress ડેશબોર્ડ, પ્લગઇન્સ > નવું ઉમેરો પર જાઓ.
- "સિમ્પલી સ્ટેટિક" માટે શોધો, પ્લગઇન ઇન્સ્ટોલ કરો અને પ્લગઇનને સક્રિય કરો.
- તમારામાં સિમ્પલી સ્ટેટિક > સેટિંગ્સ પર જાઓ WordPress ડેશબોર્ડ.
- "સામાન્ય" ટૅબ હેઠળ, નીચેના સેટ કરો:
- ગંતવ્ય URL: "ઑફલાઇન ઉપયોગ માટે સાચવો" પસંદ કરો. જો તમારી પાસે પહેલેથી જ કસ્ટમ ડોમેન છે, તો નીચેના સ્ક્રીનશૉટ મુજબ, "સંપૂર્ણ URLs" પસંદ કરો:
- સ્થાનિક ડિરેક્ટરી: આને તમારી બહારની ડિરેક્ટરીમાં સેટ કરો WordPress સ્થાપન, દા.ત.
/Users/yourusername/Documents/StaticSite
- "શામેલ કરો/બાકાત કરો" ટૅબ હેઠળ, ખાતરી કરો કે બધા જરૂરી URL શામેલ છે.
- મોટા ભાગના કિસ્સાઓમાં /wp-content/ અને /wp-includes/ નો ઉપયોગ કરો
- તમારી સેટિંગ્સ સાચવો.
ત્યાં પણ છે સિમ્પલીસ્ટેટિકનું પ્રો વર્ઝન, અહીં સિમ્પલી સ્ટેટિક પ્લગઇનની પ્રો ફીચર્સનો સારાંશ છે:
- અદ્યતન જમાવટ:
- SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces અને BunnyCDN સહિત બહુવિધ પ્લેટફોર્મ્સ પર સ્થિર સાઇટ્સ જમાવો.
- સરળ સાઇટ અપડેટ્સ:
- સામગ્રી અપડેટ્સને અસરકારક રીતે મેનેજ કરો, પછી ભલે તે સિંગલ પોસ્ટ્સ, બલ્ક અપડેટ્સ અથવા ચોક્કસ URL માટે હોય.
- ફોર્મ અને ટિપ્પણીઓ એકીકરણ:
- તમારી સ્ટેટિક સાઇટમાં સંપર્ક ફોર્મ 7, ગ્રેવીટી ફોર્મ્સ અને એલિમેન્ટર ફોર્મ્સ જેવા લોકપ્રિય પ્લગિન્સમાંથી ફોર્મને એકીકૃત રીતે એકીકૃત કરો.
- શોધ કાર્યક્ષમતા:
- Fuse.js નો ઉપયોગ કરીને મૂળભૂત શોધનો અમલ કરો અથવા Algolia સાથે વધુ વ્યાપક શોધ અનુભવમાં અપગ્રેડ કરો.
- WP-CLI સપોર્ટ:
- સીધા જ કમાન્ડ લાઇનમાંથી સિમ્પલી સ્ટેટિક ફીચર્સ ગોઠવવા, નિકાસ કરવા અને મેનેજ કરવા માટે WP-CLI નો ઉપયોગ કરો.
- બહુભાષી આધાર:
- WPML, Polylang અને TranslatePress માટે એકીકરણ સાથે બહુવિધ ભાષાઓમાં સામગ્રી ઑફર કરો.
- મિનિફિકેશન:
- CSS, JavaScript અને સ્ટેટિક HTML ફાઇલોને મિનિફાઇ કરીને સાઇટના પ્રદર્શનને ઑપ્ટિમાઇઝ કરો.
- WordPress છુપાવવું:
- ડિફૉલ્ટ બદલો WordPress હકીકત છુપાવવા માટેના રસ્તાઓ WordPress કન્ટેન્ટ મેનેજમેન્ટ સિસ્ટમ તરીકે ઉપયોગમાં લેવાય છે.
આ પ્રો ફીચર્સ સ્ટેટિકની કાર્યક્ષમતા અને લવચીકતાને નોંધપાત્ર રીતે વધારે છે WordPress સાઇટ્સ, વધુ અદ્યતન જમાવટ, બહેતર પ્રદર્શન અને બહેતર વપરાશકર્તા અનુભવ માટે પરવાનગી આપે છે.
પગલું 3: ગિટ રિપોઝીટરી શરૂ કરો
હવે જ્યારે અમારી પાસે અમારું સ્ટેટિક સાઇટ જનરેટર સેટઅપ છે, ચાલો આવૃત્તિ નિયંત્રણ માટે અમારી સ્થાનિક ડિરેક્ટરી તૈયાર કરીએ:
- ટર્મિનલ અથવા કમાન્ડ પ્રોમ્પ્ટ ખોલો.
- તમે સિમ્પલી સ્ટેટિકમાં ઉલ્લેખિત ડિરેક્ટરી પર નેવિગેટ કરો (દા.ત.
cd /Users/yourusername/Documents/StaticSite
). - ચલાવીને નવી ગિટ રીપોઝીટરી શરૂ કરો:
git init
પગલું 4: એક GitHub રીપોઝીટરી બનાવો
અમે અમારી રીપોઝીટરી બનાવવા અને મેનેજ કરવા માટે GitHub ડેસ્કટોપનો ઉપયોગ કરીશું:
- પરથી GitHub ડેસ્કટોપ ડાઉનલોડ અને ઇન્સ્ટોલ કરો desktop.github.com જો તમે પહેલેથી જ નથી.
- GitHub ડેસ્કટોપ ખોલો અને તમારા GitHub એકાઉન્ટમાં સાઇન ઇન કરો.
- “ફાઇલ” > “નવી રિપોઝીટરી” પર ક્લિક કરો અથવા “તમારી હાર્ડ ડ્રાઇવ પર નવી રીપોઝીટરી બનાવો” બટનનો ઉપયોગ કરો.
- નીચેના સેટ કરો:
- નામ: તમારા ભંડાર માટે નામ પસંદ કરો (દા.ત., “my-static-wordpress”)
- સ્થાનિક પાથ: આને તમે સિમ્પલી સ્ટેટિકમાં ઉલ્લેખિત કરેલ સમાન ડિરેક્ટરીમાં સેટ કરો
- આ રીપોઝીટરીને README સાથે પ્રારંભ કરો: અનચેક છોડો
- ગિટ અવગણો: "કોઈ નહીં" પસંદ કરો (અમે પગલું 3 માં આપણું પોતાનું બનાવ્યું છે)
- લાઇસન્સ: યોગ્ય લાઇસન્સ પસંદ કરો અથવા "કોઈ નહીં" તરીકે છોડી દો
- "રિપોઝીટરી બનાવો" પર ક્લિક કરો
પગલું 5: રીપોઝીટરીને કમિટ કરો
હવે જ્યારે અમારી પાસે અમારી રીપોઝીટરી સેટ થઈ ગઈ છે, ચાલો અમારું પ્રથમ કમિટ કરીએ:
- GitHub ડેસ્કટૉપમાં, તમારે તમારી સ્ટેટિક સાઇટની બધી ફાઇલોને ફેરફારો તરીકે સૂચિબદ્ધ જોવી જોઈએ.
- તમારી પ્રતિબદ્ધતા માટે સારાંશ દાખલ કરો (દા.ત., "સ્થિર સાઇટ ફાઇલોની પ્રારંભિક પ્રતિબદ્ધતા").
- "મુખ્ય માટે પ્રતિબદ્ધ" (અથવા જૂના સંસ્કરણોમાં "માસ્ટર માટે પ્રતિબદ્ધ") પર ક્લિક કરો.
- તમારા સ્થાનિક રિપોઝીટરીને GitHub પર દબાણ કરવા માટે "રિપોઝીટરી પ્રકાશિત કરો" પર ક્લિક કરો.
પગલું 6: સિમ્પલી સ્ટેટિક નિકાસ ચલાવો
હવે અમારી સ્ટેટિક સાઇટ જનરેટ કરવાનો સમય આવી ગયો છે:
- તમારી પાસે પાછા જાઓ WordPress ડેશબોર્ડ.
- સિમ્પલી સ્ટેટિક > જનરેટ પર નેવિગેટ કરો. (તમે ડાયગ્નોસ્ટિક્સ ભૂલ ચેતવણીને અવગણી શકો છો, કારણ કે તમે ફક્ત સ્થાનિક ડિરેક્ટરીમાં જમાવટ કરી રહ્યાં છો).
- "સ્થિર ફાઇલો બનાવો" પર ક્લિક કરો.
- પ્રક્રિયા પૂર્ણ થવાની રાહ જુઓ. તમારી સાઇટના કદના આધારે આમાં થોડો સમય લાગી શકે છે.
- એકવાર પૂર્ણ થયા પછી, GitHub ડેસ્કટોપ પર પાછા જાઓ.
- તમારે ફેરફારો તરીકે સૂચિબદ્ધ નવી જનરેટ કરેલી અથવા અપડેટ કરેલી ફાઇલો જોવી જોઈએ.
- "સ્થિર સાઇટ ફાઇલોને અપડેટ કરો" જેવા સંદેશ સાથે આ ફેરફારો કરો.
- "પુશ ઓરિજિન" પર ક્લિક કરીને GitHub માં ફેરફારોને દબાણ કરો.
પગલું 7: રિપોઝીટરીને હોસ્ટિંગ પ્લેટફોર્મ સાથે કનેક્ટ કરો
હવે અમારી સ્ટેટિક સાઇટ GitHub પર છે, અમે તેને સરળતાથી ફ્રી હોસ્ટિંગ પ્લેટફોર્મ સાથે કનેક્ટ કરી શકીએ છીએ. હું GitHub પૃષ્ઠો, Netlify અને Vercel માટે સૂચનાઓ આપીશ:
ગિટહબ પૃષ્ઠો
- GitHub.com પર તમારી રીપોઝીટરી પર જાઓ.
- ડાબી સાઇડબારમાં “સેટિંગ્સ” > “પેજ” પર ક્લિક કરો.
- "સ્રોત" હેઠળ, "શાખામાંથી જમાવટ કરો" પસંદ કરો.
- તમે જમાવવા માંગો છો તે શાખા પસંદ કરો (સામાન્ય રીતે "મુખ્ય" અથવા "માસ્ટર").
- રૂટ ફોલ્ડર (/) પસંદ કરો અને "સાચવો" ક્લિક કરો.
- તમારી સાઇટ પર લાઇવ થશે
https://yourusername.github.io/repository-name/
.
નેટલાઈફ કરો
- પર મફત એકાઉન્ટ માટે સાઇન અપ કરો netlify.com.
- તમારા Netlify ડેશબોર્ડ પર "Git તરફથી નવી સાઇટ" પર ક્લિક કરો.
- તમારા ગિટ પ્રદાતા તરીકે GitHub પસંદ કરો અને Netlify ને અધિકૃત કરો.
- સૂચિમાંથી તમારી રીપોઝીટરી પસંદ કરો.
- બિલ્ડ આદેશ છોડો અને ડિરેક્ટરી ખાલી પ્રકાશિત કરો.
- "ડિપ્લોય સાઇટ" પર ક્લિક કરો.
- તમારી સાઇટ Netlify સબડોમેઇન પર લાઇવ હશે, જેને તમે સાઇટ સેટિંગ્સમાં કસ્ટમાઇઝ કરી શકો છો.
વર્સેલ
- પર મફત એકાઉન્ટ માટે સાઇન અપ કરો vercel.com.
- તમારા વર્સેલ ડેશબોર્ડ પર "નવો પ્રોજેક્ટ" પર ક્લિક કરો.
- તમારી GitHub રીપોઝીટરી આયાત કરો.
- બિલ્ડ સેટિંગ્સ જેમ છે તેમ છોડી દો (વર્સેલને સ્વતઃ-શોધવું જોઈએ કે તે સ્થિર સાઇટ છે).
- "ડિપ્લોય" પર ક્લિક કરો.
- તમારી સાઇટ Vercel સબડોમેઇન પર લાઇવ હશે, જેને તમે પ્રોજેક્ટ સેટિંગ્સમાં કસ્ટમાઇઝ કરી શકો છો.
સારાંશ
અભિનંદન! તમારી પાસે હવે તમારું સ્ટેટિક વર્ઝન છે WordPress સાઇટ હોસ્ટ કરી મફતમાં જ્યારે પણ તમે તમારામાં ફેરફાર કરો ત્યારે તમારી સ્ટેટિક ફાઇલોને ફરીથી બનાવવાનું અને દબાણ કરવાનું યાદ રાખો WordPress સાઇટ આ વર્કફ્લો તમને સરળતાનો આનંદ માણવા દે છે WordPress સ્થિર સાઇટની ઝડપ, સુરક્ષા અને મફત હોસ્ટિંગનો લાભ ઉઠાવતી વખતે સામગ્રી બનાવવા માટે.
કેટલીક વધારાની ટીપ્સ:
- વધુ વ્યાવસાયિક દેખાવ માટે કસ્ટમ ડોમેન સેટ કરવાનું વિચારો.
- નિયમિતપણે તમારું અપડેટ કરો WordPress તમે નવીનતમ સુવિધાઓ અને સુરક્ષા અપડેટ્સ સાથે કામ કરી રહ્યાં છો તેની ખાતરી કરવા માટે ઇન્સ્ટોલેશન અને પ્લગિન્સ.
- ની અદ્યતન સુવિધાઓનું અન્વેષણ કરો સિમ્પલી સ્ટેટિકનું પ્રો વર્ઝન, છુપાવવા જેવું WordPress અને તમારી સ્થિર સાઇટ માટે ફોર્મ્સ અથવા શોધ કાર્યક્ષમતા સેટ કરો.