থিম, ব্লক, প্লাগইন... শব্দের সম্পূর্ণ নতুন শব্দকোষে মাত্র তিনটি এন্ট্রি আপনি যখন একটি ওয়ার্ডপ্রেস সাইট শুরু করবেন তখন আপনি সম্মুখীন হবেন।
ওয়ার্ডপ্রেস যেহেতু এই মাসে তার 19 তম জন্মদিন উদযাপন করছে, এটি এখনও শীর্ষস্থানীয় বিষয়বস্তু পরিচালনার প্ল্যাটফর্ম এবং সমগ্র ইন্টারনেটের অর্ধেকের নিচে চলে । কিন্তু এটি থেকে সর্বাধিক পেতে অনেক কিছু শেখার আছে।
যাইহোক, ওয়ার্ডপ্রেস ডিজাইনের এই তিনটি সাধারণ স্তম্ভ শেখার মাধ্যমে, আপনি যখন আপনার নতুন ওয়ার্ডপ্রেস সাইট শুরু করবেন তখন আপনি দৌড়াতে পারবেন।
ওয়ার্ডপ্রেস থিম
আমরা থিম এবং প্লাগইন নিয়ে কথা বলা শুরু করার আগে, এটি মনে রাখা গুরুত্বপূর্ণ যে ওয়ার্ডপ্রেস একটি ওপেন সোর্স সফ্টওয়্যার, যাতে যে কেউ একটি থিম বা প্লাগইন বিকাশ করতে পারে। এর অর্থ উভয়ের গুণমানের মধ্যে একটি বিশাল তারতম্য রয়েছে।
আপনার থিম বাছাই করা আপনার প্রথম কাজগুলির মধ্যে একটি হওয়া উচিত (আপনার সাইটে কোনও বাস্তব কাজ শুরু করার আগে)। এর কারণ হল আপনার থিম পছন্দ লেআউট এবং (একটি পরিমাণে) কার্যকারিতা সহ আপনার সাইটের চেহারা এবং অনুভূতি নির্দেশ করবে। আপনি যদি প্রথমে ডিজাইন করা শুরু করেন, সম্ভাবনা থাকে যে আপনি যখন একটি নতুন থিম ইন্টারপোলেট করবেন তখন কিছু উপাদান সঠিকভাবে কাজ করবে না। এছাড়াও, কিছু থিম অন্যদের তুলনায় বেশি সীমাবদ্ধ, অথবা আপনি যে পরিশীলিততা চান তার অভাব রয়েছে। তাই সঠিকটি নিয়ে সিদ্ধান্ত নেওয়ার জন্য কিছু সময় ব্যয় করা মূল্যবান।
হাজার হাজারের মধ্যে থেকে বেছে নেওয়ার জন্য, আপনি বাছাই করার আগে এটি পুঙ্খানুপুঙ্খভাবে রাস্তা-পরীক্ষা করার জন্য মূল্যবান। আপনি যখন খুব বেশি কাস্টমাইজ করার চেষ্টা করেন তখন আপনি আবিষ্কার করতে পারেন যে কিছু অসদাচরণ বা বাগ আছে। এই সমস্যাগুলির বেশিরভাগ এড়ানোর সবচেয়ে সহজ উপায় হল বড়, আরও জনপ্রিয় থিমগুলি নিয়ে যাওয়া৷ এটি লক্ষণীয় যে প্রায় সমস্ত প্রিমিয়াম থিম একটি বিনামূল্যে ট্রায়াল অফার করে যাতে আপনি কোনও অর্থ বের করার আগে সেগুলি ব্যবহার করে দেখতে পারেন৷
আপনি যা বেছে নিন না কেন, আপনাকে এটি প্রতিক্রিয়াশীল কিনা তা পরীক্ষা করতে হবে, যার অর্থ এটি আপনার দর্শকের স্ক্রীনের আকারের উপর ভিত্তি করে বুদ্ধিমানের সাথে প্রতিক্রিয়া জানাবে। এটি আপনার সাইটের মতো সার্চ ইঞ্জিন নিশ্চিত করার জন্য এবং এটি ডেস্কটপ এবং মোবাইল/ট্যাবলেট ব্যবহারকারীদের জন্য সমানভাবে পরিবেশন করার জন্য গুরুত্বপূর্ণ। থিমটি প্রতিক্রিয়াশীল কিনা তা পরীক্ষা করার সহজ উপায় হল এটি প্রয়োগ/প্রিভিউ করা এবং তারপর আপনার ওয়েব ব্রাউজারের আকার সামঞ্জস্য করা। যদি জিনিসগুলি পুনঃস্থাপন করা হয়, এবং কার্যকারিতা এখনও মোবাইলে পরিষ্কার থাকে, আপনি বিজয়ী হন৷
এটি 'শীর্ষ 10' শৈলীর শর্টলিস্টগুলিও পরীক্ষা করে দেখার মতো, তবে সতর্ক থাকুন — এর মধ্যে অনেকগুলি থিম দ্বারা স্পনসর করা হয় যা তারা প্লাগ করছে এবং আপনি অনেক সময় নষ্ট করতে পারেন৷ নিরাপদে থাকার জন্য, ই-কমার্স সাইট , ভিডিও সাইট , ম্যাগাজিন সাইট এবং ফটোগ্রাফি সাইটগুলির জন্য আমাদের সেরা বাছাইগুলি দেখুন ৷
মৌলিক পুনর্ব্যবহারযোগ্য ব্লক
আসুন কল্পনা করুন যে আপনি আপনার থিমটি বেছে নিয়েছেন এবং আপনার প্রথম পৃষ্ঠা বা পোস্ট তৈরি করতে প্রস্তুত৷ আপনাকে সামগ্রী তৈরি করতে সাহায্য করার জন্য কোন শর্টকাট আছে কি? উত্তর হল হ্যাঁ, এবং তাদের ব্লক বলা হয়!
খুব সহজভাবে বললে, ব্লক হল একটি পৃষ্ঠার পুনঃব্যবহারযোগ্য অংশ (যেমন যোগাযোগের ফর্ম, গ্যালারী এবং এমনকি মৌলিক পাঠ্য মডিউল)। এগুলি ড্র্যাগ-এন্ড-ড্রপ উপাদানও হতে পারে যা আপনার ওয়েবসাইট ডাটাবেসের উপর ভিত্তি করে অটোফিল (যেমন ব্লগ বিভাগ বা 'বেস্ট সেলার' তালিকা)।
এমনকি ওয়ার্ডপ্রেস গুটেনবার্গ পৃষ্ঠাগুলি এবং পোস্টগুলিকে ডিফল্টরূপে ব্লকে বিভক্ত করে।
বেসিক গুটেনবার্গ এডিটরে প্লাস হিট করা বেসিক ব্লক অপশন প্রকাশ করে। আপনি ক্যালেন্ডার বা বিভাগগুলির মতো জিনিসগুলি সহজেই ইনপুট করতে পারেন, তবে আপনি পাঠ্যের কাস্টমাইজড ব্লকগুলিও সংরক্ষণ করতে পারেন। উদাহরণস্বরূপ, আপনি যদি প্রতিটি ব্লগের নীচে একই পাদচরণ পছন্দ করেন, আপনি কেবল পাঠ্যের উপরে বারে তিনটি বিন্দুতে ক্লিক করুন, তারপর 'পুনরায় ব্যবহারযোগ্য ব্লকে যোগ করুন' এ ক্লিক করুন।
তারপরে আপনি এই পাঠ্যটি খুঁজে পেতে পারেন, এবং + [নতুন ব্লক যোগ করতে] > সমস্ত ব্রাউজ করুন > পুনঃব্যবহারযোগ্য , এখানে দেখানো হিসাবে ক্লিক করে এটিকে অন্য কোথাও পুনরায় সন্নিবেশ করতে পারেন:
কিন্তু থিম এবং অন্যান্য প্লাগইনগুলির সাথে ইন্টারলক করে এমন ব্লকগুলি ব্যবহার করতে আরও উন্নত উপায় রয়েছে...
ব্লক-ভিত্তিক থিম
ওয়ার্ডপ্রেসের জন্য পোর্টো থিমের মতো থিমগুলি আরও উন্নত উপায়ে ব্লক ব্যবহার করে, আরও পরিশীলিত ডিজাইনের উপাদানগুলি অর্জন করতে — একই সহজ ড্র্যাগ-এন্ড-ড্রপ সিস্টেম থেকে উপকৃত হওয়ার সময়। আমাদের নীচের উদাহরণটি পোর্টো ব্যবহার করে তৈরি করা হয়েছিল, তবে আরও অনেক অনুরূপ থিম রয়েছে যা একই ধরণের ব্লক-ভিত্তিক ওয়েব ডিজাইনের অনুমতি দেয়।
পোর্তো এমন সাইটগুলির জন্য চমত্কারভাবে কাজ করে যেগুলির জন্য একটি মৌলিক ব্লগের চেয়ে বেশি কার্যকারিতা প্রয়োজন৷ এমনকি এটিতে একটি নির্দিষ্ট WooCommerce ইন্টিগ্রেশন রয়েছে যা আপনি অনলাইন স্টোরের জন্য যোগ করতে পারেন এবং আকর্ষণীয় ডিজাইন ব্লকের স্তূপ। এগুলোকে প্রিফেব্রিকেটেড ফার্নিচার হিসেবে ভাবুন। আপনি যে উপাদানগুলি (ছবি, পাঠ্য, সামাজিক বোতাম, ইত্যাদি) চান সেগুলিকে পৃষ্ঠায় স্থাপন করুন এবং তারপরে সেগুলি কাস্টমাইজ করুন৷
পোর্টো WPBakery-এর সাথে একত্রিত করে ব্যাক-এন্ড ডিজাইন (নীচের স্ক্রিনশটে দেখানো হয়েছে), বা ফ্রন্ট-এন্ড ডিজাইন (যেখানে আপনি দেখতে পাবেন যে জিনিসগুলি তৈরি করার সময় আসলে কেমন দেখায়)। সতর্কতা অবলম্বন করুন — ফ্রন্ট-এন্ড এডিটরের জন্য আরও প্রসেসিং/সার্ভার পাওয়ার প্রয়োজন হয় এবং এতে ভুল করার প্রবণতা বেশি থাকে। ব্যাক-এন্ড মোডে এটি নিরাপদ সম্পাদনা।
ব্যাক-এন্ড ব্লক মোড
আসুন আমরা উপরের ছবিতে যা দেখছি এবং কেন পোর্টোর ব্লক ডিজাইন ব্যবহার করে একসাথে রাখা এত সহজ ছিল তা দেখে নেওয়া যাক।
'+' আইকনগুলিতে ক্লিক করে, অনেকটা গুটেনবার্গের মতোই, আপনি আপনার প্রয়োজনীয় সমস্ত উপাদান নির্বাচন করতে পারেন (এবং বেছে নেওয়ার জন্য অনেকগুলি রয়েছে)। আপনি আপনার লেআউটের সাথে খুশি না হওয়া পর্যন্ত জিনিসগুলিকে ক্লোন করা, সদৃশ করা এবং টেনে আনা সহজ৷ নকশা উভয় প্রতিক্রিয়াশীল এবং খুব স্বজ্ঞাত.
আমরা যে প্রথম ব্লকটি ব্যবহার করেছি তা হল পৃষ্ঠার শীর্ষের জন্য একটি কাস্টম শিরোনাম , তারপরে একটি পৃথক ব্লকে কিছু মৌলিক সাইট ইন্ট্রো টেক্সট। যেখানেই সম্ভব আলাদা ব্লক ব্যবহার করে, আপনি পাঠ্যের আরও নান্দনিক প্লেসমেন্ট পাবেন যা পাঠকদের জন্য আরও ভাল।
এরপরে, ভিজ্যুয়াল ভ্যারিয়েশন তৈরি করতে, পৃষ্ঠাটিকে তিনটি কলামে বিভক্ত করা হয়েছে যাতে কিছু অনন্য বিক্রয় পয়েন্ট রয়েছে — এটি জিনিসগুলির প্রতি দৃষ্টি আকর্ষণ করার একটি ভাল উপায়। Porto একটি সাধারণ সম্পাদনার মাধ্যমে আইকন বা সীমানা যোগ করা সহজ করে তোলে। আপনার পৃষ্ঠাটিকে আরও অনেক উপায়ে উপবিভাজন করাও সহজ — উদাহরণস্বরূপ, আপনি যদি একটি ম্যাগাজিন-স্টাইল নিবন্ধে কাজ করেন তবে আপনি পৃষ্ঠাটির ⅔ ছবি হিসাবে এবং ⅓ পাঠ্য হিসাবে তৈরি করতে পারেন এবং তারপরে এটিকে পরবর্তীতে পরিবর্তন করতে পারেন পৃষ্ঠাটি দৃশ্যত আকর্ষণীয় রাখার জন্য। সম্ভাবনাগুলি অন্তহীন, এবং আপনি খুশি না হওয়া পর্যন্ত আপনি ঘন্টার পর ঘন্টা জরিমানা করতে পারেন।
প্রবন্ধের অধীনে, আমি পৃষ্ঠার উপাদানগুলিকে আলাদা করার জন্য একটি স্পেসার ব্যবহার করার সিদ্ধান্ত নিয়েছি এবং তারপরে সাইটের সবচেয়ে জনপ্রিয় ওয়ার্ডপ্রেস পণ্যগুলির একটি স্বয়ংক্রিয়-পূর্ণ ব্লকের সাথে আরেকটি শিরোনাম যুক্ত করেছি।
ফ্রন্ট-এন্ড ভিজ্যুয়াল এডিটে, পৃষ্ঠাটি এরকম কিছু দেখায়:
আপনি বলতে পারেন, আমি একজন ডিজাইনার নই তবে আরও কয়েক ঘন্টা কাস্টমাইজেশন, কিছু সামাজিক বোতাম এবং জাদুর ছিটিয়ে দিয়ে, এই উদাহরণটি বেশ শালীন দেখাতে পারে। আমি যা পাওয়ার চেষ্টা করছি তা হল ব্লকগুলি এটিকে কতটা সহজ করে তোলে, ভাল, তৈরি করে ।
প্লাগইন
আসুন কল্পনা করুন যে আপনি আপনার থিমটি বেছে নিয়েছেন, আপনার ব্লকগুলির সাথে টিঙ্কার করেছেন, কিন্তু পথ ধরে আপনি এমন কিছু জিনিস খুঁজে পেয়েছেন যা আপনি সত্যিই আপনার সাইটটি করতে চান, কিন্তু আপনি কীভাবে তা বুঝতে পারবেন না।
এখানেই প্লাগইনগুলি আসে৷ এগুলি মূলত ছোট অতিরিক্ত প্রোগ্রাম যা আপনার সাইট চালাতে পারে যা আপনার প্রায় যেকোনো সমস্যার সমাধান করতে পারে — কারণ আসুন এটির মুখোমুখি হই, এটি যাই হোক না কেন, কেউ আগে একই দেয়ালে আঘাত করে একটি প্লাগইন তৈরি করেছে সমস্যা টার সমাধান কর.
ছবি গ্যালারির সমস্যা সমাধান থেকে শুরু করে সম্পূর্ণ WooCommerce প্ল্যাটফর্মে যোগাযোগের ফর্মগুলি - এগুলি সবই ওয়ার্ডপ্রেসের কুখ্যাত প্লাগইন দ্বারা সমাধান করা হয়েছে৷ সত্যই, প্লাগইনগুলি প্রদান করে ফাংশনগুলির তালিকা এতটাই অসীম যে কোনও ধরণের সংক্ষিপ্ত তালিকা এমনকি পৃষ্ঠকে স্ক্র্যাচ করবে না। কিন্তু এখানে কিছু চমত্কার প্রয়োজনীয় প্লাগইনগুলির একটি রনডাউন রয়েছে যা আপনি একটি সূচনা পয়েন্ট হিসাবে ব্যবহার করতে চাইতে পারেন।
সাধারণ প্লাগইন :
এখানে তালিকাভুক্ত প্লাগইনগুলি প্রায় যেকোনো সাইটকে সাহায্য করবে। তারা মূল বিষয়গুলি কভার করে, যেমন এসইও, বা যোগাযোগের ফর্মগুলি যা প্রায় সব সাইটেরই প্রয়োজন, তারা যাই করুক না কেন।
- Jetpack হল একটি স্যুট টুলস যা আপনার সাইটে কিছু সুন্দর কার্যকারিতা যোগ করবে। এটি আপনাকে অনেক সহজে মোবাইল অ্যাপের সাথে ওয়ার্ডপ্রেস লিঙ্ক করতে দেয়।
- Yoast এসইও হল সার্চ ইঞ্জিন অপ্টিমাইজেশানের জন্য ইন্ডাস্ট্রি স্ট্যান্ডার্ড এবং আপনাকে আপনার পৃষ্ঠাগুলিকে আবিষ্কারের জন্য প্রাইম করতে সাহায্য করবে৷
- সাবলীল ফর্ম হল সাইট যোগাযোগ পৃষ্ঠাগুলির জন্য অনেকগুলি দুর্দান্ত বিকল্পগুলির মধ্যে একটি যা আপনার দর্শকদের আপনার কাছে পৌঁছানোর জন্য একটি ঝামেলা-মুক্ত উপায় দেয়৷
- Smush বড় ইমেজ ফাইলের উপরে রাখার একটি চমত্কার উপায়। এটি থাম্বনেইলের জন্য সেগুলিকে অপ্টিমাইজ করে এবং আপনার সাইটকে ধীর গতিতে লোড করার সময় বন্ধ করে দেয় — যার জন্য সার্চ ইঞ্জিনগুলি আপনাকে শাস্তি দেবে৷
- Mailchimp আপনাকে সহজেই আপনার সাইটে একটি মেইলিং তালিকা সাবস্ক্রিপশন সংহত করতে দেয়। এটি আপনার দর্শকদের সাথে সংযোগ তৈরি করা শুরু করার একটি দুর্দান্ত উপায় - আপনার সাইট যাই হোক না কেন।
স্টোর-কেন্দ্রিক প্লাগইন :
একটি মৌলিক WooCommerce স্টোরের সাথে ব্যবহার করা হলে নিম্নলিখিত প্লাগইনগুলি জীবনকে অনেক সহজ করে তুলবে৷
- পেপ্যাল এবং স্ট্রাইপ পেমেন্ট ইন্টিগ্রেশন আপনার সাইট নগদীকরণের একটি দুর্দান্ত উপায়। পেমেন্ট পদ্ধতি যোগ করার বিষয়ে আমাদের ব্লগে এগুলি বাস্তবায়ন সম্পর্কে আরও জানুন৷
- ট্রাস্টপাইলট আপনাকে রিভিউ তৈরি করা শুরু করতে আপনার সাইটে একটি বার স্থাপন করার অনুমতি দেয় এবং আপনার সাইটে ব্যাঘাত না ঘটিয়ে আপনার কতগুলি রিভিউ আছে তা দেখান। এটি আপনাকে আপনার সাইটের দর্শকদের মধ্যে আস্থা অর্জন করতে সাহায্য করবে। এটি তাদের পরিষেবার শর্তাবলীর বিরুদ্ধে না গিয়ে ট্রাস্টপাইলট লোগো প্রদর্শন করার একমাত্র উপায়।
- YITH কাস্টম ধন্যবাদ পৃষ্ঠা আপনাকে চেকআউট প্রক্রিয়ার ('ধন্যবাদ' পৃষ্ঠা) আপনার চূড়ান্ত পৃষ্ঠায় সহজেই কোড স্থাপন করতে দেয়। আপনি যখন রূপান্তরগুলি ট্র্যাক করা শুরু করতে চান তখন এটি কার্যকর হতে পারে। এটি লোকেদের দেখা শেষ জিনিসটির বৃহত্তর কাস্টমাইজেশনের অনুমতি দেয় - যার মধ্যে আপ-সেল, লয়্যালটি স্কিম, গুরুত্বপূর্ণ শিপিং তথ্য বা আপনি যা কিছু দেখাতে চান তা জড়িত থাকতে পারে।
- যখন আপনি Google আপনার পণ্যগুলি খুঁজে পেতে চান তখন ELEX Google পণ্য ফিড আপনার অনেক সময় সাশ্রয় করবে (কিছু প্লাগইনের তুলনায় যা একই জিনিস করতে চায় কিন্তু করে না)। প্রতিদিনের ভিত্তিতে আপনার পণ্যগুলি সহজেই Google-এ জমা দেওয়ার এটি একটি নির্ভরযোগ্য উপায় যাতে আপনি Google Shopping-এ আপনার আইটেমগুলি প্রদর্শন করতে পারেন৷