ব্লগ

  • Page Builder Sandwich-এ কীভাবে কাস্টম শর্টকোড যোগ করবেন

    Page Builder Sandwich-এ কীভাবে কাস্টম শর্টকোড যোগ করবেন

    From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

    শর্টকোডগুলি আপনাকে আপনার ওয়েবসাইটে বিভিন্ন জিনিস (যেমন উইজেট) যুক্ত করার সুবিধা দেয়, যেখানে ডেভেলপারদের মতো কোডের বিশাল অংশ যুক্ত করার প্রয়োজন হয় না।

    উদাহরণস্বরূপ, দৈর্ঘ্যের দিক থেকে একটি সাধারণ কোডের অংশ দেখতে সম্ভবত এরকম হবে:

    <html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    
    Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.
    
    Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.
    
    Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.
    
    Nullam sodales eleifend massa, in bibendum purus fermentum id.
    
    Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.
    
    </html>​

    এই উদাহরণের জন্য ধরে নেওয়া যাক যে উপরের কোডের অংশটি আপনাকে লরেম ইপসাম (Lorem Ipsum) প্লেসহোল্ডার টেক্সটের একটি সম্পূর্ণ অনুচ্ছেদ যোগ করতে দেবে।

    Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

    [lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

    You can see how they’re miles different from each other in terms of length.

    এখন কল্পনা করুন যে দুটি কোডই– মূল, দীর্ঘ কোডটি বনাম শুধুমাত্র “lorem” শব্দযুক্ত শর্টকোডটি, উভয়ই ঠিক একই কাজ করবে: লরেম ইপসাম টেক্সট যোগ করা।

    This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

    Where can I find shortcodes?

    যদি আপনার কোনো প্রিয় প্লাগইন বা উইজেট থাকে, তবে সম্ভবত আপনার ব্যবহারের জন্য সেগুলোতে একটি শর্টকোড উপলব্ধ রয়েছে।

    Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

    Adding Custom Shortcodes on PBS

    Page Builder Sandwich-এ, আপনি কেবল আপনার কন্টেন্ট এরিয়াতে টাইপ করে বা কপি-পেস্ট করে সরাসরি আপনার পৃষ্ঠায় শর্টকোড যুক্ত করতে পারেন।

    Page Builder Sandwich ডেমো পৃষ্ঠায় একটি কন্টেন্ট বক্স যুক্ত করে আমরা নিচে Shortcodes Ultimate-এর একটি শর্টকোডের মাধ্যমে এটি করেছি:

    Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

    Shortcode Mapping সম্পর্কিত আমাদের আগের একটি নিবন্ধ অনুসারে, সংজ্ঞাটি নিম্নরূপ:

    Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    এর একটি অর্থ হলো আপনাকে আর ম্যানুয়ালি সংশ্লিষ্ট ডকুমেন্টেশন বা রিপোজিটরিতে আপনার শর্টকোডগুলো খুঁজে বের করতে হবে না।

    যতক্ষণ আপনার ওয়ার্ডপ্রেস সাইটে শর্টকোড অন্তর্ভুক্ত প্লাগইনটি ইনস্টল করা থাকবে, ততক্ষণ Page Builder Sandwich-এ এটি আপনার ব্যবহারের জন্য সহজেই উপলব্ধ থাকবে।

    So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

    And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

    Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

    You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

    তাই আপনি যদি কাস্টম শর্টকোড বা নিজের তৈরি করা শর্টকোড যুক্ত করতে চান, তবে তা করতে পারেন, যদি সেগুলো আপনার ওয়ার্ডপ্রেস সাইটে ইনস্টল করা থাকে।

    Here are some other helpful plugins that you can use to create your own custom shortcodes:

  • ২০১৭ সালের এই ব্ল্যাক ফ্রাইডে ডিলগুলো দিয়ে তৈরি করুন একটি দুর্দান্ত ওয়ার্ডপ্রেস সাইট

    Create WordPress Website With Black Friday Sale 2017 Deals Black Friday and Cyber Monday are coming in a couple of days (5 to be exact), but you’ll find that a bunch of websites have already started announcing their discount deals every which way. WordPress tools and plugins are definitely no exception.

    তাই এখনও (তুলনামূলকভাবে) সময় থাকতে থাকতে, আমরা ওয়ার্ডপ্রেস ব্ল্যাক ফ্রাইডে ২০১৭-এর জন্য সেরা ডিলগুলোর একটি তালিকা তৈরি করেছি, যাতে রয়েছে আপনার বাজেটের মধ্যেই একটি ওয়ার্ডপ্রেস সাইট তৈরি করার জন্য প্রয়োজনীয় অনুষঙ্গগুলো।

    আর কোনো ভূমিকা না করে, এখানে ৫টি আকর্ষণীয় ছাড়ের টুল এবং প্লাগইন তুলে ধরা হলো যা আপনার প্রথম প্রাথমিক ওয়ার্ডপ্রেস ওয়েবসাইট তৈরির জন্য প্রয়োজন হবে।

    Cloudways

    Cloudways is a managed cloud hosting platform that’s quick to start, easy to manage, and made to scale. It’s feature-rich, plus it lets you choose your server resources, allowing you to get your site up and running within minutes.

    Enter the coupon code HOLIDAY25 upon checkout to get a 25% discount on Cloudways for 3 months, valid until 28th November 2017.

    Cloudways থেকে আপনার কুপন নিন

    Yoast SEO

    Yoast SEO is one of the most popular (if not most trusted) search optimization plugin for WordPress, and for good reason too. With over 7 million installs, it’s probably the most comprehensive SEO tool in the digital market, and their millions of users (ourselves included) can attest: you simply can’t go wrong with a plugin as functional as Yoast.

    While they haven’t announced this year’s Black Friday coupons yet, they’ve made an announcement in one of their articles that they’ll definitely having a sale on November 24 and 25.

    এখনই Yoast SEO দেখুন!

    WP Rocket Cache

    WP Rocket offers a good range of caching functions, giving your site the performance boost that it needs. It’s a breeze to configure as well, so it’s great for beginners as it only requires minimal effort for setup.

    This year, they’re having their biggest sale yet: 35% off on ALL their licenses.

    WP Rocket কুপন পান

    Theme Discounts from WeDevs.com

    WeDevs হলো চমৎকার সব ওয়ার্ডপ্রেস প্লাগইন ও এক্সটেনশনের একটি সংগ্রহ। তাদের বেশ শক্তিশালী একটি কমিউনিটি রয়েছে এবং তারা ২০০৮ সাল থেকে কাজ করে আসছে। ব্ল্যাক ফ্রাইডে ২০১৭ (এবং এই বছরের পরবর্তী ছুটির দিনগুলোর) জন্য তারা ওয়ার্ডপ্রেস হলিডে ডিলসের একটি তালিকা তৈরি করেছে, যার মধ্যে রয়েছে অসাধারণ ডব্লিউপি থিমের জন্য প্রচুর ডিসকাউন্ট ও কুপন।

    থিম কুপন পান

    BONUS RESOURCE: First Site Guide

    First Site Guide is a resource site and tool that contains easily accessible knowledge on how to create your first website, both on WordPress and off of it. It also has great infographics that guide you through the basics of blogging, design, and marketing as well. And best of all, you get this good share of site-building knowledge for free.

    আমরা শীঘ্রই ফার্স্ট সাইট গাইডের দারুণ সব রিসোর্সসহ ল্যান্ডিং পেজ তৈরির নির্দেশিকা সংক্রান্ত একটি নিবন্ধ প্রকাশ করব, তাই আগামী সপ্তাহগুলোতে সেটির জন্য নজর রাখুন!

    First Site Guide-এ যান

    (And last but not least) Page Builder Sandwich!

    We definitely don’t want to miss out on all the fun. So this 2017, we’re giving you guys 33%-off on any license. Just use the promo code CYBERMONDAY33 upon checkout to start building your site today!

    Premium Single Site

    $39 $26.79

    এখনই কিনুন

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    এখনই কিনুন

    Apply CYBERMONDAY33 upon checkout to save $29.70

    So what are you waiting for? Grab these kick-ass WordPress deals now. After all, Black Friday only happens once a year. ?

  • Page Builder Sandwich ব্যবহার করে কীভাবে ইমেইল মার্কেটিং কাজে লাগাবেন

    Page Builder Sandwich ব্যবহার করে কীভাবে ইমেইল মার্কেটিং কাজে লাগাবেন

    হ্যাঁ, আপনি পারবেন।

    The more important question, though, is how and why do you need to do it?

    My business is small. Can’t I just wing it?

    Email marketing has an average ROI of 3,800 percent. For every dollar invested, the average return is $38, according to Salesforce.

    In other words, it’s definitely something worth investing your time in.

    Because while there are tons of ways to market your products and capture leads– you can still try to make use of the less-popular cold call, for example– the most sure-fire way to connect and communicate with your target audience in the 21st century is through e-mail marketing.

    So if you’re running a business –any kind of business, whether small, big, online or otherwise– digital and e-mail marketing is an absolute must.

    Aside from cutting on costs (e-mail is free, after all), businesses rely on it not just because it’s been proven to be successful, but also because it yields results that are both measurable and flexible; you can track your audience’s responses to your e-mails, for example, or note how many clicks and opens your e-mail marketing campaigns get.

    How you can do it with Page Builder Sandwich

    There are lots of available software you can use to help you market your products and content digitally, like Hubspot’s E-mail Marketing Software, or Mailchimp, which gives you a management system that helps you create, organize, and analyze your newsletters.

    But did you know that using Sandwich, you can actually integrate some of the popular software mentioned via the Newsletter Element?

    The Newsletter Element (and how it works)

    You can find the Newsletter Element by hovering over to the Elements Inspector over to the left side of the screen, and selecting Newsletter from the bottom area.

    Using the Properties Inspector, you can also choose which newsletter integration you’d like to use with the Newsletter Element. For this exmple, we’re going to use MailChimp (highlighted in blue in the dropdown below).

    And, using the Input Field button, you can try to play around with the Newsletter Element’s settings as well, so you can change colors, customize success message options, and other settings, like so:

    By trying your hand at the different available settings for the Newsletter Element’s options, you can end up with something like this:

    Plus, with the help of our Pre-Designed Sections and other design tips, you can actually do a whole lot more.

    Other useful resources for e-mail marketing beginners

    • 11 Types of Marketing E-mails That Actually Generate a Response

    Conclusion

    While other noteworthy marketing trends still exist today, one thing’s for sure: E-mail marketing is definitely here to stay, and it’s important that you utilize it when you can. Who knows? Through e-mail marketing, your business could just get that big break it’s been looking for.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview
  • Frontly API: Frontly Builder-কে আরও ডেভেলপার-বান্ধব করে তোলা

    ডেভেলপারদের জন্য দারুণ সুখবর: Frontly-এর আসন্ন রিলিজে আমরা অবশেষে Frontly API উন্মোচন করতে যাচ্ছি।

    এটি বর্তমানে এখনও নির্মাণাধীন রয়েছে, তবে আপনি অবশেষে Frontly-এর জন্য অ্যাডঅন এবং এক্সটেনশন তৈরি করতে সক্ষম হবেন। অবশ্যই, আরও মসৃণ ও কার্যকরী অভিজ্ঞতার জন্য আমরা এর সাথে একটি API ডকুমেন্টেশনও প্রকাশ করব।

    আপনারা চমৎকার কী কী জিনিস তৈরি করতে যাচ্ছেন তা দেখার জন্য আমরা আর অপেক্ষা করতে পারছি না।

    Here’s a short list of some of the APIs we have so far:

    1. Text Formatting Bar API

    Text Formatting Bar API-এর মাধ্যমে ডেভেলপাররা Frontly-এর টেক্সট ফরম্যাটিং বারের কার্যকারিতা প্রসারিত করতে পারবেন। এর মাধ্যমে আপনি টেক্সট ফরম্যাটিং বারে নতুন বোতাম/অপশন যোগ করতে পারবেন।

    2. Add Element API

    এই API আপনাকে নতুন এলিমেন্ট তৈরি করার সুযোগ দেবে এবং কন্টেন্ট এডিটরের বাম পাশে থাকা Elements বিভাগে বিদ্যমান তালিকার সাথে সেগুলি যুক্ত করবে।

    3. Inspector API

    Inspector API আপনাকে প্রতিটি এলিমেন্টের Properties Inspector-এ সেটিংস তৈরি, যোগ বা অপসারণ করতে দেবে।

    4. Text API

    Text API আপনাকে টেক্সট শৈলীতে পরিবর্তন করার অনুমতি দেবে, বিশেষ করে টেক্সট ফরম্যাট পরিবর্তন করার, টেক্সটের ব্যাকগ্রাউন্ডের রঙ পরিবর্তন করার এবং আরও অনেক কিছুর সুবিধা দেবে।

    Developers! It’d be great if you could send over some suggestions

    These are just some of the basic APIs we have in store for you. We’re in the middle of creating more, but if you have any other ideas of APIs we can add to our console, just leave a comment below, or hit us up at [email protected]. We might just feature your suggestions in the upcoming Frontly release ?

  • Frontly রিব্র্যান্ড আপডেট #১: অনুচ্ছেদ কপি-পেস্ট করা

    Over our past blog posts, we mentioned that PBS will be rebranding as Frontly, and that we’ll be changing and improving a lot of aspects for the better. One of these aspects is being able to use Frontly to experience a smoother, more intuitive page building experience that’s even better than PBS.

    তাই আমরা যখন আপনাদের জন্য Frontly-কে একদম নিখুঁত করে তুলছি, তখন আমরা কয়েকটি ধারাবাহিক পোস্ট প্রকাশের সিদ্ধান্ত নিয়েছি যাতে Frontly বাজারে আসার পর আপনারা ঠিক কী পেতে চলেছেন তা স্পষ্টভাবে জানতে পারেন।

    Copy-paste blocks of text on Frontly

    আমরা PBS এমনভাবে ডিজাইন করেছি যাতে আপনার প্রতিটি অনুচ্ছেদ একটি আলাদা উপাদান হয়। দীর্ঘ লেখা কপি-পেস্ট করলে নির্বাচনটি আলাদা টেক্সটব্লকে বিভক্ত হয়ে যায়।

    What do we mean by this? Here’s an example to illustrate.

    PBS-এর বর্তমান সংস্করণে (যেটি আপনি এখন ব্যবহার করছেন), একাধিক লাইন কপি-পেস্ট করলে তা একাধিক টেক্সট উপাদানে বিভক্ত হয়ে যায়, যার ফলে লেখার বিভিন্ন অংশ এদিক-ওদিক সরানো আরও কঠিন হয়ে পড়ে। এটি লেখা সম্পাদনা করা কঠিন করে তোলে।

    তাই আমি যে লেখাটি মাত্র কপি-পেস্ট করেছি তা যদি অন্য একটি কলামে সরাতে চাইতাম, তবে তা আরও কঠিন হতো কারণ আমাকে লাইনগুলো একে একে টেনে নিয়ে যেতে হতো।

    This is something we’re definitely addressing with Frontly.

    This is a small test page Benjamin made for Frontly. Here, you’ll see that we copy-pasted the same paragraph we tried to copy-paste on PBS. Only this time, everything is retained in a single area that you can drag around and place wherever you want to.

    এর মানে হলো আপনি আরও স্বাচ্ছন্দ্যে টেক্সট যোগ ও সম্পাদনা করতে পারবেন, যা আপনাকে কোনো ঝামেলা ছাড়াই টাইপ করার (এবং পেজ তৈরি করার) অভিজ্ঞতা দেবে।

    Retain full text formatting with Frontly

    Frontly-তে আপনাদের দিয়ে পরীক্ষা করানোর জন্য আমরা আরেকটি বিষয় নিয়ে দারুণ রোমাঞ্চিত, তা হলো কীভাবে সব ফরম্যাটিং অপরিবর্তিত থাকে – বুলেট পয়েন্ট এবং এমনকি ইমোজি সহ সমস্ত শিরোনাম বজায় থাকে।

    Copy-pasting with PBS vs copy-pasting with Frontly

    Frontly-তে (ডানদিকে), আপনি দেখতে পাবেন যে মূল উৎস থেকে সমস্ত টেক্সট ফরম্যাটিং বজায় রাখা হয়েছে। বোল্ড, ইটালিক, আন্ডারলাইন করা বা আলাদা হেডিং সাইজ হিসেবে এডিট করা সবকিছুই Frontly এরিয়াতে পেস্ট করার সময় অক্ষত থাকে (PBS-এর তুলনায়, যেখানে কেবল ইমোজিগুলো বজায় ছিল)।

    What else do we have in store for you?

    আমরা আগেই বলেছি, Frontly কীভাবে PBS-এর চেয়ে বহুগুণ এগিয়ে থাকবে সে সম্পর্কিত ধারাবাহিক পোস্টের এটি কেবল প্রথমটি। আমরা আপনাদের অন্য সব জিনিস দেখানোর জন্য আর অপেক্ষা করতে পারছি না, তাই আমাদের পরবর্তী ব্লগ পোস্টের জন্য সাথেই থাকুন!

    পরামর্শ বা মন্তব্য আছে? আমাদের সাথে যোগাযোগ করুন এবং নিচে একটি মন্তব্য দিন!

  • পেজ বিল্ডার স্যান্ডউইচ কীভাবে অন্যদের চেয়ে আলাদা

    How-Page-Builder-Sandwich-Is-Different-from-the-Restসেখানে বহু পেজ বিল্ডার রয়েছে, এবং আপনি হয়তো নিজেকে জিজ্ঞেস করছেন: Page Builder Sandwich-এ বিশেষ কী আছে? আপনার হাতে ইতিমধ্যে একটি থাকলে এটি ব্যবহার করার ঝামেলা কেনই বা নেবেন?

    এই নিবন্ধে, আমি Page Builder Sandwich-এর কয়েকটি মূল বৈশিষ্ট্যের তালিকা তুলে ধরব যা এটিকে অনন্য করে তোলে এবং বিষয়বস্তু নির্মাতা ও ডিজাইনার উভয়ের জন্যই অত্যন্ত প্রয়োজনীয় করে তোলে। আপনি যদি না জানেন যে পেজ বিল্ডার কী এবং কেন এটি আপনার প্রয়োজন, চিন্তা করবেন না, আমাদের এমন কিছু তথ্য রয়েছে যা আপনাকে সাহায্য করতে পারে।

    1. আপনি কেবল আপনার কনটেন্টের ভিজ্যুয়াল রূপই দেখতে পাবেন না, আপনি আপনার আসল কনটেন্ট দেখতে ও সম্পাদনা করতে পারবেন

    অন্যান্য পেজ বিল্ডারগুলোতে আপনি কেবল এমন অংশগুলো দেখতে পান যা আপনার কনটেন্টকে উপস্থাপন করে। আপনি মূলত ব্লক এবং আয়তাকার আকারের সাহায্যে আপনার কনটেন্টের লেআউট তৈরি করেন, এবং ফলাফলটি আপনার পেজে কনটেন্টগুলো শেষ পর্যন্ত দেখতে কেমন হবে তার একটি কাঠামোর মতো দেখায়। এর ফলে ফলাফল কেমন হবে তা দেখতে বারবার প্রিভিউ বাটনে ক্লিক করতে হয়।

    Page Builder Sandwich-এর মাধ্যমে, সমস্ত সম্পাদনা আপনার সাইটের ফ্রন্ট-এন্ডেই সম্পন্ন হয় এবং আপনি সরাসরি আপনার কনটেন্ট সম্পাদনা করেন সত্যিকার “হোয়াট-ইউ-সি-ইজ-হোয়াট-ইউ-গেট” অভিজ্ঞতার জন্য।

    2. বিরক্তিকর সব পপআপ ডায়ালগ ছাড়াই দ্রুত ও সহজে সরাসরি সম্পাদনা

    পপআপ পেজ বিল্ডারগুলোর একটি অবিচ্ছেদ্য অংশ হয়ে দাঁড়িয়েছে। বেশিরভাগ ক্ষেত্রে, আপনি যদি আপনার লেআউটে কিছু সম্পাদনা করতে চান—তা হেডিং, বাটন লেবেল বা কোনো ছোট ট্যাগলাইন টেক্সট যাই হোক না কেন—আপনাকে প্রথমে একটি পপআপ ডায়ালগ খোলার জন্য অপেক্ষা করতে হয় এবং এর ভেতরে পরিবর্তনগুলো করতে হয়।

    আমরা Page Builder Sandwich-এ পপআপের ব্যবহার সার্বিকভাবে হ্রাস করাকে আমাদের লক্ষ্য হিসেবে নির্ধারণ করেছি। পপআপ সরিয়ে ফেলার মাধ্যমে যেকোনো কনটেন্ট সম্পাদনা আগের চেয়ে সহজ ও সাবলীল করা হয়েছে।

    সম্পাদনার কাজ অত্যন্ত সরাসরি পদ্ধতিতে সম্পন্ন হয় – আপনার কার্সার রাখতে টেক্সটের উপর ক্লিক করুন এবং টাইপ করা শুরু করুন। সম্পাদনা শুরু করার জন্য আপনাকে আর TinyMCE এডিটর সংবলিত পপআপ ডায়ালগের জন্য অপেক্ষা করতে হবে না। এর সেরা অংশটি হলো, আপনি এখনও আপনার কনটেন্ট ড্র্যাগ অ্যান্ড ড্রপ করতে পারেন।

    ঝামেলামুক্ত সম্পাদনায় সাহায্যকারী আরেকটি উদ্ভাবন হলো সর্বদা উপস্থিত ইন্সপেক্টর। ইন্সপেক্টর আপনার টুলবক্স এবং প্রোপার্টিজ এডিটর হিসেবে কাজ করে। আপনার কনটেন্ট ফরম্যাট করার টুলগুলো: টেক্সটের রঙ, হেডিং, ফন্টের আকার সমন্বয়, মার্জিন, প্যাডিং, বর্ডার, ব্লককোট এবং আরও অনেক কিছু সহজেই একটি ক্লিকেই পাওয়া যায়।

    Reused functionality

    3. ওয়ার্ডপ্রেসের কার্যকারিতার পুনঃব্যবহার

    অন্যান্য পেজ বিল্ডারে আমরা আরেকটি বিষয় লক্ষ্য করেছি যে, তারা প্রায়শই নতুন করে চাকা আবিষ্কারের চেষ্টা করে। কেউ কেউ নিজস্ব কালার পিকার, ইমেজ আপলোডার, গ্যালারি ক্রিয়েটর এবং বিভিন্ন অন্যান্য টুল তৈরি করে। এতে নিজস্ব কোনো দোষ নেই, তবে ওয়ার্ডপ্রেস কোড স্নিপেটের এক বিশাল ভান্ডার, তাহলে সেগুলো কেন ব্যবহার করবেন না?

    ওয়ার্ডপ্রেস একটি বিশাল ও চমৎকার প্ল্যাটফর্ম এবং এতে অসংখ্য অসাধারণ অবদানকারীদের তৈরি অনেক দারুণ টুল রয়েছে। Page Builder Sandwich যথাসম্ভব সেই সমস্ত কার্যকারিতা ব্যবহার করে যা ইতিমধ্যে ওয়ার্ডপ্রেসের সাথেই আসে।

    আমাদের নিজস্ব কালার পিকার ব্যবহারের পরিবর্তে, আমরা Iris কালার পিকার ব্যবহার করি। নিজস্ব ইমেজ আপলোডারের পরিবর্তে, আমরা মিডিয়া ম্যানেজার ব্যবহার করি। এছাড়াও আরও কিছু চমৎকার স্ক্রিপ্ট হিসেবে backbonejs, underscorejs, wp.hooks এবং wp.shortcode-এর নাম বলা যায়। আমরা এগুলোর সবকটিই ব্যবহার করি, যা আমাদের কাজকে সহজ করেছে এবং এর ফলে কোডবেসও আরও স্থিতিশীল হয়েছে।

    ওয়ার্ডপ্রেসের কার্যকারিতা পুনঃব্যবহার করার ফলে দারুণ কিছু চমকও তৈরি হয়েছে। উদাহরণস্বরূপ, যেহেতু আমরা ছবি যুক্ত করার জন্য মিডিয়া ম্যানেজার ব্যবহার করেছি, তাই এটি একটি সুখকর চমক ছিল যে আমরা এখন তাৎক্ষণিকভাবে ওয়ার্ডপ্রেস গ্যালারি, ভিডিও এবং অডিও প্লেলিস্ট এবং রিমোট ইউআরএল-ও পরিচালনা করতে পারছি। আমরা ইমেজ এডিটিং করার জন্যও মিডিয়া ম্যানেজার ব্যবহার করতে পেরেছি, যা ঘণ্টার পর ঘণ্টা অপ্রয়োজনীয় ডেভেলপমেন্টের ঝামেলা দূর করেছে।

    4. কীবোর্ড নেভিগেশন এবং শর্টকাট

    অন্যান্য পেজ বিল্ডারে মাউস হলো আপনার বন্ধু। আপনি এটি দিয়ে জিনিসপত্র ড্র্যাগ অ্যান্ড ড্রপ করেন এবং সম্পাদনা করতে ডাবল ক্লিক করেন। কিন্তু কীবোর্ডকে প্রায়ই উপেক্ষা করা হয়।

    উদাহরণস্বরূপ, কিছু বিল্ডারে আপনি যেখানে সম্পাদনা করছেন তার এক অনুচ্ছেদ/সেকশন উপরের টেক্সট সহজে সম্পাদনা করতে পারেন না, কারণ আপনাকে একটি পপআপ ডায়ালগ থেকে বেরিয়ে এসে নতুন একটিতে ক্লিক করতে হবে। Page Builder Sandwich-এ আপনি আপনার কীবোর্ড দিয়ে নেভিগেট করতে পারবেন। কনটেন্টের মধ্যে চলাচলের জন্য অ্যারো কীগুলো চাপুন, অন্য কোনো সারি বা কলামের ভেতরে কনটেন্ট থাকলেও এটি কাজ করে।

    আরেকটি গুরুত্বপূর্ণ বৈশিষ্ট্য হলো আনডু (undo) এবং রিডু (redo) কীবোর্ড শর্টকাট। শুরুতে এগুলোকে খুব বড় কিছু মনে নাও হতে পারে, তবে এটি ভেবে দেখুন: আপনি যদি দুর্ঘটনাবশত আপনার কনটেন্ট ভুল কোনো স্থানে ড্র্যাগ অ্যান্ড ড্রপ করে ফেলেন তখন কী হবে? কিছু পেজ বিল্ডারে আপনাকে এটিকে আবার টেনে আগের অবস্থানে ফিরিয়ে নিতে হবে। Page Builder Sandwich-এ আনডু এবং রিডু উভয়ই কাজ করে। সুতরাং আপনি যা টাইপ করেছেন তা পরিবর্তন করতে চান, কিংবা আপনার ড্র্যাগ করা কনটেন্ট (বা একাধিক ড্র্যাগ করা কনটেন্ট) পূর্বাবস্থায় ফিরিয়ে আনতে চান, শুধু আনডু বা রিডু চাপুন। ড্র্যাগ অ্যান্ড ড্রপ করা কনটেন্টের ক্ষেত্রে এবং এমনকি ফন্টের আকার ও সারি প্যাডিংয়ের মতো প্রোপার্টি পরিবর্তনের ক্ষেত্রেও আনডু এবং রিডু কাজ করে। এটি এগুলোকে আপনার সম্পাদনার অস্ত্রাগারে শক্তিশালী হাতিয়ার করে তোলে।

    Relaxing experience

    5. একটি সত্যিকারের ফ্রন্ট-এন্ড পেজ বিল্ডার – আরও আরামদায়ক ও ঝামেলামুক্ত সম্পাদনার অভিজ্ঞতা

    ডেভেলপমেন্টের সময় আমাদের মানসিকতা ছিল যে, ফ্রন্ট-এন্ডে সম্পাদনা করার সময় এমন মনে হওয়া উচিত নয় যে আপনি এখনও ব্যাক-এন্ড টুল ব্যবহার করে সম্পাদনা করছেন। এমন মনে হওয়া উচিত নয় যে বিল্ডারটি প্রাথমিকভাবে ব্যাক-এন্ডের জন্য তৈরি করা হয়েছিল এবং পরবর্তীতে ফ্রন্ট-এন্ডে রূপান্তর করা হয়েছে।

    সর্বোপরি, আমার কাছে Page Builder Sandwich-এর প্রধান স্বাতন্ত্র্য হলো আমরা এটিকে একটি “আসল” ফ্রন্ট-এন্ড পেজ বিল্ডার তৈরির লক্ষ্য নিয়ে গড়ে তুলেছি – ফ্রন্ট-এন্ড সম্পাদনা কেমন হওয়া উচিত তার একটি নতুন রূপরেখা।

  • PBS সংস্করণ ৪.০-এ মোবাইল রেসপনসিভনেস

    মোবাইল রেসপনসিভনেস সঠিকভাবে করা সত্যিই বেশ জটিল হতে পারে, এবং কেউ এটিতে ভুল করলে ফলাফল সাধারণত ভয়াবহ রূপ নেয়। আসলে, আপনি যদি এখনও না শুনে থাকেন, গুগল এমনকি ২০১৫ সালের এপ্রিল থেকে মোবাইল-বান্ধব নয় এমন ওয়েবসাইটগুলোতে পেনাল্টি দেওয়া শুরু করেছে। সংক্ষেপে, মোবাইল রেসপনসিভনেস একটি বেশ বড় বিষয়।

    তাহলে মোবাইল রেসপনসিভনেস কী?

    একটি ওয়েবসাইটকে রেসপনসিভ বলে গণ্য করা হয় যখন ডেস্কটপ ছাড়া অন্য ডিভাইসে দেখার সময় এর বিষয়বস্তুগুলোর বিভিন্ন স্ক্রিন সাইজ এবং ওরিয়েন্টেশনের সাথে খাপ খাইয়ে নেওয়ার সক্ষমতা থাকে। আরও সহজভাবে বললে, আপনি যদি PBS v4-এ আপগ্রেড করে থাকেন এবং একটি পেজ ডিজাইন বা তৈরি করতে চান, তবে আপনি আপনার ডেস্কটপ, মোবাইল ফোন বা ট্যাবলেট যেখানেই থাকুন না কেন, সেগুলি দেখতে আপনার কোনও সমস্যা হবে না।

    ভার্সন ৪.০-এ রেসপনসিভনেস

    আমাদের সাম্প্রতিক আপডেটে, আমাদের টিম নিশ্চিত করেছে যে PBS-এর নতুন মোবাইল ভিউয়িং ফিচারটি সামগ্রিকভাবে একটি আরও মসৃণ, আরও রেসপনসিভ অভিজ্ঞতা হয়ে ওঠে: যেখানে টেক্সট, ছবি এবং অন্যান্য সমস্ত কনটেন্ট স্বয়ংক্রিয়ভাবে আপনার ডিভাইসের স্ক্রিন রেজোলিউশনের সাথে মানিয়ে নেয়।

    এখন সমস্ত হেডিং স্ক্রিনের আকার অনুযায়ী স্বয়ংক্রিয়ভাবে সামঞ্জস্য হয়, যাতে মোবাইল ফোনে আপনার PBS-নির্মিত সাইট বা পেজ দেখার সময় বিশাল আকৃতির অক্ষরের মুখোমুখি হতে না হয়। এটি আরও স্পষ্টভাবে প্রদর্শন করতে:

    বিভিন্ন স্ক্রিন সাইজে আপনার সাইট দেখা

    মোবাইলে আপনার পেজটি কেমন দেখায় তা আপনারা যাতে বুঝতে পারেন তা নিশ্চিত করতে সহায়তা করার জন্য, আমরা ডেস্কটপের মাধ্যমে মোবাইল ভিউয়িং-এর সুবিধাও চালু করেছি। এভাবে, আপনার পেজটি দেখতে ভালো লাগছে কি না তা পরীক্ষা করতে চাইলে, ফোন (বা ট্যাবলেট) থেকে ডেস্কটপে শারীরিকভাবে পরিবর্তন করার ঝামেলা পোহাতে হবে না। এখন আপনি আপনার পেজ ডিজাইন করার সময় যেকোনো মুহূর্তে সহজেই বিভিন্ন স্ক্রিন সাইজের মধ্যে অদলবদল করতে পারেন।

    আরও সুবিধা হলো, আপনি এখন বিশেষভাবে ট্যাবলেট এবং মোবাইল ফোনের জন্য আপনার উপাদানগুলোর স্পেসিং সামঞ্জস্য করতে পারেন।

    তাহলে আপনারা কী ভাবছেন? ভালো নাকি মন্দ? মোবাইলের ক্ষেত্রে আমরা আরও উন্নত করতে পারি এমন কি অন্য কোনো ফিচার আছে? নিচের কমেন্ট সেকশনে আমাদের জানান!

  • PBS ব্যবহারকারীদের জন্য এক্সক্লুসিভ ক্লাউডওয়েজ প্রোমো!

    আমরা ওয়েবের অন্যতম সেরা পরিচালিত ক্লাউড-হোস্টিং প্ল্যাটফর্ম Cloudways-এর সাথে সহযোগিতা করছি। আপনি যদি এখনও তাদের সম্পর্কে না শুনে থাকেন, তবে ওয়ার্ডপ্রেস কমিউনিটিতে তারা বেশ বিশ্বস্ত এবং বর্তমানের অন্যতম নির্ভরযোগ্য হোস্টিং পরিষেবা হিসেবে প্রমাণিত। তাদের দারুণ কিছু সুবিধাও রয়েছে, যেমন একাধিক ক্লাউড অবকাঠামো, একাধিক ডেটাসেন্টার এবং এসএসডি হোস্টিং, সাথে ১-ক্লিকে ক্লোনিং, ১-ক্লিকে ব্যাকআপ ও রিস্টোর এবং ১-ক্লিকে ডোমেন ম্যাপিং।

    সুখবর হলো, যেসকল Page Builder Sandwich অনুরাগীরা Cloudways পরখ করে দেখতে চান অথবা বিদ্যমান Cloudways ব্যবহারকারীদের জন্য একটি উপহার হিসেবে, আমরা Cloudways-এর সাথে যৌথভাবে একটি বিশেষ প্রোমো তৈরি করেছি! শুধু কোডটি লিখুন শুধু কোডটি লিখুন:

    CWPBS15

    ..আপনার Cloudways অ্যাকাউন্ট আপগ্রেড করার সময় $15 ছাড় পেতে। এই অফারটি আপনাকে ১ মাসের জন্য Cloudways-এ একটি 1GB DigitalOcean সার্ভারও প্রদান করে। যারা হোস্টিং প্রোভাইডার পরিবর্তন করতে চান, কিংবা যারা নতুন ওয়েবসাইট বা ওয়েব অ্যাপ সেট আপ করতে চান তাদের জন্য এটি একটি দুর্দান্ত অফার।

    আমরা আশা করি, Cloudways-এর সাথে কাজ করতে আমাদের যতটা ভালো লেগেছে, আপনিও এই প্রোমোটি ততটাই উপভোগ করবেন!

  • পেজ বিল্ডার স্যান্ডউইচ ২০১৭: এক বছরের পর্যালোচনা

    ২০১৭ সালে, আমরা Page Builder Sandwich-এর ফিচারগুলো প্রসারিত করতে শুরু করি। এই বছরটি আমাদের জন্য একটি বিশাল অগ্রগতি ছিল, এবং আমরা অত্যন্ত আনন্দিত।

    আমরা আমাদের ব্যবহারকারীদের পাশাপাশি WordPress-এর বন্ধুদের কাছ থেকেও প্রচুর প্রতিক্রিয়া এবং সমর্থন পেয়েছি। আর এই কারণেই, আমরা এমন বড় কিছু তৈরি করতে সক্ষম হয়েছি, যা আপনাকে আমাদের সাথে চমৎকার সব জিনিস তৈরি করতে দেয়।

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    Parallax Scrolling-এর মতো একইভাবে, Page Builder Sandwich আপনাকে কেবল Vimeo বা YouTube লিংক কপি-পেস্ট করে অথবা ম্যানুয়ালি ভিডিও আপলোড করে চমৎকার Video Background যোগ করতে দেয়।

    Ken Burns Backgrounds

    আপনি কি লক্ষ্য করেছেন বেশিরভাগ তথ্যচিত্রে কীভাবে আর্কাইভাল ফুটেজ দেখানো হয়? কীভাবে তারা স্ক্রিনে একটি ছবি দেখায়, ধীরে ধীরে জুম ইন করে? এটিকে বলা হয় Ken Burns ইফেক্ট। আর হ্যাঁ, Page Builder Sandwich ২০১৭ সালেও এটি উন্মুক্ত করেছে।

    Blank Page Template

    একেবারে নতুন করে খালি পাতা দিয়ে শুরু করতে চান? Page Builder Sandwich আপনার পাশেই রয়েছে। আমরা ২০১৭ সালে Blank Page Template-ও প্রকাশ করেছি, যা আপনাকে সম্পূর্ণ খালি ক্যানভাসে আপনার ওয়েবসাইট ডিজাইন করতে দেয়।

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

    ২০১৭ সাল ছিল সেই বছর যখন আমরা আমাদের ফিচারের তালিকায় Mobile Responsiveness যুক্ত করেছিলাম। এখন আপনি মোবাইলের মাধ্যমেও নির্বিঘ্নে আপনার ওয়েবসাইট দেখতে পারেন।

    All 800+ Google Fonts

    আমরা আপনাকে ৮০০টিরও বেশি Google Fonts-এর সাহায্যে আপনার ওয়েবসাইটে নতুন আকর্ষণ ও নমনীয়তা যোগ করার সুবিধা দিয়েছি।

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

    Page Builder Sandwich সবসময়ই প্রকৃত অর্থেই ব্যবহারকারী-বান্ধব, সহজাত এবং নিখুঁত ফ্রন্ট-এন্ড পেজ বিল্ডার। আপনাকে সেরা ওয়েবপেজ তৈরির অভিজ্ঞতা দেওয়ার আমাদের লক্ষ্য আরও দৃঢ় হয় যখন আপনারা আপনাদের চাহিদার কথা জানান।

    আপনাদের ভাবনা থেকেই আমরা ২০১৮ সালের জন্য আরও ভালো কিছু তৈরি করেছি!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ’til relaunch

    আপনাদের সমর্থন ছাড়া আমরা এত দূর পৌঁছাতে পারতাম না, তাই এই ২০১৭ সালে আমাদের পাশে থাকা সবাইকে জানাই অনেক অনেক ধন্যবাদ! ২০১৮ সালে আরও অসাধারণ কিছু তৈরি করার প্রত্যাশায় রইলাম। দেখা হবে সেখানেই!

    শুভেচ্ছা সহ,
    The Page Builder Sandwich Team

  • পেজ বিল্ডার কী এবং কেন ফ্রন্ট এন্ড গুরুত্বপূর্ণ

    What-is-a-Page-Builder-and-Why-Front-End-Mattersআপনি যদি একজন একনিষ্ঠ ব্লগার হন এবং আপনার সমস্ত কনটেন্ট তৈরির কাজ কেবল মাঝে মাঝে প্রাসঙ্গিক ছবিসহ পূর্ণাঙ্গ নিবন্ধ লেখার মধ্যেই সীমাবদ্ধ থাকে, তবে সম্ভবত বিদ্যমান TinyMCE কনটেন্ট এডিটরটিই আপনার প্রয়োজনের জন্য যথেষ্ট। বর্তমান টুলসেটে নিবন্ধ লেখার জন্য প্রয়োজনীয় টুলগুলো ইতিমধ্যেই রয়েছে, আপনার কাছে বোল্ড, ইটালিক, হেডিংস ইত্যাদির মতো মৌলিক টেক্সট ফরম্যাটিং টুল রয়েছে। কিন্তু এটুকুই।

    সহজ কোনো লেআউট তৈরির সুবিধা নেই

    বর্তমান TinyMCE কনটেন্ট এডিটর দিয়ে আপনি নিবন্ধ লিখতে পারলেও, শুধুমাত্র একটি একক চলমান টেক্সট কলাম ছাড়া আপনার কনটেন্টের লেআউট সাজানোর মতো ভালো কোনো উপায় নেই। এতে সরাসরি টেক্সটকে দুই বা ততোধিক কলামে সাজানো যায় না, কিংবা ভিন্ন ব্যাকগ্রাউন্ড রঙ দিয়ে কনটেন্টকে আলাদা অংশে বিভক্ত করা যায় না। আপনি যদি আপনার ওয়েবসাইটের অন্যান্য বিভাগ যেমন ল্যান্ডিং পেজ এবং কন্টাক্ট পেজগুলোকে অনন্য করতে চান, তবে আপনার মৌলিক কোনো ধরনের লেআউট তৈরির সুবিধার প্রয়োজন হবে।

    অন্যরা ওয়ার্ডপ্রেসের শর্টকোড ফিচার ব্যবহার করে এই সমস্যা সমাধানের চেষ্টা করেছেন। সংক্ষেপে বলতে গেলে, শর্টকোড বিশেষ ট্যাগ ব্যবহারের মাধ্যমে কোডের অংশ সন্নিবেশ করার সুবিধা দেয়। এমন কিছু ওয়ার্ডপ্রেস প্লাগইন রয়েছে যা বিভিন্ন শর্টকোড প্রদান করে, যেগুলো ব্যবহার করে আপনি কলামযুক্ত কনটেন্ট তৈরি করতে পারেন। উদাহরণস্বরূপ, আপনি যদি আপনার কনটেন্টকে দুই কলামের লেআউটে রাখতে চান, তবে আপনি একাধিক কলাম ট্যাগ দিয়ে আপনার কনটেন্টকে ঘিরে রাখতে পারেন। যদিও এই পদ্ধতিটি “কাজ করে”, তবে এটি দৃষ্টিবান্ধব নয় কারণ ধীরে ধীরে আরও বেশি কনটেন্ট যুক্ত করতে থাকলে সবকিছুই একটি বিশাল বিশৃঙ্খল স্তূপের মতো দেখাবে।

    লেআউট তৈরির এই শূন্যতা পূরণ করতেই পেজ বিল্ডার তৈরি করা হয়েছিল।

    Page building blocks

    পেজ বিল্ডার লেআউটযুক্ত কনটেন্ট তৈরি সহজ করে তোলে

    পেজ বিল্ডার আপনাকে এমন কিছু অতিরিক্ত টুল প্রদান করে যা আপনার কনটেন্টকে অনন্য লেআউটে সাজানো সহজ করে তোলে। পেজ বিল্ডারগুলো সাধারণত ব্যাক-এন্ড TinyMCE কনটেন্ট এডিটরটি সরিয়ে ফেলে এবং সেটিকে প্রতিস্থাপন করে (অথবা যুক্ত করে) একটি নতুন এডিটর দেয় যা আপনার কনটেন্টকে দৃশ্যমানভাবে কল্পনা করতে সাহায্য করে। আপনি যদি আগে কখনো ব্যাক-এন্ড পেজ বিল্ডার ব্যবহার না করে থাকেন, তবে একগুচ্ছ ব্লকের কথা কল্পনা করুন যেখানে প্রতিটি ব্লক এক একটি ধরনের কনটেন্টকে উপস্থাপন করে: যেমন একটি ছবি, টেক্সট, বা একটি শর্টকোড। এরপর এটি আপনাকে সেগুলোকে বিভিন্ন লেআউট এবং কলামে ড্র্যাগ অ্যান্ড ড্রপ করার সুযোগ দেয়।

    লেআউটিং ছাড়াও, পেজ বিল্ডার শর্টকোড তৈরি এবং বসানোর কাজটিকে আরও সহজ করে তোলে। আগে আপনি শর্টকোডগুলোকে তাদের সম্পূর্ণ মূল রূপেই দেখতে পেতেন। আপনি আপনার কনটেন্টের সাথে মিশে থাকা সমস্ত অ্যাট্রিবিউট এবং মানসহ থার্ড ব্র্যাকেট দেখতে পেতেন। পেজ বিল্ডারগুলো সাধারণত শর্টকোড ক্রিয়েটর যুক্ত করে—যা মূলত পপআপ ডায়ালগ, যা শুধুমাত্র টাইপ করার চেয়ে শর্টকোড অ্যাট্রিবিউট নির্বাচন করাকে আরও বেশি ব্যবহারকারী-বান্ধব করে তোলে।

    ফ্রন্ট-এন্ড পেজ বিল্ডারই হলো ভবিষ্যৎ

    ডিজাইনার এবং কনটেন্ট ক্রিয়েটরদের জন্য এই সবকিছু একটি উন্নত অভিজ্ঞতা হলেও, ব্যাক-এন্ড পেজ বিল্ডারের একটি নিজস্ব বড় সমস্যা রয়েছে। যদিও আপনার কনটেন্ট কেমন দেখাবে তার একটি দৃশ্যমান রূপ আপনি দেখতে পান, তবুও আপনি যা দেখছেন তা কিন্তু আপনার প্রকৃত কনটেন্ট নয়। এর ফলে ব্যবহারকারীদের বারবার তাদের পেজের প্রিভিউ দেখতে হয় যে তারা যা করছেন তা সঠিক হচ্ছে কিনা। ব্যাক-এন্ড পেজ বিল্ডার ব্যবহার করার সময়, আমার কনটেন্ট সঠিকভাবে অ্যালাইন করা হয়েছে কিনা বা মার্জিনগুলো সমানভাবে বিন্যস্ত হয়েছে কিনা তা পরীক্ষা করতেই আমি ব্যক্তিগতভাবে অন্তত ২০ বার প্রিভিউ বাটনে ক্লিক করি। এটি অত্যন্ত সময়সাপেক্ষ এবং বিরক্তিকর একটি বিষয়।

    এই অসুবিধা দূর করতে, পেজ বিল্ডারকে ফ্রন্ট-এন্ডে নিয়ে আসা উচিত। এটি করা হলে পেজ লেআউটিংয়ের ক্ষেত্রে অনুমানের ওপর নির্ভরতা দূর হবে, কারণ আপনি তাৎক্ষণিকভাবে আপনার ফলাফল দেখতে পাবেন।

    বর্তমানে প্রচুর ব্যাক-এন্ড পেজ বিল্ডার রয়েছে এবং ফ্রন্ট-এন্ড পেজ বিল্ডারের সংখ্যা হাতে গোনা কয়েকটি মাত্র। সেই হাতে গোনা কয়েকটির মধ্যে একটি হলো Page Builder Sandwich। Page Builder Sandwich-কে কী অনন্য করে তুলেছে এবং কেন এটি আপনার জন্য সঠিক টুল সে সম্পর্কে আরও জানতে কীভাবে Page Builder Sandwich অন্যদের থেকে আলাদা.