তো চলে এলাম আরো একটি নতুন পোস্ট নিয়ে। Plus Ui v3.2 থিমটির কাস্টমাইজ নিয়ে। এই থিমটি যারা ব্যবহার করে তারা সহজে এই থিম কাস্টমাইজ করতে পারে না। বলতে আমি যখন এই থিম যুক্ত করেছি আমার সাইটে তখন আমিই পারতাম না। তবে এখন সব বুঝে গেছে তাই আপনারা যারা এই থিম ব্যবহার করেন তাদের জন্য এগুলো শেয়ার করবো।
এই পোস্টে Preloader, Pagination এবং Tabbed Menu গুলো কিভাবে যুক্ত করবেম সেটা দেখাবে। তো চলুন শুরু করা যাক!
Preloader
Preloader হলো ওয়েবসাইট ঠুকার প্রথমে আসে যেটা। যেটা ওয়েবসাইটের সব ডাটা লোড হলেই চলে যায়। আপনি যদি ওয়েবসাইটে Firebase ব্যবহার করে থাকেন মানে পোস্ট ভিউ তাহলে এটি ব্যবহার করতেই হবে। তাহলো ডাটা লোড এর সময় পেয়ে যাবেন। Firebase ডাটা লোড করতে একটু সময় নেয়। আর কেউ সুন্দর করার জন্য ও ব্যবহার কীতে পারেন!
সম্পূর্ণ দেখানো কিছু নেই। আম ডিরেক্ট Html Editor থেকে দেখাচ্ছি। তো প্রথমে এখানে এসে 705 বা তার কম লাইনে Plugin: Preloader বলে একটা Varble পাবেন।
এটিতে 1px দেওয়া থাকে এটি 2px করে দিবেন! মানে deafult=” 2px” & value=”2px”

1px মানে হলো Disabled থাকা আর 2px মানে হলো Enable থাকা। এটি করার পর:
Pagination
Pagination হলো পোস্টগুলো দেখানো জন্য Page তৈরি করে। তবে এটার ডিজাইন এর জন্য মানে লেখা/সংখ্যা নাকি অটো করবেন এই থিমে সেই সিস্টেম আছে।
Plugin: Preloader এর নিচেই Plugin: Pagination আছে সেটা দেখুন।
এটিতে 4 টি অপশম পাবেন!
১ হলো Default মানে যেকোনো একরি হবে।
২ হলো Infinite মানে লেখা Next Prev.. এসব দেখাবে।
৩ হলো Number যা 1,2,3 এগুলো দেখাবে।
৪ হলো Auto যা একেক সময় একেক টি দিবে কখনো Number তো কখনো Infinite।
তো এখন যেটা ভালো লাগে সেটা default=”..px” value=”..px” বসিয়ে দিন। আর নিচে চাইলে বদলাতেও পারেন!

এখন সব সেভ করুন!
Tabbed Menu
Tabbed Menu হলো যেখানে আপনি আপনার ওয়েবসাইটের Label/Category গুলো রাখতে পারবেন। যাতে ইউজাররা সহজেই সব পোস্ট দেখতে পারে সেই Category এর।
এটি নিজের মতো করে করতে প্রথমে Layout এ আসুন! আর একটু নিচে Tabbed Menu পাবেন এটিতে ক্লিক করুন!

এখন এটওতে ইচ্ছে মতো নিজের সাইট এর জন্য Label সিলেক্ট করুন। আর ঠিক মতো Url দিয়ে /search/label/..নাম


তো এই পোস্ট এই পর্যন্তই!
The post Plus Ui v3.2 এর Preloader, Pagination এবং Tabbed Menu কিভাবে যুক্ত করবেন? appeared first on Trickbd.com.
from Trickbd.com https://ift.tt/rxhY3EU
via IFTTT
No comments:
Post a Comment