কিভাবে লো-কোড ব্লক প্যাটার্ন তৈরি করবেন

আপনি কি আপনার নিজের ওয়ার্ডপ্রেস ব্লক প্যাটার্ন তৈরি করতে এবং আপনার সাইটের বিভিন্ন স্থানে এটি ব্যবহার করতে প্রস্তুত? আপনি কি এটি প্লাগিন বা থিম তৈরি না করেই করতে চান?

শেখার ফলাফল

১. একটি ব্লক প্যাটার্ন ব্যবহার করার জন্য ব্লকের একটি গ্রুপ তৈরি করুন
২. ব্লক ইনসার্টারের মাধ্যমে ব্লক প্যাটার্ন ডিসপ্লে করার জন্য ব্লক মার্কআপটি একটি প্লাগিনে অ্যাড করুন

সম্পূরক প্রশ্ন

১. আপনি কি আপনার সাইটের বিভিন্ন স্থানে একটি ব্লক প্যাটার্ন একাধিকবার ব্যবহার করতে চান?
২. আপনি কি ওয়েব ডিজাইনের জন্য লো-কোড মেথড পছন্দ করেন?

ট্রান্সক্রিপ্ট

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

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

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

আমরা আমাদের সাইটের ড্যাশবোর্ডে যাবো, প্লাগিনস-এ যাবো, এবং অ্যাড নিউ বাটন এ ক্লিক করে কাস্টম ব্লক প্যাটার্ন প্লাগিইনটি খুঁজবো । এবং আপনি একটি প্লাগইন দেখতে পারবেন।

আমি ইতিমধ্যেই এটি ইনস্টল করে নিয়েছি, কিন্তু আপনি এখানে ইনস্টল এবং অ্যাক্টিভেট করতে পারবেন বা আপনার সাইটে কাজ করার জন্য এটি ব্যবহার করতে পারবেন।

এরপর আপনাকে যা করতে হবে তা হলো ব্লক প্যাটার্নে যেতে হবে, তারপর অ্যাডমিন ড্যাশবোর্ড নেভিগেশন থেকে অ্যাড নিউ বাটন এ ক্লিক করতে হবে এবং পোস্টটি লোড হবে।

এটি একটি কাস্টম পোস্ট টাইপ। এর মানে এটি আপনার সাইটের ফ্রন্টে কোথাও একচুয়েলি ডিসপ্লে হবে না যতক্ষণ না আপনি এটি ডিসপ্লে করার জন্য কিছু করেন।

তাই আমার কাছে কিছু কোড রয়েছে যা আমি আগে একটি রেগুলার পোস্টে শেয়ার করেছিলাম, এবং আপনি বামে দেখতে পারবেন যে আমি আমার লিস্ট ভিউ পেয়েছি। আমি চাই আমার এই ইনফরমেশন গুলি আমাদের প্লাগইনে পাঠাতে।

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

এখন  আমি কোড এডিটর মোডে স্যুইচ করব। আমাদের সাইটের টপ কর্নারে, আমাদের অপশন্‌স প্যানেল আছে। যখন আপনি এটি সিলেক্ট করবেন,  আপনার কোড এডিটর দেখানোর একটি অপশন পাবেন।

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

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

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

Suggestions

Found a typo, grammar error or outdated screenshot? Contact us.