ലേഖകന്‍: Neil Lock

നിങ്ങളുടെ മുൻ പേജിന്റെ മുകൾ ഭാഗത്ത് എന്താണ് നൽകേണ്ടത് – “എബൗ ദി ഫോൾഡ്” ഉള്ളടക്കത്തിനായുള്ള നുറുങ്ങുകൾ

What you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

വിഷയത്തിലേക്ക് നേരിട്ട് കടക്കുന്നതിന് മുൻപ്, നിങ്ങളുടെ ഫ്രണ്ട് പേജിന്റെ മുകൾ ഭാഗത്തിന് എന്താണ് പേര് എന്ന് അറിയുന്നത് നല്ലതാണ്. ‘നിങ്ങളുടെ സൈറ്റിന്റെ മുകൾ ഭാഗം’ എന്നതിനേക്കാൾ മികച്ച ഒരു പേര് ഇതിനുണ്ട്.

“Above the Fold”

ഇതിനെ ‘Above the Fold’ എന്നാണ് വിളിക്കുന്നത്. എന്തുകൊണ്ട്? കാരണം മുൻകാലങ്ങളിൽ മനുഷ്യർ പത്രങ്ങൾ ഉപയോഗിച്ചിരുന്ന കാലത്ത്, അവ സാധാരണയായി പകുതിയായി മടക്കിവെച്ചിരുന്നു, അതിനാൽ മുകൾഭാഗം മാത്രമേ പെട്ടെന്ന് കാണാനാകുമായിരുന്നുള്ളൂ. ആ മുകൾഭാഗത്ത് അല്ലെങ്കിൽ “above the fold” ഭാഗത്ത് അന്നത്തെ ഏറ്റവും പ്രധാനപ്പെട്ട തലക്കെട്ടുകൾ ഉണ്ടായിരുന്നു, തുടർന്ന് അത് നിവർത്തുമ്പോൾ പ്രാധാന്യം കുറഞ്ഞ മറ്റ് തലക്കെട്ടുകൾ കാണാം. അതുപോലെ തന്നെ വെബ്‌സൈറ്റുകളിലും, ആളുകൾ ആദ്യം കാണുന്നത് നിങ്ങളുടെ സൈറ്റിന്റെ മുകൾഭാഗമാണ്, തുടർന്ന് പത്രം നിവർത്തുന്നത് പോലെ താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ നിങ്ങൾ സൈറ്റിന്റെ ബാക്കി ഭാഗങ്ങൾ കാണുന്നു.

പത്രത്തിന്റെ ഉദാഹരണം തന്നെ നോക്കാം, നിങ്ങൾ വഴിയിലൂടെ നടന്നുപോകുമ്പോൾ ഒരു പത്രവിൽപ്പനക്കാരനെ കാണുന്നു എന്ന് കരുതുക. നിങ്ങൾ പത്രം കാണുമ്പോൾ അതിലെ തലക്കെട്ട് ആകർഷകമാണെങ്കിൽ, ബാക്കി ഭാഗങ്ങൾ വായിക്കാനായി നിങ്ങൾ ആ പത്രം വാങ്ങിയേക്കാം. വെബ്‌സൈറ്റുകളുടെ കാര്യത്തിലും ഇത് സമാനമാണ്, സന്ദർശകർ നിങ്ങളുടെ സൈറ്റിലൂടെ കടന്നുപോകുമ്പോൾ ‘above the fold’ കണ്ടന്റ് ആകർഷകമായി തോന്നുകയാണെങ്കിൽ, കൂടുതൽ വിവരങ്ങൾക്കായി അവർ താഴേക്ക് സ്ക്രോൾ ചെയ്യുകയോ സൈറ്റിന്റെ ബാക്കി ഭാഗങ്ങൾ കാണുകയോ ചെയ്തേക്കാം.

നീൽസന്റെ ഗവേഷണം

Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

The average difference in how users treat info above vs. below the fold is 84%.

If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

ഒരു വെബ്‌സൈറ്റിന്റെ മുകൾഭാഗമാണ് നിങ്ങൾ ആദ്യം കാണുന്നത് എന്നതിനാൽ ഇത് സ്വാഭാവികമാണ്.

അതിനാൽ നിങ്ങളുടെ ഫ്രണ്ട് പേജിലെ ‘above the fold’ കണ്ടന്റ് എത്രത്തോളം പ്രധാനമാണെന്ന് മനസ്സിലാക്കിക്കഴിഞ്ഞാൽ, നിങ്ങളുടെ സൈറ്റിന്റെ മുകൾഭാഗത്ത് നിങ്ങൾ എന്താണ് നൽകേണ്ടത്?

നേരിട്ട് കാര്യത്തിലേക്ക് കടക്കുക

നിങ്ങളുടെ സൈറ്റ് എന്തിനെക്കുറിച്ചാണെന്ന് ഉടൻ തന്നെ വ്യക്തമാക്കുക. നിങ്ങളുടെ ഫ്രണ്ട് പേജും ‘above the fold’ ഭാഗവും നിങ്ങളുടെ മുഴുവൻ സൈറ്റിന്റെയും ജീവനാഡിയാണ്. നിങ്ങളുടെ സന്ദർശകർക്ക് ആശയക്കുഴപ്പം തോന്നിയാൽ, അവർ പെട്ടെന്ന് തന്നെ ടാബ് ക്ലോസ് ചെയ്ത് മടങ്ങിപ്പോകും. നിങ്ങളൊരു പുതിയ പുസ്തക രചയിതാവാണെങ്കിൽ, അക്കാര്യം പറയുകയും നിങ്ങളുടെ ഏറ്റവും പുതിയ പുസ്തകം പ്രദർശിപ്പിക്കുകയും ചെയ്യുക. നിങ്ങളൊരു വെഡ്ഡിംഗ് ഓർഗനൈസറാണെങ്കിൽ, സന്ദർശകർക്ക് അവരുടെ ജീവിതത്തിലെ ഏറ്റവും അവിസ്മരണീയമായ വിവാഹം ഒരുക്കിനൽകുന്ന വെഡ്ഡിംഗ് ഓർഗനൈസറാണ് നിങ്ങളെന്ന് എഴുതുക. അല്ലെങ്കിൽ നിങ്ങളുടെ ചെറിയ ഹോട്ടലിനായി ഒരു സൈറ്റ് ഉണ്ടാക്കുകയാണെങ്കിൽ, നഗരത്തിലെ ഏറ്റവും മികച്ച ബെഡ് ആൻഡ് ബ്രേക്ക്ഫാസ്റ്റ് ഇടം നിങ്ങളുടേതാണെന്ന് എഴുതുക. (ഞാൻ താഴെ ഈ ഉദാഹരണങ്ങൾ കൂടുതൽ ഉപയോഗിക്കും.)

സൈറ്റ് എന്തിനെക്കുറിച്ചാണെന്ന് സന്ദർശകർ ഊഹിക്കേണ്ടി വരരുത്. അവർക്കത് പെട്ടെന്ന് തന്നെ മനസ്സിലാകണം, എങ്കിൽ മാത്രമേ കൂടുതൽ വിവരങ്ങൾ കാണാൻ അവർ താഴേക്ക് സ്ക്രോൾ ചെയ്യുകയുള്ളൂ.

സന്ദർശകരെ ലക്ഷ്യബോധത്തോടെ ആകർഷിക്കുക

അടുത്തതായി നിങ്ങളുടെ വെബ്‌സൈറ്റിന്റെ യഥാർത്ഥ ലക്ഷ്യത്തെക്കുറിച്ച് ചിന്തിക്കണം. എന്താണ് പ്രധാനമായും ഈ വെബ്‌സൈറ്റ് ആരംഭിക്കാനുള്ള കാരണം? ആ കാരണം എന്തുതന്നെയായാലും, അതും നിങ്ങൾ മുകൾഭാഗത്ത് തന്നെ (above the fold) നൽകണം.

ഞാൻ മുകളിൽ സൂചിപ്പിച്ച കുറച്ച് ഉദാഹരണങ്ങൾ എടുക്കാം. ഒരു പുതിയ പുസ്തക രചയിതാവിന് കൂടുതൽ ആളുകളിലേക്ക് എത്താനായിരിക്കും താല്പര്യം. നിങ്ങളുടെ പക്കൽ സൗജന്യ ഇ-ബുക്ക് ഉണ്ടെങ്കിൽ, സന്ദർശകർക്ക് അത് ഡൗൺലോഡ് ചെയ്യാൻ ഒരു ബട്ടൺ നൽകാം. വെഡ്ഡിംഗ് ഓർഗനൈസറെ സംബന്ധിച്ച്, ആളുകൾ സേവനങ്ങളെക്കുറിച്ച് അറിയാൻ ബന്ധപ്പെടണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കും, അതിനായി ഫോൺ നമ്പറോ കോൺടാക്റ്റ് ഫോമോ നൽകുക. അല്ലെങ്കിൽ ചെറിയ ഹോട്ടലാണെങ്കിൽ, ഫോൺ നമ്പറിനൊപ്പം ബുക്കിംഗ് ഫോമും നൽകുക.

പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിനെ സംബന്ധിച്ച്, ആളുകൾ ഈ പ്ലഗിൻ കൂടുതൽ അറിയണമെന്നും ഒടുവിൽ ഉപഭോക്താവായി മാറണമെന്നും ഞാൻ ആഗ്രഹിക്കുന്നു. അതിനാൽ സന്ദർശകർക്ക് ഉടൻ തന്നെ ഡെമോ പരീക്ഷിച്ചുനോക്കാൻ ഒരു ബട്ടണും പ്ലഗിൻ വാങ്ങാൻ മറ്റൊരു ബട്ടണും ഞാൻ അവിടെ നൽകിയിട്ടുണ്ട്.

‘Above the fold’ രൂപകൽപ്പന ചെയ്യൽ

ഇപ്പോൾ എന്താണ് നൽകേണ്ടതെന്ന് വ്യക്തമായ സ്ഥിതിക്ക്, ഡിസൈൻ സംബന്ധിച്ച് തീരുമാനമെടുക്കാനുള്ള സമയമാണിത്. വ്യക്തിപരമായി, വൃത്തിയുള്ള സെക്ഷനുകളുള്ള ഉള്ളടക്കമാണ് എനിക്കിഷ്ടം, അതിനാൽ ഞങ്ങളുടെ ഫ്രണ്ട് പേജിൽ സോളിഡ് ബാക്ക്ഡ്രോപ്പ് നൽകിയിരിക്കുന്നു. എന്നാൽ കൂടുതൽ സജീവമാക്കുന്നതിന് ‘above the fold’ കണ്ടന്റിനൊപ്പം ഒരു ചിത്രമോ വീഡിയോയോ ഉൾപ്പെടുത്തുന്നതും മികച്ച ആശയമാണ്.

Here’re a few examples of what you can do about your front page.

Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

ഉപസംഹാരം

നിങ്ങളുടെ ഫ്രണ്ട് പേജിനായി ‘above the fold’ കണ്ടന്റ് തയ്യാറാക്കുക എന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല, എന്നാൽ അത് ശരിയായ രീതിയിൽ ചെയ്യാൻ കുറച്ച് ചിന്തയും പരിശോധനയും ആവശ്യമാണ്. നിങ്ങൾക്ക് ഇതിനകം ഒരു സൈറ്റ് ഉണ്ടെങ്കിലും നിങ്ങളുടെ Google Analytics-ൽ ഉയർന്ന ബൗൺസ് റേറ്റ് ഉണ്ടെങ്കിൽ, മുകളിൽ നൽകിയിരിക്കുന്ന നുറുങ്ങുകൾ ഉപയോഗിച്ച് ‘above the fold’ കണ്ടന്റ് പുനർവിചിന്തനം ചെയ്യാൻ ഞാൻ നിങ്ങളെ പ്രോത്സാഹിപ്പിക്കുന്നു.

If you have tips on creating above the fold content, kindly share them in the comments!

Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിനെക്കുറിച്ച് കൂടുതൽ അറിയുക

ഒക്ടോബർ 2, 2026
$100-ൽ താഴെ ചിലവിൽ തുടക്കം മുതൽ എങ്ങനെ ഒരു വെബ്‌സൈറ്റ് നിർമ്മിക്കാം
നിങ്ങൾക്ക് ആദ്യം മുതൽ ഒരു വെബ്‌സൈറ്റ് നിർമ്മിക്കാൻ ആഗ്രഹമുണ്ടെങ്കിലും കുറഞ്ഞ ബജറ്റും സാങ്കേതികമായി യാതൊരു അറിവുമില്ലെങ്കിൽ, ഈ ചെറിയ ഗൈഡ് നിങ്ങൾക്കുള്ളതാണ്.

സാങ്കേതിക വശങ്ങളും സങ്കീർണ്ണതകളും ഒന്നുമില്ലാതെ ഒരു വെബ്‌സൈറ്റ് നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന തികച്ചും തുടക്കക്കാർക്കായി ഉദ്ദേശിച്ചുള്ളതാണ് ഈ ലേഖനം. അതിനാൽ നിങ്ങൾ ഉപഭോക്താക്കൾക്ക് കാണിച്ചുകൊടുക്കാൻ ഓഫീസിനായി ഒരു വെബ്‌സൈറ്റ് ആവശ്യമുള്ള ഒരു സ്റ്റാർട്ടപ്പ് ബിസിനസ്സ് ഉടമയാണെങ്കിലോ, ഓൺലൈനിൽ റെസ്റ്റോറന്റ് അവലോകനങ്ങൾ എഴുതാൻ ആഗ്രഹിക്കുന്ന ഒരു ഭക്ഷണപ്രിയനാണെങ്കിലോ, അല്ലെങ്കിൽ ഒരു സൈറ്റ് മാത്രം ആവശ്യമുള്ള സ്വയം കാര്യങ്ങൾ ചെയ്യാൻ താൽപ്പര്യമുള്ള ആളാണെങ്കിലോ, തുടർന്ന് വായിക്കുക! കാര്യങ്ങൾ കഴിയുന്നത്ര ലളിതമായി നിലനിർത്താൻ ഞാൻ പരമാവധി സാങ്കേതിക പദങ്ങൾ ഒഴിവാക്കുന്നതായിരിക്കും.

ഇത് പൂർത്തിയാകുമ്പോൾ നമുക്ക് എന്തൊക്കെ ലഭിക്കുമെന്ന് നോക്കാം. ഈ ലേഖനത്തിന്റെ അവസാനത്തോടെ, നിങ്ങൾക്ക് ഇവ ഉണ്ടായിരിക്കും:
1. Your own website that people can visit at http://supermegaawesomewebsite.com,
2. Optionally have your own email address at [email protected],
3. A certain zen-like state of mind.
നിങ്ങൾക്ക് ആവശ്യമുള്ളവ

ശരി, യഥാർത്ഥ ഘട്ടങ്ങളിലേക്ക് കടക്കുന്നതിന് മുമ്പ്, നമുക്ക് ഇനിപ്പറയുന്നവ ആവശ്യമാണ്:
1. നിങ്ങളുടെ വെബ്‌സൈറ്റ് എന്തിനെക്കുറിച്ചുള്ളതായിരിക്കണം എന്നതിനെക്കുറിച്ചുള്ള ഒരു ആശയം,
2. $100 ക്രെഡിറ്റുള്ള ഒരു ക്രെഡിറ്റ് കാർഡ് അല്ലെങ്കിൽ പേപാൽ (Paypal) അക്കൗണ്ട്, കൂടാതെ
3. ദാഹിച്ചാൽ കുടിക്കാൻ ഒരു സോഡയോ അല്ലെങ്കിൽ ഒരു ഗ്ലാസ് വെള്ളമോ, ശരീരത്തിൽ ജലാംശം നിലനിർത്തുന്നത് എപ്പോഴും നല്ലതാണ്.
എന്താണ് ഒരു വെബ്‌സൈറ്റ്?

നമ്മൾ എന്തെങ്കിലും ചെയ്യുന്നതിന് മുമ്പ്, യഥാർത്ഥത്തിൽ നമ്മൾ എന്താണ് നിർമ്മിക്കാൻ പോകുന്നതെന്ന് മനസ്സിലാക്കേണ്ടത് പ്രധാനമാണ്. അതെ, നമ്മൾ നിങ്ങളുടെ സ്വന്തം വെബ്‌സൈറ്റ് നിർമ്മിക്കുകയാണ്, എന്നാൽ യഥാർത്ഥത്തിൽ അത് എന്താണ്?

In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.
Sorta techy terms:

bunch of files = web pages

special computer = web server

special web address = domain name or URL
മുമ്പത്തെ ഖണ്ഡികയിലെ ബോൾഡ് ചെയ്ത വാക്കുകളാണ് നമുക്ക് നേടിയെടുക്കേണ്ട കാര്യങ്ങൾ. നമ്മുടെ ഭാഗ്യത്തിന്, ഇവയെല്ലാം ഒന്നിച്ച് ഒരുമിച്ച് ലഭിക്കുന്ന ഒരു സ്ഥലമുണ്ട്.

വെബിൽ ഒരു ഇടം നേടുക

GoDaddy-യുടെ Managed WordPress Hosting – Basic Plan എടുക്കാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു. വലിയ ബുദ്ധിമുട്ടുകളൊന്നുമില്ലാതെ ഉടൻ തന്നെ നമ്മുടെ സൈറ്റ് നിർമ്മിക്കാൻ ആവശ്യമായതെല്ലാം ഈ പ്ലാൻ നൽകുന്നു. എല്ലാം സജ്ജീകരിക്കുന്നതിനുള്ള സാങ്കേതിക വിശദാംശങ്ങളെക്കുറിച്ച് നമ്മൾ വിഷമിക്കേണ്ടതില്ല എന്നതാണ് ഇതിന്റെ ഏറ്റവും മികച്ച ഭാഗം.

ഒരു “Managed WordPress Hosting” പ്ലാൻ എന്നാൽ എന്താണെന്ന് നിങ്ങൾ ചിന്തിക്കുകയാണെങ്കിൽ, ഞാൻ അത് ലളിതമായി വിശദീകരിക്കാം:
- Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
- WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
- Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.
When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

ഒരു അധിക നേട്ടമെന്ന നിലയിൽ, അവരുടെ ബേസിക് പ്ലാൻ എടുക്കുന്നതിലൂടെ നിങ്ങൾക്ക് ഇമെയിൽ വിലാസങ്ങളും ലഭിക്കും. ആദ്യ വർഷം ഇത് സൗജന്യമാണ്, അതിനാൽ ഉപഭോക്താക്കളുമായും മറ്റ് ആളുകളുമായും ആശയവിനിമയം നടത്താൻ നിങ്ങൾ ഇമെയിൽ ഉപയോഗിക്കാൻ പോകുകയാണെങ്കിൽ ഇത് തീർച്ചയായും തിരഞ്ഞെടുക്കാവുന്ന ഒന്നാണ്.

അവരുടെ പ്ലാനുകളെക്കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾക്ക് ചുവടെയുള്ള ലിങ്ക് പരിശോധിക്കുക (പിന്നെ, ഇത് ശുപാർശ ചെയ്യുന്നതിനായി അവർ എനിക്ക് പണം നൽകുന്നില്ല):

GoDaddy-യുടെ മാനേജ്ഡ് വേർഡ്പ്രസ്സ് ഹോസ്റ്റിംഗ് പ്ലാനുകൾ പരിശോധിക്കുക

എല്ലാ വിവരങ്ങളും പൂരിപ്പിക്കുക, നിങ്ങൾക്കാവശ്യമുള്ള ഡൊമെയ്ൻ നാമം കണ്ടെത്തുക (നിങ്ങൾ supermegaawesomewebsite.com തന്നെ ഉപയോഗിക്കേണ്ടതില്ല), തുടർന്ന് ചെക്ക്ഔട്ടിലേക്ക് പോയി പണമടയ്ക്കുക.

I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

Total Cost so far: $12.18 – $59.88

അഭിനന്ദനങ്ങൾ, ഇപ്പോൾ നിങ്ങൾക്ക് ഒരു വേർഡ്പ്രസ്സ് വെബ്‌സൈറ്റ് ഉണ്ട്!

നിങ്ങൾ GoDaddy ഹോസ്റ്റിംഗ് എടുത്തുകഴിഞ്ഞാൽ, നിങ്ങളുടെ സൈറ്റ് ഇപ്പോൾ പൂർണ്ണമായി പ്രവർത്തിക്കേണ്ടതാണ്. നിങ്ങളുടെ ഡൊമെയ്നായ http://supermegaawesomewebsite.com ബ്രൗസ് ചെയ്ത് നിങ്ങളുടെ സൈറ്റ് കാണാൻ നിങ്ങൾക്ക് ആരംഭിക്കാം.

നിങ്ങളുടെ സൈറ്റിന്റെ ആദ്യ കാഴ്‌ചയിൽ അത് ശൂന്യമായി തോന്നാം.. ഇത് സ്വാഭാവികമാണ്. വിഷമിക്കേണ്ട, നമുക്കത് ശരിയാക്കാം!

നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് പ്രവേശിക്കുന്നു

Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

തുടക്കക്കാരെ അവരുടെ സൈറ്റ് ഇഷ്ടാനുസൃതമാക്കാൻ സഹായിക്കുന്നതിന് GoDaddy-ക്ക് സ്വന്തമായി ഒരു “Quick Setup” സംവിധാനമുണ്ട്. വേർഡ്പ്രസ്സ് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നിങ്ങൾക്ക് പരിചയമില്ലെങ്കിൽ ഈ സെറ്റപ്പ് പ്രക്രിയയിലൂടെ കടന്നുപോകാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു.

വേർഡ്പ്രസ്സ് പഠിക്കാം

ഇനി വേർഡ്പ്രസ്സുമായി പരിചയപ്പെടാനുള്ള സമയമാണ്. ഞാൻ നേരത്തെ സൂചിപ്പിച്ചതുപോലെ, നിങ്ങളുടെ ഉള്ളടക്കം പ്രസിദ്ധീകരിക്കാൻ നിങ്ങൾ ഇപ്പോൾ ഉപയോഗിക്കുന്ന പ്ലാറ്റ്‌ഫോമാണ് വേർഡ്പ്രസ്സ്. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ: നിങ്ങൾ നിങ്ങളുടെ സൈറ്റിലേക്ക് ലോഗിൻ ചെയ്യുന്നു, പേജുകളും ബ്ലോഗ് പോസ്റ്റുകളും സൃഷ്ടിക്കുന്നു, കൂടാതെ പബ്ലിഷ് ബട്ടൺ അമർത്തുന്നു.

വേർഡ്പ്രസ്സ് എങ്ങനെ ഉപയോഗിക്കണമെന്ന് പഠിക്കുക എന്നതാണ് അടുത്ത ഘട്ടം. നിങ്ങൾ മുമ്പ് വേർഡ്പ്രസ്സ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ആദ്യമായി കാണുമ്പോൾ ഡാഷ്‌ബോർഡ് വിവരങ്ങളാൽ അൽപ്പം ആശയക്കുഴപ്പമുണ്ടാക്കിയേക്കാം. നിങ്ങളുടെ സ്വന്തം വേഗതയിൽ വ്യത്യസ്ത ഭാഗങ്ങൾ പര്യവേക്ഷണം ചെയ്യാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു.

If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

WP101-ന്റെ വീഡിയോ ട്യൂട്ടോറിയലുകൾ പരിശോധിക്കുക

Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

Total Cost so far: $27.18 – $74.88

നിങ്ങളുടെ സൈറ്റിനെ മനോഹരമാക്കുന്നു

The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

Total Cost so far: $27.18 – $144.88

നിങ്ങളുടെ സൈറ്റിലേക്ക് കൂടുതൽ ഫീച്ചറുകൾ ചേർക്കുന്നു

As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

Plugin Cost: $0

Total Cost so far: $27.18 – $144.88

Conclusion

You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook

നിൽക്കൂ! ടാബ് ഇപ്പോൾ ക്ലോസ് ചെയ്യരുത്!

നിൽക്കൂ! നിങ്ങൾ ഈ ടാബ് ക്ലോസ് ചെയ്യുന്നതിന് മുമ്പ് Page Builder Sandwich-നെക്കുറിച്ച് പറയാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. മുകളിൽ ഞാൻ ഒരുപാട് മികച്ച കാര്യങ്ങൾ പരാമർശിച്ചിട്ടുണ്ട്, എന്നാൽ നിങ്ങൾ ഇതുവരെ Page Builder Sandwich കണ്ടിട്ടില്ല.

കോഡിംഗിനെക്കുറിച്ച് ഒന്നും അറിയാതെ തന്നെ നിങ്ങളുടെ പുത്തൻ സൈറ്റിലെ പേജുകൾ എളുപ്പത്തിൽ രൂപകൽപ്പന ചെയ്യാൻ Page Builder Sandwich നിങ്ങളെ അനുവദിക്കും. ഒരു വേഡ് പ്രോസസ്സർ ഡോക്യുമെന്റ് എഡിറ്റ് ചെയ്യുന്നതുപോലെയാണ് ഇതിന്റെ രൂപവും പ്രവർത്തനവും, എന്നാൽ ഇത് വെബ്‌സൈറ്റുകൾക്കുള്ളതാണ്. ഇതിലൂടെ കാരോസലുകൾ, ഐക്കണുകൾ, ബട്ടണുകൾ, ഇമേജ് ബാക്ക്‌ഗ്രൗണ്ടുകൾ എന്നിവയും മറ്റ് നിരവധി കാര്യങ്ങളും എളുപ്പത്തിൽ ചേർത്തുകൊണ്ട് നിങ്ങളുടെ സൈറ്റ് കൂടുതൽ ആകർഷകമാക്കാൻ നിങ്ങൾക്ക് കഴിയും.

You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit

Page Builder Sandwich-ന്റെ ഡെമോ പരീക്ഷിച്ചു നോക്കൂ

Page Builder Sandwich Cost: $39 for 1 site

Total Cost so far: $86.18 – $203.88
ഒക്ടോബർ 2, 2026
പേജ് ബിൽഡർ സാൻഡ്‌വിച്ച് ലൈറ്റ് ഇപ്പോൾ വേർഡ്പ്രസ്സ് പ്ലഗിൻ റിപ്പോയിൽ ലഭ്യമാണ്
Now you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

ലൈറ്റ് പതിപ്പ് പ്രീമിയം പ്ലഗിന്റെ ചുരുക്കിയ പതിപ്പാണ്, എങ്കിലും ഇത് പൂർണ്ണമായും ഉപയോഗയോഗ്യമാണ്. ലൈറ്റ് പതിപ്പിൽ ലഭ്യമായ സവിശേഷതകളുടെയും ടൂളുകളുടെയും ഒരു ലിസ്റ്റ് ഇതാ:
- തത്സമയ ഫ്രണ്ട്‌എൻഡ് എഡിറ്റിംഗ്
- പോപ്പ്-അപ്പുകളുടെ ശല്യമില്ലാതെ നേരിട്ട് ക്ലിക്ക് ചെയ്ത് ടൈപ്പ് ചെയ്യാനുള്ള എഡിറ്റിംഗ്
- ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് ടൂളുകൾ: നിറങ്ങൾ, ബോൾഡ്, ഇറ്റാലിക്, അണ്ടർലൈൻ, ഹൊറിസോണ്ടൽ റൂൾ, അലൈൻമെന്റുകൾ തുടങ്ങിയവ, അടിസ്ഥാനപരമായി ബാക്ക്എൻഡ് TinyMCE എഡിറ്ററിൽ നിങ്ങൾക്ക് ചെയ്യാൻ കഴിയുന്നതെല്ലാം.
- വേർഡ്പ്രസ്സ് മീഡിയ മാനേജർ ഉപയോഗിച്ചുള്ള ചിത്രങ്ങളും ചിത്ര ക്രമീകരണങ്ങളും
- വേർഡ്പ്രസ്സിന്റെ ലിങ്ക് ക്രിയേറ്റർ ഡയലോഗ് ഉപയോഗിച്ച് ലിങ്ക് നിർമ്മാണം
- ബ്ലോക്ക് ഘടകങ്ങൾ: ഹെഡിംഗുകൾ, ബ്ലോക്ക് കോട്ടുകൾ, ബുള്ളറ്റ്, നമ്പേർഡ് ലിസ്റ്റുകൾ
- ലഭ്യമായ എല്ലാ ഷോർട്ട്‌കോഡുകളുടെയും പൂർണ്ണമായ ലിസ്റ്റിനൊപ്പം തത്സമയ ഷോർട്ട്‌കോഡ് റെൻഡറിംഗും എഡിറ്റിംഗും
- ഒന്നിനുള്ളിൽ മറ്റൊന്ന് ചേർക്കാവുന്ന വരികളും കോളങ്ങളും (nestable rows & columns) ഉപയോഗിച്ചുള്ള ലേഔട്ടിംഗ്
- വരികളുടെയും കോളങ്ങളുടെയും പ്രോപ്പർട്ടികൾ: പശ്ചാത്തല നിറം, മാർജിനുകൾ, പാഡിംഗുകൾ, ബോർഡറുകൾ
- കാര്യക്ഷമമായ Undo/Redo ഫീച്ചർ
- കൂടാതെ മറ്റു നിരവധി കാര്യങ്ങളും!
ലൈറ്റ് പതിപ്പ് ഇപ്പോൾ ഡൗൺലോഡ് ചെയ്യുക

നിങ്ങൾ പ്ലഗിൻ പേജ് കണ്ടിട്ടുണ്ടെങ്കിൽ, പ്ലഗിൻ എന്തുകൊണ്ട് തികച്ചും പുതിയ ഒന്നല്ലെന്ന് ചിന്തിക്കുന്നുണ്ടാകാം. കാരണം ഇത് ഈ പ്ലഗിന്റെ ആദ്യ പതിപ്പല്ല. ഒരു വർഷം മുമ്പ്, ഇതൊരു ബാക്ക്എൻഡ് പേജ് ബിൽഡർ ആയിരുന്നു, എന്നാൽ എനിക്കത് അത്ര തൃപ്തികരമായി തോന്നിയില്ല. മാസങ്ങളോളം ചിന്തിച്ചതിനും ചർച്ചകൾക്കും ശേഷം, ഞാൻ തികച്ചും വ്യത്യസ്തമായ ഒരു വഴി സ്വീകരിച്ചു, ഇപ്പോൾ ഇത് ഞാൻ വ്യക്തിപരമായി ഉപയോഗിക്കാൻ ഇഷ്ടപ്പെടുന്ന ആകർഷകമായ ഒരു ഫ്രണ്ട്‌എൻഡ് പേജ് ബിൽഡറാണ്.

ഇത് എന്റെ തീമിൽ പ്രവർത്തിക്കുമോ?

സാങ്കേതികമായി ഇത് ഏത് തീമിലും പ്രവർത്തിക്കേണ്ടതാണ്. ഞങ്ങളുടെ ഉപയോക്താക്കൾക്കും ഉപഭോക്താക്കൾക്കുമൊപ്പം, WordPress.org തീം ശേഖരത്തിൽ നിന്നുള്ള തീമുകൾ, Genesis Themes, StudioPress Themes, Elegant Themes, ThemeForest എന്നിവയിൽ നിന്നുള്ള തീമുകൾ ഉൾപ്പെടെ നിരവധി തീമുകളിൽ ഞങ്ങൾ Page Builder Sandwich വിജയകരമായി ഉപയോഗിച്ചിട്ടുണ്ട്. ഇത് നിങ്ങളുടെ തീമിൽ പ്രവർത്തിക്കുന്നില്ലെങ്കിൽ, ദയവായി ഞങ്ങളെ അറിയിക്കുക, ഞങ്ങൾ അത് പരിഹരിക്കും.

ഇത് എന്റെ നിലവിലുള്ള ഉള്ളടക്കത്തിൽ പ്രവർത്തിക്കുമോ?

നിങ്ങളുടെ നിലവിലുള്ള ഉള്ളടക്കത്തിൽ Page Builder Sandwich നന്നായി പ്രവർത്തിക്കേണ്ടതാണ്. നിങ്ങളുടെ ഉള്ളടക്കം ഫ്രണ്ട്‌എൻഡിൽ തന്നെ എഡിറ്റ് ചെയ്യാൻ സാധിക്കും!

നിങ്ങളുടെ ഉള്ളടക്കം ഷോർട്ട്‌കോഡുകൾക്കുള്ളിൽ മറ്റ് ഷോർട്ട്‌കോഡുകൾ ഉള്ളവയാണെങ്കിൽ (ഉദാഹരണത്തിന് നിങ്ങൾ കോളം ഷോർട്ട്‌കോഡുകൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ), ആദ്യം ആ കോളം ഷോർട്ട്‌കോഡുകൾ മാറ്റി വൃത്തിയാക്കാൻ ഞങ്ങൾ നിർദ്ദേശിക്കുന്നു. Page Builder Sandwich-ൽ പൂർണ്ണമായും CSS അടിസ്ഥാനമാക്കിയുള്ള, ഷോർട്ട്‌കോഡുകൾ ഇല്ലാത്ത, റെസ്‌പോൺസീവ് ആയ കോളങ്ങൾ ലഭ്യമാണ്. അവ കൂടുതൽ വേഗതയേറിയതും മികച്ചതുമായതിനാൽ അവ ഉപയോഗിക്കുന്നതായിരിക്കും കൂടുതൽ നല്ലത്.

പ്രത്യേക പ്രാരംഭ കിഴിവ്

മുഴുവൻ വീതിയുള്ള വരികൾ (full-width rows), വിപുലമായ ടെക്സ്റ്റ്, ചിത്രം, വരി, കോളം ഫോർമാറ്റിംഗ് തുടങ്ങിയ കൂടുതൽ സവിശേഷതകൾ നിങ്ങൾക്ക് വേണമെങ്കിൽ, പ്രീമിയം പതിപ്പ് നിങ്ങൾക്കിഷ്ടപ്പെടും. ഒപ്പം നിങ്ങൾക്ക് പ്ലഗിൻ അപ്‌ഡേറ്റുകളും ഉപഭോക്തൃ പിന്തുണയും ലഭിക്കും.

For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu
ഒക്ടോബർ 2, 2026
മാർക്ക്ഡൗൺ ഇപ്പോൾ പിന്തുണയ്ക്കുന്നു, ഒപ്പം മികച്ച കുറച്ച് ഫോർമാറ്റിംഗ് ടൂളുകളും
പതിപ്പ് 2.4 മുതൽ മാർക്ക്ഡൗൺ ഉപയോഗിച്ച് നിങ്ങളുടെ ഫ്രണ്ട്‌എൻഡിൽ തന്നെ ഉള്ളടക്കം എഡിറ്റ് ചെയ്യാൻ കഴിയുമെന്ന് അറിയിക്കുന്നതിൽ എനിക്ക് സന്തോഷമുണ്ട്!

മാർക്ക്ഡൗൺ സിന്റാക്സ് പിന്തുണ

എന്താണ് മാർക്ക്ഡൗൺ? ഇത് അടിസ്ഥാനപരമായി കുറുക്കുവഴികൾ (shortcut keys) പോലെയാണ്, എന്നാൽ ബട്ടണുകളുടെ സംയോജനം അമർത്തുന്നതിന് പകരം, നിങ്ങൾ അവ ടൈപ്പ് ചെയ്യുന്നു, ഫോർമാറ്റിംഗ് ഉടൻ തന്നെ പ്രയോഗിക്കപ്പെടുന്നു. വേർഡ്പ്രസ്സും അടുത്തിടെ മാർക്ക്ഡൗൺ പിന്തുണ ചേർത്തിട്ടുണ്ട്, ഇപ്പോൾ നിങ്ങൾക്ക് പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിലും ഇവ ചെയ്യാൻ കഴിയും. മാർക്ക്ഡൗൺ ഉപയോഗിച്ച് നിങ്ങൾക്ക് വ്യത്യസ്ത തലക്കെട്ടുകൾ, ബ്ലോക്ക്‌കോട്ടുകൾ, പ്രീഫോർമാറ്റ് ചെയ്ത ടെക്സ്റ്റ് അല്ലെങ്കിൽ കോഡ്, തിരശ്ചീന രേഖകൾ, ബുള്ളറ്റ് അല്ലെങ്കിൽ നമ്പർ ലിസ്റ്റുകൾ, ലിങ്കുകൾ എന്നിവ ചേർക്കാൻ കഴിയും.

ഫോർമാറ്റിംഗ് ബട്ടണുകളിൽ ക്ലിക്ക് ചെയ്യാൻ നിങ്ങളുടെ മൗസ് ഉപയോഗിക്കുന്നതിനുള്ള ഒരു ബദലായി ഇതിനെ കാണാം. ഉദാഹരണത്തിന്, ഒരു ബ്ലോഗ് പോസ്റ്റ് എഴുതുമ്പോൾ നിങ്ങൾക്ക് മറ്റൊരു തലക്കെട്ട് വേണമെന്ന് തോന്നിയാൽ, ഇപ്പോൾ നിങ്ങൾക്ക് രണ്ട് പൗണ്ട് ചിഹ്നങ്ങൾ (##) ടൈപ്പ് ചെയ്‌ത ശേഷം നിങ്ങളുടെ തലക്കെട്ട് നൽകാം. നിങ്ങൾ എന്റർ അമർത്തിയാലുടൻ ആ വരി മുഴുവൻ ഒരു <h2> ടാഗായി മാറും. ഇത് എത്ര മികച്ചതാണ് അല്ലേ?

പിന്തുണയ്‌ക്കുന്ന എല്ലാ മാർക്ക്ഡൗൺ സിന്റാക്‌സുകളുടെയും ഒരു ലിസ്റ്റ് ഞങ്ങളുടെ ഡോക്യുമെന്റേഷൻ പേജിൽ കണ്ടെത്താനാകും: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

ലൈവ് ഡെമോ

ചില മികച്ച ഫോർമാറ്റിംഗ് ടൂളുകളും ഫീച്ചറുകളും

ഇപ്പോൾ നിങ്ങൾക്ക് ഉപയോഗിക്കാനായി ചില പുതിയ ടൂളുകൾ ലഭ്യമാണെന്നതും എടുത്തുപറയേണ്ടതാണ്:
- ബട്ടൺ ടൂൾ – ഇപ്പോൾ നിങ്ങൾക്ക് ഷോർട്ട്‌കോഡ് ഇല്ലാത്ത ബട്ടണുകൾ നിർമ്മിക്കാം! മുമ്പ് നിങ്ങൾ ആങ്കർ ലിങ്കുകൾ നിർമ്മിക്കുന്നതിൽ മാത്രം പരിമിതപ്പെട്ടിരുന്നു, എന്നാൽ ഇനി അങ്ങനെയല്ല! ഇതിന്റെ മികച്ച സവിശേഷത, അനാവശ്യ പോപ്പ്അപ്പുകളിലൂടെ പോകാതെ തന്നെ നിങ്ങൾക്ക് ബട്ടൺ ലേബലും നിറങ്ങളും നേരിട്ട് എഡിറ്റ് ചെയ്യാം എന്നതാണ്.
- കോഡ് ടൂൾ – ഡെവലപ്പർമാർക്ക് സന്തോഷിക്കാം, ഇനി ഇൻലൈൻ ടെക്സ്റ്റിനെ നിങ്ങൾക്ക് code.
- ഹൊറിസോണ്ടൽ റൂൾ ടൂൾ – ഉള്ളടക്കം വേർതിരിക്കുന്നതിന് വളരെ മികച്ചതാണ്. ഇതിനായി ഒരു മാർക്ക്ഡൗൺ സിന്റാക്സും ഉണ്ട്, ഒരു വരിയിൽ ഒന്നോ അതിലധികമോ ഡാഷുകൾ ടൈപ്പ് ചെയ്താൽ മാത്രം മതി, അത് ഒരു തിരശ്ചീന രേഖയായി മാറും.
അവ കൂടാതെ, പുതിയ സൗകര്യപ്രദമായ ഫീച്ചറുകളുമുണ്ട്:
- നിങ്ങൾ ഒരു ലിങ്ക് പേസ്റ്റ് ചെയ്യുമ്പോഴെല്ലാം, അത് സ്വയമേവ ഒരു ആങ്കർ ടാഗായി മാറും (യൂട്യൂബ് വീഡിയോ പോലെ ഉൾപ്പെടുത്താൻ കഴിയുന്ന ഒരു URL അല്ലെങ്കിൽ, അത്തരം സാഹചര്യങ്ങളിൽ ഉള്ളടക്കം എംബഡ് ചെയ്യപ്പെടും).
- നിങ്ങളുടെ ഫൈൻഡറിൽ നിന്നോ എക്സ്പ്ലോററിൽ നിന്നോ ഒരു ചിത്രം വിൻഡോയിലേക്ക് നേരിട്ട് ഡ്രാഗ് ചെയ്യുന്നത് മീഡിയ മാനേജറിലേക്ക് നിങ്ങളുടെ ചിത്രം അപ്‌ലോഡ് ചെയ്യുന്നു. ഇത് വളരെയധികം സമയം ലാഭിക്കാൻ സഹായിക്കുന്നു.
ഒക്ടോബർ 2, 2026
പതിപ്പ് 2.2 പുരോഗതി വിവരങ്ങൾ
കഴിഞ്ഞ ആഴ്ച ഞങ്ങൾ പതിപ്പ് 2.1 പുറത്തിറക്കി, ഇത് ധാരാളം ബഗുകൾ പരിഹരിക്കുകയും പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിലേക്ക് വേർഡ്പ്രസ്സ് ലിങ്ക് എഡിറ്റർ ഡയലോഗ് ചേർക്കുകയും ചെയ്തു.

ഇപ്പോൾ ഞങ്ങൾ പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിൽ ഏറ്റവും കൂടുതൽ ആവശ്യപ്പെട്ട രണ്ട് പ്രധാന ഫീച്ചറുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്:
1. കൂടുതൽ കാര്യക്ഷമവും വൃത്തിയുള്ളതും ലളിതവുമായ പുനർരൂപകൽപ്പന ചെയ്ത യൂസർ ഇന്റർഫേസ്.
2. എലമെന്റുകൾ, വരികൾ, നിരകൾ എന്നിവയ്ക്കായി കസ്റ്റം CSS ക്ലാസുകളും ID-കളും ചേർക്കാനും/എഡിറ്റ് ചെയ്യാനുമുള്ള സൗകര്യം.
പഴയ ഇന്റർഫേസ് ഒന്നിലധികം ബട്ടണുകളുടെ കൂട്ടം പോലെയായിരുന്നു. സാങ്കേതികമായി, ഇത് ലളിതമാണ്, കാരണം ബട്ടണുകൾ ഉണ്ട്, നിങ്ങൾ അവയിൽ ക്ലിക്ക് ചെയ്താൽ മാത്രം മതി. എന്നാൽ യഥാർത്ഥത്തിൽ, ഇത് ലളിതമായി തോന്നിപ്പിച്ചിരുന്നില്ല, മാത്രമല്ല പുതിയ ഉപയോക്താക്കൾക്ക് അൽപ്പം ഭയം ഉളവാക്കുന്നതുമായിരുന്നു (ഇത് ചൂണ്ടിക്കാണിച്ചതിന് ഞങ്ങളുടെ പിന്തുണക്കാർക്ക് നന്ദി). അതിനാൽ ഇപ്പോൾ വ്യത്യസ്ത ടൂളുകൾ സമാനമായ ടൂളുകളായി ഗ്രൂപ്പ് ചെയ്തിട്ടുണ്ട്: ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്, വരികളും നിരകളും മുതലായവ. കാര്യങ്ങൾ കൂടുതൽ എളുപ്പമാക്കുന്നതിനായി, തുടക്കത്തിൽ ഏറ്റവും അടിസ്ഥാനപരമായ ബട്ടണുകൾ മാത്രമേ കാണിക്കൂ. കൂടുതൽ “വിപുലമായ” ടൂളുകൾ കാഴ്‌ചയിലേക്ക് ടോഗിൾ ചെയ്യാൻ കഴിയും. പുതിയ ഉപയോക്താക്കൾക്ക് പ്രധാന ലേഔട്ട് മാത്രം പരിചയപ്പെടുത്തിക്കൊണ്ട് എല്ലാം എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് വേഗത്തിൽ മനസ്സിലാക്കാൻ അനുവദിക്കുന്നതിനാണ് ഇത്, തുടർന്ന് അവർക്ക് സൗകര്യപ്രദമായി തോന്നുമ്പോൾ ബാക്കി ടൂളുകൾ കാണാനാകും.

ഓരോ എലമെന്റിനും കസ്റ്റം ക്ലാസുകളും ID-കളും എഡിറ്റ് ചെയ്യാൻ അനുവദിക്കുന്നതിനെക്കുറിച്ച് എത്രയധികം ആവശ്യങ്ങൾ ഉണ്ടെന്ന് കണ്ടപ്പോൾ ഞാൻ ആശ്ചര്യപ്പെട്ടു. വ്യക്തിപരമായി, ഞാൻ പേജ് ബിൽഡറുകൾ ഉപയോഗിക്കുമ്പോൾ ആ ടൂളുകൾ അപൂർവ്വമായേ ഉപയോഗിക്കാറുള്ളൂ, പക്ഷേ അത് എന്റെ കാര്യം മാത്രമാണ്. കസ്റ്റം ക്ലാസുകളും ID-കളും ചേർക്കുന്നതിലെ വെല്ലുവിളി, കാര്യങ്ങൾ എല്ലായ്‌പ്പോഴും കഴിയുന്നത്ര ലളിതവും സ്വാഭാവികവുമായിരിക്കണം എന്ന പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിന്റെ തത്വം അത് നിലനിർത്തണം എന്നതാണ്. അതിനാൽ പതിപ്പ് 2.2 ഉപയോഗിച്ച്, നിങ്ങളുടെ പേജിലെ ഏതെങ്കിലും എലമെന്റ് തിരഞ്ഞെടുക്കുമ്പോൾ, ഇൻസ്പെക്ടറിൽ നിങ്ങൾക്ക് ഒരു പ്രോപ്പർട്ടീസ് ഏരിയ കാണാൻ കഴിയും, അവിടെ നിങ്ങൾക്ക് നിങ്ങളുടെ കസ്റ്റം CSS ക്ലാസുകളും ID-കളും ചേർക്കാനോ പരിഷ്ക്കരിക്കാനോ കഴിയും. ഇത് വരികൾക്കും നിരകൾക്കും പ്രവർത്തിക്കുന്നു, അതിനാൽ നിങ്ങൾക്ക് ആവശ്യമുള്ളതിലേക്ക് അവ പൂർണ്ണമായും ക്രമീകരിക്കാൻ കഴിയും.

പേജ് ബിൽഡർ സാൻഡ്‌വിച്ചിന്റെ വികസനത്തെ പിന്തുണച്ചതിന് എല്ലാവർക്കും നന്ദി! ഭാവിയിലെ കൂടുതൽ അപ്‌ഡേറ്റുകൾക്കായി കാത്തിരിക്കുക
ഒക്ടോബർ 2, 2026
വീഡിയോ, ഓഡിയോ, മറ്റ് ഉള്ളടക്കങ്ങൾ എന്നിവ ഉൾച്ചേർക്കുന്നത് ഇപ്പോൾ പിന്തുണയ്ക്കുന്നു
എല്ലാവർക്കും പുതുവത്സരാശംസകൾ!

പതിപ്പ് 2.3 മുതൽ പേജ് ബിൽഡർ സാൻഡ്‌വിച്ച് ഉപയോഗിച്ച് oEmbeds സാധ്യമാണ് എന്ന് നിങ്ങളുമായി പങ്കിടുന്നതിൽ എനിക്ക് അതിയായ സന്തോഷമുണ്ട്! ഇപ്പോൾ നിങ്ങൾക്ക് YouTube, Vimeo, Twitter, Flickr, Instagram മുതലായവയിൽ നിന്നുള്ള വീഡിയോകൾ, ചിത്രങ്ങൾ, ത്രെഡുകൾ, കൂടാതെ മറ്റ് നിരവധി ഉള്ളടക്കങ്ങൾ ഉൾപ്പെടുത്താനാകും (embed ചെയ്യാം).

oEmbeds

ഇതുവരെ ഫ്രണ്ട് എൻഡിൽ വീഡിയോകളോ മറ്റ് തരത്തിലുള്ള എംബെഡബിൾ ഉള്ളടക്കങ്ങളോ (ഷോർട്ട്കോഡുകൾ ഒഴികെ) ചേർക്കാൻ ഒരു വഴിയുമില്ലായിരുന്നു. ഇപ്പോൾ oEmbeds പൂർണ്ണമായും പിന്തുണയ്ക്കുന്നു എന്ന് സന്തോഷത്തോടെ അറിയിക്കുന്നു. എവിടെയെങ്കിലും ഒരു oEmbed URL പേസ്റ്റ് ചെയ്‌ത് എന്റർ അമർത്തുക, അത് എംബെഡ് ചെയ്യപ്പെടും.

ഒരു വരിയിൽ URL ഒട്ടിക്കുന്നത് അവയെ ഒരു എംബെഡ് ചെയ്ത ഉള്ളടക്കമാക്കി മാറ്റുന്നു.

ഏതൊക്കെ URL-കളാണ് പിന്തുണയ്ക്കുന്നത്? വേർഡ്പ്രസ്സ് പിന്തുണയ്ക്കുന്ന ഏതൊരു എംബെഡ് URL-കളും! കൂടാതെ, oEmbed പ്രൊവൈഡർമാരെ ചേർക്കുന്ന ഒരു പ്ലഗിൻ നിങ്ങളുടെ പക്കലുണ്ടെങ്കിൽ (ഉദാ. Jetpack by WordPress.com), അവയും പിന്തുണയ്ക്കപ്പെടും.

ഈ പുതിയ ഫീച്ചറിന്റെ ഏറ്റവും മികച്ച ഭാഗം എന്തെന്നാൽ, എംബെഡ് ചെയ്യുന്നത് നിങ്ങളുടെ ഉള്ളടക്കത്തെ അലങ്കോലപ്പെടുത്തില്ല എന്നതാണ്. ബാക്ക് എൻഡ് എഡിറ്ററിൽ എംബെഡ് ചെയ്ത URL-കൾ ഒരൊറ്റ വരി URL സ്ട്രിംഗായി ദൃശ്യമാകും.

നിങ്ങൾക്ക് ഇത് പരീക്ഷിക്കാൻ താൽപ്പര്യമുണ്ടെങ്കിൽ, മുകളിലുള്ള ലൈവ് ഡെമോ ലിങ്കിൽ ക്ലിക്കുചെയ്ത് അവിടെ ചില URL-കൾ ഒട്ടിക്കുക!

മറ്റ് മെച്ചപ്പെടുത്തലുകളും ബഗ് പരിഹാരങ്ങളും
- കണ്ടന്റ് ടൈപ്പ് ടൂൾ ബട്ടണുകൾ (p, h2, h3 മുതലായവ) ഇപ്പോൾ തിരഞ്ഞെടുത്തിരിക്കുന്നതിനെ ആശ്രയിച്ച് ഹൈലൈറ്റ് ചെയ്യപ്പെടും.
- ലൈൻ ഹൈറ്റ് ഇപ്പോൾ ചെറിയ span ഘടകങ്ങൾക്ക് പകരമായി മുഴുവൻ എലമെന്റിനും ബാധകമാകും.
- പരിഹരിച്ചത്: എലമെന്റുകൾക്ക് ചിലപ്പോൾ അനാവശ്യമായ ഇൻലൈൻ ശൈലികൾ (inline styles) ലഭിക്കുന്നു
- പരിഹരിച്ചത്: ഇൻസ്പെക്ടർ അഡ്മിൻ ബാറിന് പിന്നിലേക്ക് പോവുകയും ഡ്രാഗ് ചെയ്യാൻ കഴിയാതെ വരികയും ചെയ്യുന്നു
- പരിഹരിച്ചത്: ബട്ടൺ അവസ്ഥകൾ മികച്ച രീതിയിൽ കൈകാര്യം ചെയ്യുന്നു
- പരിഹരിച്ചത്: ഫോർമാറ്റിംഗ്/അൺഫോർമാറ്റിംഗ് ചെയ്യുന്നത് ലിങ്ക് ചെയ്‌ത ടെക്‌സ്‌റ്റിനെ നീക്കം ചെയ്യുന്നു
- പരിഹരിച്ചത്: strong, em, i, b ടാഗുകൾ അടങ്ങിയിരിക്കുന്ന ഉള്ളടക്കം ഫോർമാറ്റ് ചെയ്യാൻ കഴിയുന്നില്ല
- പരിഹരിച്ചത്: കോളങ്ങൾക്കും ടേബിളുകൾക്കും ഉള്ളിൽ ചില ഫോർമാറ്റിംഗ് ടൂളുകൾ ഉപയോഗിക്കാൻ കഴിയില്ല
ഒക്ടോബർ 2, 2026
നിങ്ങളുടെ സൈറ്റിൽ വീഡിയോകൾ, ചിത്രങ്ങൾ, ട്വീറ്റുകൾ, മറ്റ് ഉള്ളടക്കങ്ങൾ എന്നിവ എങ്ങനെ ചേർക്കാം & ഉൾച്ചേർക്കാം
There may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

പെർമാലിങ്കുകൾ പല രൂപങ്ങളിലും ഭാവങ്ങളിലും വരാറുണ്ട്, എങ്കിലും സാധാരണയായി താഴെ കാണുന്നതുപോലെയായിരിക്കും. ഇത് YouTube-ൽ നിന്നുള്ള ഒന്നാണ്:
```
https://www.youtube.com/watch?v=dQw4w9WgXcQ
```
ഉള്ളടക്കം ഉൾച്ചേർക്കാൻ (embed) നിങ്ങൾക്ക് ഈ URL-കൾ ഉള്ളടക്ക എഡിറ്ററിൽ ഒട്ടിക്കാവുന്നതാണ് (paste). ഇത് ഉൾച്ചേർക്കാൻ കഴിയുന്നതാണെങ്കിൽ, ആ URL യഥാർത്ഥ വീഡിയോ അല്ലെങ്കിൽ ഉള്ളടക്കമായി മാറുന്നത് കാണാം. അങ്ങനെ സംഭവിച്ചില്ലെങ്കിൽ, ആ സൈറ്റിൽ നിന്നുള്ള ഉള്ളടക്കം ചേർക്കാൻ നിങ്ങൾക്ക് കഴിയില്ല എന്നാണ് അതിന്റെ അർത്ഥം.

എന്റെ സൈറ്റിൽ എനിക്ക് ഏതൊക്കെ സൈറ്റുകൾ ഉൾച്ചേർക്കാൻ കഴിയും?

Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

പ്ലഗിനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുന്നത് വഴി കൂടുതൽ ഉൾച്ചേർക്കാവുന്ന സൈറ്റുകൾ ചേർക്കാൻ കഴിയും

If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

ഉള്ളടക്കം ചേർക്കാനുള്ള മറ്റൊരു വഴി – Iframe ഉൾച്ചേർക്കൽ കോഡുകൾ

URL മാത്രം ഒട്ടിക്കുന്നത് പ്രവർത്തിക്കുന്നില്ലെങ്കിൽ, ഉള്ളടക്കം ഉൾച്ചേർക്കാൻ മറ്റൊരു വഴി കൂടിയുണ്ട്. നിങ്ങൾ ഉൾപ്പെടുത്താൻ ആഗ്രഹിക്കുന്ന സൈറ്റിന്റെ ഷെയറിംഗ് ഓപ്ഷനുകൾ പരിശോധിക്കുക, പെർമാലിങ്കിന് പുറമെ നിങ്ങൾക്ക് ഒരു ചെറിയ “embed code” കൂടി ലഭിച്ചേക്കാം. ഉൾച്ചേർക്കൽ കോഡുകൾ ഇതുപോലെ കാണപ്പെടുന്നു:
```
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
```
Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

മറ്റ് സൈറ്റുകളിൽ നിന്നുള്ള ഉള്ളടക്കം ഫ്രണ്ട്എൻഡിൽ നിന്ന് ചേർക്കാൻ Page Builder Sandwich ഉപയോഗിക്കുക

While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

ഫ്രണ്ട്എൻഡിൽ നിന്ന് തന്നെ നിങ്ങളുടെ സൈറ്റ് പൂർണ്ണമായി എഡിറ്റ് ചെയ്യാൻ അനുവദിച്ചുകൊണ്ട് Page Builder Sandwich കാര്യങ്ങൾ എളുപ്പമാക്കുന്നു. നിങ്ങൾ Page Builder Sandwich ഉപയോഗിക്കുമ്പോൾ, നിങ്ങളുടെ സൈറ്റിലെ ഉള്ളടക്കം എളുപ്പത്തിൽ എഴുതാനും എഡിറ്റ് ചെയ്യാനും സാധിക്കും. മറ്റ് സൈറ്റുകളിൽ നിന്നുള്ള ഉള്ളടക്കം ഉൾച്ചേർക്കുന്നതും വളരെ എളുപ്പമാണ്.

Page Builder Sandwich ഉപയോഗിച്ച്, പെർമാലിങ്കോ iframe ഉൾച്ചേർക്കൽ കോഡോ നിങ്ങളുടെ സൈറ്റിന്റെ ഫ്രണ്ടിൽ എവിടെയെങ്കിലും ഒട്ടിച്ചാൽ മതി, അത് ഉടനടി ഉൾച്ചേർത്ത ഉള്ളടക്കമായി മാറും. ഇനി വിവരങ്ങൾ ഏത് ടാബിലാണ് ഒട്ടിക്കേണ്ടതെന്ന് അന്വേഷിക്കേണ്ടതില്ല.

പേജ് ബിൽഡർ സാൻഡ്‌വിച്ച് ഇപ്പോൾ തന്നെ നേടൂ.
ഒക്ടോബർ 2, 2026