| Bhag 1 — Shuruaat Aur Mool Dhancha (Getting Started) | ||
| 01 | Prastavna — Yeh Website Kya Hai | Website ka uddeshya, mukhya suvidhayein aur is manual ka upyog |
| 02 | Website Ka Dhancha — Public Site, Admin Aur Builder | Mukhya teen bhagon ka aapas me sambandh aur file structure |
| 03 | Admin Panel Me Login Aur Logout Karna | Surakshit login prakriya, credential security aur logout steps |
| 04 | Admin Dashboard Ka Poora Overview | Dashboard cards ka parichay aur primary navigation control |
| Bhag 2 — Content Management (Admin Modules) | ||
| 05 | Members Management | Naye registration approve karna, edit, verification aur record-keeping |
| 06 | Family Trees, Wards Aur Post Holders (BOD) | Vansh-vriksha records, ward-wise grouping aur executive body setup |
| 07 | Gallery, Media Library Aur PDF Manager | Photos upload karna, media library se file reuse aur notices upload |
| 08 | News Aur Organizations | Samachar publish karna aur sambandhit samitiyon ki jaankari manage karna |
| 09 | Products, Rates Aur Inventory | Samaj store products, bartan/kiraya rates aur internal stock tracking |
| 10 | Bookings Management | Samaj bhawan aur saman booking requests ko approve ya reject karna |
| 11 | Matrimonial Section | Vivah profiles ka review, verification, privacy controls aur publishing |
| 12 | Election Aur Voter Registry | Chunav prabandhan, eligible voter registry aur candidates setup |
| 13 | Official Letterhead Generator | President/Secretary ke naam se direct letter/notice generate karna |
| 14 | Site Settings Aur Hero Slider | Logo, title, welcome message aur homepage banner slider control |
| Bhag 3 — Visual Drag-and-Drop Page Builder | ||
| 15 | Page Builder Ka Parichay Aur Layout | Elementor-style editor workspace, panels aur drag-and-drop mechanism |
| 16 | Naya Custom Page Banana — Step-By-Step | Blank page ya pre-made template se live page banane ki prakriya |
| 17 | Sabhi 29 Widgets Ka Sampoorna Vivaran | Heading, Button, Countdown, Slider, Tabs samet sabhi widgets ki settings |
| 18 | Pehle Se Bane Live Pages Ko Safely Edit Karna | Safe Draft system, accidental unpublish se bachav aur layer navigation |
| 19 | Page Publish, Unpublish Aur SEO Slug Settings | One-click publish, SEO meta data aur slug change ke automatic 301 redirects |
| 20 | Global Styles, Templates Aur Revision History | Site-wide color/font tokens, section templates aur version restore flow |
| Bhag 4 — Mobile Operations, Suraksha Aur Troubleshooting | ||
| 21 | Mobile Phone Se Website Manage Karna | Touchscreen drag-and-drop, overflow actions aur responsive preview |
| 22 | Suraksha Niyam Aur Savdhaniyan | Admin authentication security, Firestore rules aur data safety protocols |
| 23 | Samasya Nivaran (Troubleshooting Guide) | Aam samasyaayein, unke mukhya kaaran aur instant solution steps |
| 24 | Takneeki Shabdavali (Glossary) | Pramukh technical terms ke aasan shabdon me arth |
Yeh dastavez Lad Samaj ki aadhikarik (official) website ko chalane, manage karne, update karne aur naye pages design karne ke liye banaya gaya ek vistrit user manual hai. Yeh portal samaj ke sabhi sadasyon ko digital roop se ek sath jodne, samajik gatividhiyon ki jankari prasarit karne aur prashasnik karyon ko aasan banane ke uddeshya se viksit kiya gaya hai.
Is website ke do spasht hisse hain — pehla hissa Public Website hai jise koi bhi aam sadasya apne mobile ya computer par internet browser se dekh sakta hai, aur doosra hissa Admin Control Panel hai jise sirf aadhikrit admin vyakti apne email aur password se login karke chala sakta hai.
Website ke sahi sanchalan ke liye yeh samajhna aavashyak hai ki system ke teen mukhya stambh hain jo aapas me jude hue hain:
Yeh woh HTML pages hain jo har sadasya bina login kiye dekh sakta hai:
| Page Ka Naam | File Ka Naam | Is Page Me Kya Dikhai Deta Hai |
|---|---|---|
| Home Page | index.html | Hero Slider, swagat sandesh, pramukh suchnayein aur quick access cards. |
| Itihaas (History) | history.html | Lad samaj ki utpatti, parampara, kuldevta aur aitihasik dharohar. |
| Sadasya Bane (Join) | join.html | Naye sadasya hetu online aavedan form aur family details entry. |
| Photo Gallery | gallery.html | Samajik sammelan, pooja aur karyakramon ke categorized photo albums. |
| Products Store | products.html | Samajik pustakein, samagri aur anya uplabdh utpaad. |
| Booking Portal | booking.html | Samaj bhawan, bartan aur anya kiraya samagri ka booking aavedan. |
| Matrimonial | matrimonial.html | Var-Vadhu vivah sambandhi verified profiles. |
| Election | election.html | Samajik chunav dates, aachar-sanhita aur pratyashiyon ki list. |
| Downloads | downloads.html | Aadhikarik aavedan patra, forms, niyamawali aur gazettes (PDF). |
| Dynamic Live Pages | /page/{slug} | Page Builder se banaye gaye sabhi naye custom pages (PHP Rendered). |
Admin panel admin.html file par sthit hai. Yahan se poori website ka database, sadasya suchi, approvals, bookings, rate list aur slider control hota hai.
Page Builder builder.html par chalta hai. Isme 29 alag-alag design widgets hain jinhe canvas par drag-and-drop karke bilkul naye landing pages taiyar kiye ja sakte hain.
Website ke kisi bhi data ko badalne, sadasya approve karne ya naya page banane ke liye sabse pehle Admin Panel me login karna anivarya hai.
Kaam poora ho jaane ke baad, visheshkar yadi aap kisi shared ya cyber cafe ke computer par hain, toh upar daayin taraf diye gaye Logout button par click karke session samapt karein.
Login karte hi screen par ek suvyavasthit Dashboard dikhta hai jisme alag-alag modules ke cards bane hue hain. Har card ek vishisht section ko kholta hai:
Dashboard par Members card par click karne par samaj ke sabhi panjikrit (registered) sadasyon ka centralized database khul jata hai.
Jab koi sadasya public site ke join.html page par jakar registration form bharta hai, toh uski entry seedhe Pending Approval tab me aati hai:
Yeh module samaj ke har parivar ke mukhiya aur unke aashrit sadasyon ko ek vansh-vriksha (tree format) me vyavasthit karta hai:
Shehar ya kshetra ke anusaar sadasyon ko ward-wise group karne hetu yeh module upyogi hai. Sadasya ki profile me ward number darj karne par woh swatah sahi ward list me darj ho jata hai.
Samaj ke President (Adhyaksh), Secretary (Sachiv), Treasurer (Koshadhyaksh) aur anya padadhikariyon ki photo aur vivaran yahan se update kiya jata hai:
Media Library me portal par kabhi bhi upload ki gayi sabhi photos ka ek centralized grid dikhta hai. Page Builder me kaam karte samay aap seedhe Media Library se purani photo chunn sakte hain, jisse baar-baar wahi file upload nahi karni padti.
Samajik niyamawali, aavedan patra, varshik aay-vyay vivaran aadi PDF documents ko downloads.html page par uplabdh karwane hetu:
Lad Samaj se judi shakhaayein (jaise Mahila Mandal, Yuva Sangathan, Trust Samiti) ki contact details, adhyaksh ka naam aur karya-sheli ko yahan se darj kiya jata hai.
Samajik dharmik pustakein, badges ya anya samagri jo bikri hetu uplabdh hain:
Samaj Bhawan hall, AC rooms, sound system aur bartan aadi ke kiraya dar nirdharit karne hetu Rates section me jayein. Yahan sadasyon (members) aur gair-sadasyon ke liye alag-alag dar darj ki ja sakti hai.
Samaj ke paas kul kitne bartan, gaddiyan, kursi-table aadi uplabdh hain, unka aantarik (internal) stock record yahan banaya jata hai. Isse booking ke samay samagri uplabdhta ki jaanch asan ho jati hai.
Jab koi sadasya public site ke booking.html page se bhawan ya samagri book karta hai, toh aavedan Admin panel ke Bookings section me prapt hota hai.
Matrimonial portal samajik yuvak-yuvatiyon ke rishte talashne ka ek pavitra madhyam hai. Isme gopniyata aur suraksha ka vishesh dhyan rakha gaya hai.
Samajik chunav me sirf wahi sadasya matdaan kar sakte hain jinki aayu 18 varsh se adhik hai aur jinka aavedan approved hai. Election module me eligible voters ki sankhya aur list auto-generate hoti hai.
Yeh module samajik aadesh aur shok/badhai patra seedhe official letterhead format me generate karne ki suvidha deta hai:
Dashboard ke Settings module se poori website ki mukhya pehchan control hoti hai:
Lad Samaj ka Page Builder ek atyadhunik visual drag-and-drop tool hai jo aapko bina coding ke naye custom pages banane ki poori aazadi deta hai. Iska interface Elementor Pro jaisa professional aur aasan banaya gaya hai.
| Hissa | Stithi (Position) | Kya Kaam Karta Hai |
|---|---|---|
| Top Bar | Screen Ke Sabse Upar | Exit, Page Title input, Undo/Redo, SEO settings, Preview, Save Draft aur Publish buttons. |
| Left Panel (Sidebar) | Screen Ke Baayin Taraf | 29 Widgets ki list, Global Templates, Search Bar aur chune gaye element ki Content/Style settings. |
| Canvas Workspace | Screen Ke Beech Me | Aapke page ka live preview — jo yahan dikhta hai, wahi public website par live hoga (WYSIWYG). |
Page Builder me 29 alag-alag widgets hain. Har widget ke Content aur Style tab me poori settings uplabdh hain:
| Widget Ka Naam | Kis Kaam Aata Hai | Content Panel Me Kya Settings Hain |
|---|---|---|
| Heading | Mukhya shirshak likhna | Text, HTML Tag (H1-H6), Alignment (Left, Center, Right). |
| Text Editor | Paragraph aur vistrit content | Rich Textarea, alignment, bold/italic, bullet list support. |
| Image | Single photo display | Upload image (Cloudinary), Alt text, caption, corner border radius. |
| Button | Clickable action link | Button text, link URL, solid/outline style, background & text colors. |
| Video | YouTube video embed | YouTube video link URL, aspect ratio (16:9), autoplay option. |
| Divider | Do sections ke beech line | Line style (solid, dashed, dotted), color, width percentage (10-100%). |
| Spacer | Khaali vertical jagah (gap) | Height slider (10px se 200px tak customizable space). |
| Icon | FontAwesome icon symbol | Icon class (jaise fa-star, fa-om), size slider, color picker, link. |
| Icon Box | Icon + Title + Description | Icon symbol, Title text, Description paragraph, icon color. |
| Image Gallery | Photos ka responsive grid | Add multiple photos, columns count (2, 3, 4 ya 5 columns), gap spacing. |
| Accordion | Expandable FAQs sawal-jawab | Add/remove items, title input, expandable content textarea. |
| Tabs | Horizontal switching tabs | Add/remove tabs, tab titles, corresponding tab panels content. |
| Counter | Chadhne wala number counter | Target number (jaise 500), prefix (₹), suffix (+), title, count color. |
| Progress Bar | Pragati pratishat bar | Skill/target title, percentage slider (0-100%), bar color. |
| Testimonial | Vichar ya prashansa sandesh | Quote textarea, sadasya ka naam, designation, star rating (1-5★). |
| Google Map | Live location naksha | Google Maps Embed URL, height slider (200px se 600px). |
| List | Checked items bullet list | Add list item, custom icon per item, icon color, gap spacing. |
| Social Icons | Facebook, WhatsApp, Insta links | Platform dropdown (FB, Twitter, WhatsApp, YouTube), link URL, style. |
| Alert Box | Suchna ya warning box | Type (Info, Success, Warning, Danger), Title, Description, Show icon. |
| Star Rating | Ratings & feedback display | Rating value (0-5 stars with 0.5 step), max stars count, star color. |
| Image Box | Card jisme photo upar ho | Image upload, Title, Description, alignment, corner radius. |
| Slider | Auto-sliding banner carousel | Add slides, per slide photo + title + button link, autoplay speed. |
| Pricing Table | Yojana ya membership card | Plan title, price, currency, features list, popular badge toggle, button. |
| Countdown | Live event reverse timer | Target Date & Time picker, title, box-style toggle, accent color. |
| Toggle | Single click toggle blocks | Multiple items with title & content, click to expand/collapse. |
| HTML Embed | Custom code (Advanced) | Direct HTML/CSS code textarea (iframe, widgets, custom tables). |
| Table Widget | Grid table data | Add columns headers, add rows, edit cells, striped & bordered options. |
| Call To Action | Bada attractive banner | Title, description, action button text, button link, background color. |
| Animated Text | Shabd badalne wali heading | Before text, animated rotating words list, after text, highlight color. |
Aksar admin ko pehle se bane hue page me chhota-mota badlaav (jaise date badalna, photo change karna) karna padta hai. Is prakriya ko 100% surakshit banaya gaya hai:
Humare system me ek vishisht suraksha niyam lagaya gaya hai:
Yadi page me bahut saare widgets hain aur aapko kisi specific button ya text ko pakadne me dikkat ho rahi hai, toh Top Bar me sthit Navigator (Layers) icon par click karein. Ek floating tree-list khulegi jisme sabhi sections aur widgets line se dikhenge — kisi par bhi click karke direct use select karein.
Top Bar ka Publish button dabate hi:
Yadi kisi page ka samay beet chuka hai aur use public ki nazar se hatana hai, toh Top Bar me diye gaye laal rang ke Unpublish button par click karein. Confirmation alert aane par OK karein. Page draft me chala jaayega aur uska data bina delete hue offline ho jaayega.
Top Bar ke SEO button se Google Search settings open hoti hain:
| Field Ka Naam | Iska Kya Asar Hota Hai |
|---|---|
| URL Slug | Page ka web address (jaise /page/about-us). Yadi aap published page ka slug badalte hain, toh purane link par aane wale users naye link par automatically 301 Redirect ho jate hain — WhatsApp link kabhi break nahi hota. |
| Meta Title | Google search me neele rang me dikhne wala shirshak (50-60 characters ideal). |
| Meta Description | Google search result ke neeche dikhne wala 2-line ka vivaran (150-160 characters). |
| OG Share Image | WhatsApp ya Facebook par link share karte samay dikhne wali preview photo. |
Baayin panel ke header me bane Site Settings (☰) icon par click karke aap poore builder ke liye brand colors set kar sakte hain:
Yadi aapne koi behad sundar section (jaise Contact Header ya Registration Card) banaya hai jise har page par lagana chahte hain, toh us section ke right-click context menu me Save as Global Template chunein. Ab naya page banate samay Elements panel ke Global Templates tab se use ek click me insert kiya ja sakta hai.
Har baar jab aap Publish dabate hain, system purane page ka ek automatic snapshot (Revision) bana leta hai. Yadi naye badlaav pasand na aayein toh panel ke neeche History icon se purane time ka version select karke Restore This Version daba dein.
Admin panel aur Page Builder dono ko is tarah design kiya gaya hai ki aapat-sthiti me aap apne smartphone se bhi saara kaam kar sakein:
Mobile phone me widget ko sidebar se canvas tak laane ke liye widget par ungli ko 1 second tak dabaakar rakhein (hold karein). Ek floating preview ghost ban jaayega — use ungli se canvas par le jaakar chhod dein.
Chhoti phone screen par yadi canvas ke andar widgets ko ungli se upar-neeche karne me mushkil ho, toh har widget ke daayin kinare par ek neele rang ka ⋮ (3-dot) overflow button diya gaya hai:
Website ke surakshit sanchalan hetu nimnalikhit niyamawali ka palan anivarya hai:
| Kya Samasya Aa Rahi Hai? | Iska Kaaran Kya Hai? | Iska Samadhan (Solution Steps) |
|---|---|---|
| Admin Login nahi ho raha hai | Email ya password me spelling/caps lock ki galti. | Password me capital aur small letters check karein. Yadi bhool gaye hain toh developer se Firestore me password reset karwayein. |
| Photo upload karte samay error aa raha hai | Image file size bahut bada (10MB+) hai ya net slow hai. | Photo ka size 2MB se kam rakhein aur internet connection check karein. JPG/PNG format use karein. |
| Naya page publish karne ke baad 404 Not Found dikh raha hai | Hostinger par .htaccess rewrite rule refresh nahi hua. | 2 minute ruk kar refresh karein. Yadi na ho toh Hostinger File Manager me check karein ki .htaccess file public_html me uplabdh hai ya nahi. |
| Published page par Countdown timer nahi chal raha | Countdown me target date purani chuni gayi hai. | Builder me jakar Countdown widget par click karein aur bhavishya (future) ki tareekh select karke re-publish karein. |
| Save Draft dabane par page gayab ho gaya | Page pehle se publish nahi hua tha. | Top Bar ka Publish button dabaein. Page turant public live ho jaayega. |
| Canvas par galti se galat widget delete ho gaya | Human error (galti se delete dab gaya). | Top Bar me Undo button par click karein ya keyboard par Ctrl + Z dabaein. |
| Mobile par page builder sidebar screen par fit nahi ho raha | Chhoti screen resolution. | Phone ko Horizontal (Landscape) mode me ghumaayein ya zoom-out karein. |
| Slug badalne ke baad purana WhatsApp link open nahi ho raha | Purana link browser cache me hai. | Humara system automatic 301 redirect karta hai. Incognito mode me check karein, purana link naye link par forward ho jayega. |
| Shabd (Term) | Saral Bhasha Me Arth |
|---|---|
| Public Website | Website ka woh hissa jise internet par koi bhi sadasya bina login kiye dekh sakta hai. |
| Admin Panel | Password protected prashasnik control room jahan se poori website ka data manage hota hai. |
| Page Builder | Visual drag-and-drop tool jisse bina coding ke Word document ki tarah page banaye jaate hain. |
| Widget | Page banane ka chhota ready-made block (jaise Heading, Button, Countdown, Gallery). |
| Publish | Kisi page ya suchna ko poori duniya ke liye live/online kar dena. |
| Draft | Aisa page jisme kaam chal raha hai aur jo abhi public ko nahi dikhaya gaya. |
| Unpublish | Live page ko bina delete kiye kuch samay ke liye offline kar dena. |
| URL / Slug | Page ka web address (jaise ladsamaj.in/page/annual-meeting). |
| SEO | Search Engine Optimization — Google par page ko upar aur sahi tarike se dikhane ki settings. |
| Template | Pehle se bana hua poora page design jise ek click me load karke edit kiya ja sakta hai. |
| Revision History | Purane samay me save/publish kiye gaye versions ka record taaki galti hone par purana wapas laya ja sake. |
| Navigator (Layers) | Page ke sabhi sections aur widgets ki tree list jisse kisi bhi widget ko direct pakda ja sake. |
| Firestore | Google ka cloud database jahan samaj ke sadasyon aur pages ka data surakshit store hota hai. |
| Cloudinary CDN | High-speed image cloud service jo photos ko fast load karne ke liye auto-compress karti hai. |