GeneratePress Theme কাস্টমাইজেশন: নিজের কাস্টম CSS কোড ভিডিও টিউটোরিয়ালসহ

ওয়ার্ডপ্রেস ব্যবহারকারীদের মধ্যে GeneratePress Theme বেশ জনপ্রিয়, বিশেষ করে যারা ব্লগিং বা নিউজ সাইট তৈরি করেন। এই থিমটি হালকা, ফাস্ট এবং SEO Friendly হওয়ায় বাংলাদেশসহ সারা বিশ্বে অনেকেই এটি ব্যবহার করেন।

আমি ব্যক্তিগতভাবে GeneratePress Premium Theme ব্যবহার করি এবং এর কাস্টমাইজেশন করতে অনেকবার কাস্টম CSS কোড লিখেছি। আমার ভিউয়ারদের অনুরোধে আমি একটি ভিডিও তৈরি করেছি যেখানে দেখিয়েছি কিভাবে GeneratePress Theme কাস্টমাইজ করা যায়।

আজকের এই পোস্টে আমি সেই ভিডিওতে ব্যবহৃত নিজস্ব কাস্টম CSS কোডটি শেয়ার করছি যাতে আপনারাও সরাসরি ব্লগ থেকে কোড কপি করে ব্যবহার করতে পারেন।

CSS কোড ব্যবহার করার নিয়ম

এখন আমরা জানবো কিভাবে সিএসএস কোড ব্যবহার করে জেনারেট প্রেস প্রিমিয়াম থিমের খুব সুন্দর কাস্টমাইজেশন করবো।

👉প্রথমে আপনি আপনার ওয়ার্ডপ্রেসের এডমিন প্যানেল ড্যাসবোর্ডে প্রবেশ করুন।

👉এরপর অ্যাপিয়ারান্স অপশন থেকে কাস্টমাইজেশন এই অপশনের উপরে ক্লিক করে দিন।

👉আপনার সামনে অনেকগুলো অপশন চলে আসবে নিচে থেকে আপনি “additional CSS” এই ঘরে। ক্লিক করে দিয়ে যে সিএসএস গুলো রয়েছে তা রিমুভ করে দিন।

এরপর আমাদের নিচে থাকা এই সিএসএস কপি করে নিন👇এবং additional  CSS  এখানে পেস্ট করুন।

.page-header-image-single .attachment-full{box-shadow:rgba(23,43,99,.3) 0 7px 28px;border-radius:20px;}

.comment-respond .comment-reply-title,.widget-title{border-radius:10px;color:#fff!important;box-shadow:rgba(23,43,99,.3) 0 7px 28px;background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%)}

.comment-respond .comment-reply-title{padding:10px 10px 10px 25px;font-weight:600;font-size:22px!important}

.widget-title{padding:10px;font-weight:500;font-size:18px!important;text-align:center}


.sidebar .widget{box-shadow:rgba(23,43,99,.3) 0 6px 18px;border-radius:5px}.sidebar .widget:first-child{background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%)}.button.light{background-color:#fff;border-radius:50px;font-weight:900;color:#333}.button.light:hover{background:#333;color:#fff}


@media (max-width:768px){.post-image-aligned-left .post-image img{margin-top:-10px;border-radius:12px;box-shadow:rgba(23,43,99,.2) 0 7px 28px!important}}


@media (min-width:769px){.post-image-aligned-left .post-image img{margin-top:-10px;border-radius:10px;box-shadow:rgba(23,43,99,.2) 0 7px 28px!important}

.site-content{display:flex}.inside-right-sidebar{height:100%}.inside-right-sidebar aside:last-child{position:-webkit-stcky;position:sticky;top:100px}}

a.read-more.button{background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 51%,#1fa2ff 100%);font-size:20px;padding:2px 20px;text-align:center;transition:.5s;background-size:500% auto;color:#fff;box-shadow:rgba(23,43,99,.3) 0 7px 28px;border-radius:12px}

entry-content h2,h3,h4,h5,h6{font-weight:900;padding:0 10px 10px 60px;background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%);border-radius:10px;color:#fff!important;box-shadow:rgba(23,43,99,.3) 0 7px 50px}

.entry-title a {

    color: #000000;

    font-size: 25px;

}

এখন আপনি নিজে থেকে আপনার থিমের পরিবর্তনতা দেখতে পাবেন।

🎥 আমার ভিডিও টিউটোরিয়াল

👉 আমার তৈরি করা ভিডিওতে বিস্তারিতভাবে দেখানো হয়েছে কিভাবে এই CSS কোড ব্যবহার করতে হয়। ভিডিওটি দেখে নিন—

এই CSS  কোড পেস্ট করার পূর্বে যে কাজটি করবেন?

আপনি যদি জেনারেটর প্রেস থিমটি ইন্সটল করে থাকেন,তাহলে অবশ্যই “elements “সেকশন থেকে যতগুলি elements আছে সেগুলি রিমুভ করে দিতে হবে।

এই কাজটি না করলে আপনার এই সিএসএস কোড গুলো কাজ করবে না।

❓ প্রশ্নোত্তর

প্রশ্ন ১: GeneratePress Theme-এ কাস্টম CSS কিভাবে যুক্ত করব?
✅ WordPress Dashboard → Appearance → Customize → Additional CSS → সেখানে কোড পেস্ট করুন এবং Publish করে দিন।

প্রশ্ন ২: এই কোড কি ফ্রি নাকি শুধুমাত্র Premium ব্যবহারকারীরা ব্যবহার করতে পারবেন?
✅ এই কোড ফ্রি এবং GeneratePress Free বা Premium উভয় ভার্সনেই কাজ করবে।

প্রশ্ন ৩: আমি চাইলে কোড কাস্টমাইজ করতে পারব?
✅ অবশ্যই! CSS কোড আপনি নিজের মতো করে পরিবর্তন করতে পারবেন।

প্রশ্ন ৪: শুধু CSS দিয়েই কি থিম কাস্টমাইজ করা যায়?
✅ হ্যাঁ, অনেক কিছুই CSS দিয়ে কাস্টমাইজ করা যায়। তবে আরও অ্যাডভান্সড কাস্টমাইজেশনের জন্য PHP বা Child Theme ব্যবহার করতে হতে পারে।

🏁 উপসংহার

GeneratePress Theme হলো একটি লাইটওয়েট ও শক্তিশালী থিম, যেখানে কাস্টম CSS ব্যবহার করে আপনি সহজেই নিজের মতো করে সাইট সাজাতে পারেন। আমি যে CSS কোডটি ব্যবহার করেছি তা খুবই বেসিক, তবে এটি আপনাকে ধারণা দেবে কিভাবে কাস্টমাইজেশন শুরু করতে পারেন।

👉 ভিডিওটি দেখে কোড কপি করে ব্যবহার করুন এবং আপনার GeneratePress Theme আরও সুন্দর করে তুলুন।