Divi: কিভাবে ব্লগ মডিউল দিয়ে ব্লগ পেজ তৈরি করবেন

আপনি কি ব্লগ মডিউল দিয়ে একটি ব্লগ পেজ তৈরি করতে চান? de ডিভি?

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

এই নিবন্ধে, আমরা দেখব কিভাবে Divi এর ব্লগ মডিউল দিয়ে একটি ব্লগ পাতা তৈরি করা যায়। আমরা ধাপে ধাপে প্রতিটি সেটিংয়ের মধ্য দিয়ে যাব।

শুরু করা যাক!

জরিপ

আমরা শুরু করার আগে, আসুন প্রথমে আমরা কী তৈরি করতে যাচ্ছি তার একটি ওভারভিউ দেখি।

একটি নতুন ব্লগ পাতা তৈরি করুন

একটি নতুন পৃষ্ঠা তৈরি করুন

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

পৃষ্ঠাটিকে এমন একটি শিরোনাম দিন যা আপনার কাছে অর্থপূর্ণ।

• পৃষ্ঠার শিরোনাম: Divi-এ ব্লগ

Divi বিল্ডারে স্যুইচ করুন

পৃষ্ঠার কেন্দ্রে বেগুনি বোতামে ক্লিক করুন: দিভি বিল্ডার ব্যবহার করুন .

ব্লগ পাতা শিরোনাম জন্য একটি বিভাগ যোগ করুন

বিভাগটি কাস্টমাইজ করুন

আমরা প্রথম বিভাগ দিয়ে শুরু করব। সেগুলো খুলুন বিভাগের পরামিতি .

এ স্ক্রোল করুন অনুরাগী এবং রং পরিবর্তন করে #f9f3fd করুন। অ্যাডমিন লেবেল হিসাবে ব্লগ লিখুন. বিভাগ সেটিংস বন্ধ করুন।

• পটভূমি: #f9f3fd
• অ্যাডমিন লেবেল: ব্লগ

ব্লগ পাতা শিরোনাম তৈরি করুন

তারপর আমরা একটি যোগ করব Ligne শিরোনামের জন্য সবুজ আইকন নির্বাচন করুন এবং একক কলাম সারি নির্বাচন করুন।

তারপর একটি যোগ করুন পাঠ্য মডিউল লাইন এ

ব্লগ শিরোনাম টেক্সট মডিউল কাস্টমাইজ করুন

তাদের খুলুন টেক্সট মডিউল সেটিংস এবং H1 নির্বাচন করুন। আমাদের ব্লগ শিরোনাম যোগ করুন.

• হরফ: শিরোনাম 1
• পাঠ্য: আমাদের ব্লগ

তারপর যানস্টাইল ট্যাব এবং সারিবদ্ধকরণ কেন্দ্রীভূত সেট করুন। H1 শিরোনামের পাঠ্যের জন্য, ফন্টের জন্য Cormorant Infant নির্বাচন করুন এবং এটিকে গাঢ় করুন।

• পাঠ্য প্রান্তিককরণ: কেন্দ্রীভূত
• হেডার টেক্সট: H1
• হেডার ফন্ট: Cormorant Infant
• সফট লাইট হেডার: বোল্ড টেক্সট

রঙ সেট করুন #442854, আকার 130px এবং লাইনের উচ্চতা 0,8em এ।

• রঙ: # এক্সএমএক্সএক্স
• ডেস্কটপ পাঠ্যের আকার: 130px
• লাইনের উচ্চতা: 0,8em

লেটেস্ট আর্টিকেল এবং কল টু অ্যাকশন সেকশন তৈরি করুন

আমাদের বিভাগে সর্বশেষ নিবন্ধ এবং একটি অপ্ট-ইন ইমেল রয়েছে। 

একটি নতুন লাইন যুক্ত করুন আমাদের প্রথম সারির নীচে এবং কলামের নকশা 2/3 বাম এবং 1/3 ডান নির্বাচন করুন।

তাদের খুলুন লাইন পরামিতি গিয়ার আইকনে ক্লিক করে।

নির্বাচন করুনস্টাইল ট্যাব, স্ক্রোল করুন ব্যবধান এবং বটম ইনার মার্জিনে 0px যোগ করুন। সেটিংস বন্ধ করুন।

• নিচের অভ্যন্তরীণ মার্জিন: 0px

বৈশিষ্ট্যযুক্ত ব্লগ পোস্ট মডিউল যোগ করুন এবং কাস্টমাইজ করুন

তারপর আমরা একটি যোগ করব ব্লগ-মডিউল . এতে আমাদের শেষ নিবন্ধ থাকবে। আমাদের নতুন সারির বাম কলামে ধূসর প্লাস আইকনে ক্লিক করুন এবং ব্লগ মডিউল যোগ করুন।

সামগ্রী

অধীনে সামগ্রী , পোস্টের সংখ্যার জন্য 1 লিখুন।

• পজিশনের সংখ্যা: 1 X

উপাদান

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

• লেখক দেখান: না
• পৃষ্ঠা সংখ্যা দেখান: না

স্বভাব

তারপর সিলেক্ট করুন স্টাইল ট্যাব এবং লেআউটের জন্য পূর্ণ স্ক্রীন নির্বাচন করুন এবং বৈশিষ্ট্যযুক্ত চিত্র ওভারলে বন্ধ করুন।

• মডেল: ফুলস্ক্রিন
• নির্বাচিত ছবি ওভারলে: নিষ্ক্রিয়

শিরোনাম পাঠ্য

এ স্ক্রোল করুন শিরোনাম পাঠ্য . H2 নির্বাচন করুন এবং Cormoran Infant নির্বাচন করুন। বোল্ড নির্বাচন করুন এবং রঙ পরিবর্তন করুন #442854।

• শিরোনাম তিন সন্নিবেশ করান: H2
• হরফের শিরোনাম: Cormorant Infant
• নরম আলোর শিরোনাম: বোল্ড টেক্সট
• শিরোনাম পাঠ্যের রঙ: #442854

ফন্টের আকার 30 পিক্সেল সেট করুন। লাইনের উচ্চতা 1.1em এ পরিবর্তন করুন।

• আকার: ডেস্কটপের জন্য 30 পিক্সেল, ট্যাবলেটের জন্য 20 পিক্সেল, ফোনের জন্য 18 পিক্সেল
• শিরোনাম লাইন উচ্চতা: 1,1 এম

পাঠ্যের শরীর

তারপর নিচে স্ক্রোল করুন মূল লেখা . ফন্টের জন্য কেবিন বেছে নিন, রং পরিবর্তন করুন #442854, এবং লাইনের উচ্চতা পরিবর্তন করে 1,8em করুন।

• পুলিশ কর্পস: কেবিন
• বডি টেক্সটের রঙ: #442854
• শরীরের লাইন উচ্চতা: 1,8 এম

টেক্সট মেটাডেটা

তারপর নিচে স্ক্রোল করুন টেক্সট মেটাডেটা . নিম্নরূপ পরামিতি সেট করুন:

• মেটাডেটা ফন্ট: Cormorant Infant
• মেটাডেটা ডিম লাইট: নিয়মিত
• মেটাডেটা কপি স্টাইল: কোনটিই নয়
• মেটাডেটা টেক্সট রঙ: #442854
• মেটাডেটা পাঠ্য আকার: ডেস্কটপ 16px, ট্যাবলেট 15px, ফোন 14px
• মেটাডেটা সারি উচ্চতা: 1,8 এম

ব্যবধান

তারপর নিচে স্ক্রোল করুন ব্যবধান এবং উপরের মার্জিনটি 0vw এ পরিবর্তন করুন।

• শীর্ষ মার্জিন: 0vw

ছায়া বাক্স

অবশেষে, নিচে স্ক্রোল করুন ছায়া বাক্স এবং এটি নিষ্ক্রিয় করুন।

• ছায়া বাক্স: নিষ্ক্রিয়

ব্লগ ইমেল টেক্সট মডিউল যোগ করুন এবং কাস্টমাইজ করুন

এখন আমরা ডান কলামে যেতে যাচ্ছি এবং ইমেলের মাধ্যমে কল টু অ্যাকশন তৈরি করুন . প্রথমে ডান কলামে একটি টেক্সট মডিউল যোগ করুন। ধূসর প্লাস আইকনে ক্লিক করুন এবং পাঠ্য অনুসন্ধান করুন।

সামগ্রী

শিরোনাম 2 নির্বাচন করুন এবং পাঠ্য লিখুন আমাদের অফারগুলিতে সদস্যতা নিন।

• হরফ: শিরোনাম 2
• পাঠ্য: আমাদের অফারগুলিতে সদস্যতা নিন

শিরোনাম

জন্য texte শিরোনামের মধ্যে, সেন্টার অ্যালাইনমেন্ট নির্বাচন করুন, H2 নির্বাচন করুন, Cormorant Infant নির্বাচন করুন এবং এটিকে বোল্ডে সেট করুন।

• পাঠ্য প্রান্তিককরণ: কেন্দ্রীভূত
• হেডার টেক্সট: H2
• হেডার ফন্ট: Cormorant Infant
• সফট লাইট হেডার: বোল্ড

রঙ পরিবর্তন করুন #442854, আকার 32px এবং লাইনের উচ্চতা 0,95em এ।

• হেডার টেক্সট রঙ: #442854
• হেডার টেক্সট সাইজ: 32 পিক্সেল
• হেডার লাইনের উচ্চতা: 0,95 em

ব্যবধান

অবশেষে, নিচে স্ক্রোল করুন ব্যবধান এবং নীচের মার্জিনে 10 পিক্সেল যোগ করুন। পাঠ্য মডিউল সেটিংস বন্ধ করুন।

• নিচের মার্জিন: 10px

ব্লগ ইমেল অপটিন মডিউল যোগ করুন এবং কাস্টমাইজ করুন

তারপর আমরা যাই ইমেল ফর্ম তৈরি করুন . ডান কলামে টেক্সট মডিউলের নিচে একটি ইমেল অপটিন মডিউল যোগ করুন।

সামগ্রী

প্রথমে, শিরোনাম এবং বডি টেক্সট মুছে ফেলুন।

• শিরোনাম: কোনোটিই নয়
• বডি টেক্সট: কোনোটিই নয়

এ স্ক্রোল করুন ইমেইল একাউন্ট এবং আপনার পরিষেবা প্রদানকারী যোগ করুন।

তারপর নিচে স্ক্রোল করুন অনুরাগী এবং ব্যাকগ্রাউন্ড কালার অনির্বাচন করুন।

• ব্যাকগ্রাউন্ড কালার ব্যবহার করুন: না

ডেস চ্যাম্পস

মধ্যে যান স্টাইল ট্যাব এবং ফিল্ড ব্যাকগ্রাউন্ড কালার পরিবর্তন করে rgba(255,255,255,0) এবং টেক্সট কালার #442854 এ পরিবর্তন করুন।

• পটভূমির রঙের ক্ষেত্র: rgba(255,255,255,0)
• পাঠ্য রঙের ক্ষেত্র: #442854

নিচে স্ক্রোল করুন ফন্ট বিকল্প এবং ফন্ট কেবিনে পরিবর্তন করুন, আকার 16px এবং লাইনের উচ্চতা 1,8em করুন।

• ফন্ট ক্ষেত্র: কেবিন
• পাঠ্য আকারের ক্ষেত্র: 16 পিক্সেল
• ক্ষেত্র সারি উচ্চতা: 1,8 এম

এর পরে, ক্ষেত্রগুলির বৃত্তাকার কোণটি 32px এ সামঞ্জস্য করুন, সীমানার প্রস্থ 2px এ, এবং সীমানার রঙ #442854 এ পরিবর্তন করুন।

• বৃত্তাকার আয়তক্ষেত্র নিয়ন্ত্রণ: 32px
• সীমানা প্রস্থ ক্ষেত্র: 2px
• সীমানা রঙ ক্ষেত্র: #442854

বোতাম

বোতামে স্ক্রোল করুন এবং নির্বাচন করুন বোতামের জন্য কাস্টম শৈলী ব্যবহার করুন . আকার পরিবর্তন করুন 18ps, বোতামের রঙ সাদা এবং বোতামের পটভূমির রঙ #442854 এ পরিবর্তন করুন।

• বোতামের জন্য কাস্টম শৈলী ব্যবহার করুন: হ্যাঁ
• বোতাম পাঠ্য আকার: 18 পিক্সেল
• বোতাম পাঠ্য রঙ: #ffffff
• পটভূমি বোতাম: #442854

সীমানা ব্যাসার্ধকে 50 পিক্সেলে, ফন্টটি Cormorant Infant-এ পরিবর্তন করুন এবং ওজনকে গাঢ় করুন৷

• সীমানা ব্যাসার্ধ বোতাম: 50px
• ফন্ট বোতাম: Cormorant Infant
• সফট লাইট বোতাম: বোল্ড টেক্সট

অবশেষে, কিছু মার্জিন যোগ করা যাক. শীর্ষ মার্জিনের জন্য 20px, উপরের এবং নীচের প্যাডিংয়ের জন্য 12px এবং বাম এবং ডান প্যাডিংয়ের জন্য 32px লিখুন। ইমেল অপটিন সেটিংস বন্ধ করুন।

• শীর্ষ মার্জিন বোতাম: 20 px
• টপ এবং বটম প্যাডিং বোতাম: 12 পিক্সেল
• বোতাম বাম এবং ডান প্যাডিং: 32px

ব্লগ পোস্ট তালিকা জন্য নতুন লাইন যোগ করুন

আমরা এখন করব আইটেম তালিকা তৈরি করুন পৃষ্ঠার প্রথমে, আমাদের পূর্ববর্তী বিভাগের নীচে একটি নতুন একক-কলাম সারি যোগ করুন।

লাইন সেটিংস

যাও স্টাইল ট্যাব এবং ভার্টেক্স ইনার মার্জিনে 0px যোগ করুন। লাইন সেটিংস বন্ধ করুন।

• ইনার মার্জিন ভার্টেক্স: 0px

আপনার লাইনে একটি ব্লগ মডিউল যোগ করুন

যুক্ত কর একটি ব্লগ-মডিউল ধূসর প্লাস আইকনে ক্লিক করে এবং ব্লগে ক্লিক করে আপনার নতুন লাইনে যান।

ব্লগ পোস্ট ফিড স্টাইলিং

আসুন ব্লগ পাতা ফিড পরিবর্তন করা যাক.

ব্লগ ফিড বিষয়বস্তু

তাদের খুলুন ব্লগ মডিউল সেটিংস এবং পোস্টের সংখ্যার জন্য 3 লিখুন। এটি আপনাকে স্ক্রিনে প্রদর্শিত পোস্টের সংখ্যা নির্বাচন করতে দেয়।

একটি কম সংখ্যা, যেমন 3, আমাদের সাম্প্রতিক পোস্টগুলিতে ফোকাস করতে এবং পৃষ্ঠার আকার কমাতে দেয়৷ আপনি যদি প্রায়ই পোস্ট না করেন বা পৃষ্ঠাটি পরিষ্কার রাখতে চান তবে এটি একটি ভাল পছন্দ। আপনি যদি ব্লগ ফ্লোতে ফোকাস করতে চান তবে 6-9 এর মতো আরও পোস্ট দেখানো একটি ভাল ধারণা।

• পদের সংখ্যাঃ ৩টি

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

• পোস্ট অফসেট নম্বর: 1

উপাদান

এ স্ক্রোল করুন উপাদান . বৈশিষ্ট্যযুক্ত ছবি, তারিখ, বিভাগ স্নিপেট এবং পেজিনেশন সক্ষম করুন। বাকি অক্ষম করুন।

• বৈশিষ্ট্যযুক্ত ছবি দেখান: হ্যাঁ
• তথ্য: হ্যাঁ
• বিভাগ: হ্যাঁ
• উদ্ধৃতি: হ্যাঁ
• পৃষ্ঠা সংখ্যা: হ্যাঁ

পটভূমি

অ্যাক্সেস অনুরাগী এবং গ্রিড টাইল ব্যাকগ্রাউন্ড কালার rgba(255,255,255,0) এ সেট করুন

• গ্রিড গ্রিড টাইল পটভূমির রঙ: rgba (255,255,255,0)

লেআউট এবং ওভারলে

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

• লেআউট: গ্রিড
• নির্বাচিত ছবি ওভারলে: নিষ্ক্রিয়

শিরোনাম পাঠ্য

জন্য শিরোনাম পাঠ্য , H2 নির্বাচন করুন। Cormorant Infant চয়ন করুন, এটিকে বোল্ডে সেট করুন এবং রঙের জন্য #442854 লিখুন।

• শিরোনাম তিন সন্নিবেশ করান: H2
• হরফের শিরোনাম: Cormorant Infant
• নরম আলোর শিরোনাম: বোল্ড টেক্সট
• শিরোনাম পাঠ্যের রঙ: #442854

পাঠ্য আকারের জন্য 20px চয়ন করুন। লাইনের উচ্চতা 1,1 em এ সেট করুন।

• শিরোনাম পাঠ্যের আকার: ডেস্কটপ 20px
• শিরোনাম লাইন উচ্চতা: 1,1 এম

পাঠ্যের শরীর

এ স্ক্রোল করুন মূল লেখা এবং কেবিন নির্বাচন করুন। রঙটি #442854 এ সেট করুন।

• পুলিশ কর্পস: কেবিন
• বডি টেক্সটের রঙ: #442854

লাইনের উচ্চতা 1,8 এম সেট করুন।

• লাইনের উচ্চতা: 1,8 এম

টেক্সট মেটাডেটা

এ স্ক্রোল করুন টেক্সট মেটাডেটা এবং Cormorant Infant নির্বাচন করুন। ওজন সেট করুন স্বাভাবিক, শৈলী কোনটি নয় এবং রঙ #442854 এ সেট করুন।

• মেটাডেটা ফন্ট: Cormorant Infant
• মেটাডেটা ডিম লাইট: নিয়মিত
• মেটাডেটা কপি স্টাইল: কোনটিই নয়
• মেটাডেটা টেক্সট রঙ: #442854

• মেটাডেটা পাঠ্যের আকার: ডেস্কটপ 16px, ট্যাবলেট 15px, ফোন 14px
• মেটাডেটা সারি উচ্চতা: 1,8 এম

পৃষ্ঠা সংখ্যা টেক্সট

এখন পত্রাঙ্কন . ফন্টের জন্য Cormorant Infant নির্বাচন করুন, বোল্ড নির্বাচন করুন এবং রং পরিবর্তন করে #442854 করুন।

• ফন্ট দেখান পৃষ্ঠা সংখ্যা: Cormorant Infant
• পেজিং সফট লাইট দেখান: বোল্ড
• টেক্সট রঙ দেখান পৃষ্ঠা সংখ্যা: #442854

ব্যবধান

তারপর আমরা এগিয়ে যেতে হবে ব্যবধান এবং শীর্ষে 0vw মার্জিন যোগ করুন। এটি আমাদের মডিউলকে আগের মডিউলটিকে ওভারল্যাপ করা থেকে বাধা দেয়।

• শীর্ষ মার্জিন: 0vw

সীমান্ত

এ স্ক্রোল করুন সীমান্ত এবং চারটি কোণের জন্য 0px লিখুন। এটি আমাদের কার্ডের জন্য আমাদের বর্গাকার আকৃতি দেয়।

• বৃত্তাকার আয়তক্ষেত্র গ্রিড লেআউট: 0px

ছায়া বাক্স

অবশেষে, নিচে স্ক্রোল করুন বক্স ছায়া এবং এটি নিষ্ক্রিয় করুন। ব্লগ সেটিংস বন্ধ করুন। ব্লগ অধ্যায় শেষ.

• শ্যাডো বক্স: কোনোটিই নয়

ব্লগ পৃষ্ঠায় একটি নতুন "কল টু অ্যাকশন" বিভাগ যোগ করুন

তারপর আমরা যাই "কল টু অ্যাকশন" বিভাগ তৈরি করুন পৃষ্ঠার। এই বিভাগে একটি পূর্ণ-স্ক্রিন প্যারালাক্স ব্যাকগ্রাউন্ড ছবি, যোগাযোগের তথ্য এবং সামাজিক ফলো লিঙ্ক রয়েছে।

একটি নতুন বিভাগ যোগ করুন

নীল আইকনে ক্লিক করুন একটি নতুন নিয়মিত বিভাগ যোগ করুন পৃষ্ঠার নীচের অংশে অবস্থিত.

• বিভাগ: নিয়মিত

কল টু অ্যাকশন বিভাগে স্টাইল করুন

তাদের খুলুন বিভাগের পরামিতি এর গিয়ার আইকনে ক্লিক করে।

পটভূমি

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

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

• পৃষ্ঠভূমি চিত্র
• প্যারালাক্স প্রভাব ব্যবহার করুন: হ্যাঁ
• প্যারালাক্স পদ্ধতি: CSS

অ্যাডমিন লেবেলে নিচে স্ক্রোল করুন এবং ক্ষেত্রটিতে "ফুটার" লিখুন। এটি আপনাকে বিভাগগুলির ট্র্যাক রাখতে সহায়তা করবে।

• অ্যাডমিন ট্যাগ: ফুটার

তারপর যান স্টাইল ট্যাব.

• অভ্যন্তরীণ মার্জিন: 10vw (শীর্ষ এবং নীচে)

একটি নতুন লাইন যোগ করুন

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

আয়তন-অনুযায়ী বাছাই

তাদের খুলুন লাইন পরামিতি এবং স্টাইল ট্যাবে যান।

• সর্বাধিক প্রস্থ: 320 পিক্সেল

শিরোনাম পাঠ্য মডিউল

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

শিরোনাম পাঠ্য কাস্টমাইজ করুন

আপনার শিরোনাম যোগ করুন এবং শিরোনাম 3 এ ফন্ট পরিবর্তন করুন।

• হরফ: শিরোনাম 3
• পাঠ্য: ডিভি সম্পর্কে সমস্ত কিছু

শিরোনাম

যাও স্টাইল ট্যাব এবং স্ক্রোল করুন সাবটাইটেল পাঠ্য . প্রান্তিককরণের জন্য কেন্দ্র নির্বাচন করুন, H3 নির্বাচন করুন, Cormorant Infant নির্বাচন করুন, এটিকে বোল্ডে সেট করুন এবং রঙের জন্য সাদা চয়ন করুন।

• পাঠ্য প্রান্তিককরণ: কেন্দ্র
• হেডার টেক্সট: H3
• হেডার ফন্ট: Cormorant Infant
• সফট লাইট হেডার: বোল্ড
• হেডার টেক্সট রঙ: #ffffff

• হেডার টেক্সট সাইজ: ডেস্কটপের জন্য 42 পিক্সেল, ট্যাবলেটের জন্য 20 পিক্সেল, ফোনের জন্য 16 পিক্সেল
• হেডার লাইনের উচ্চতা: 1,1 em

ব্যবধান

অবশেষে, নিচে স্ক্রোল করুন ব্যবধান এবং নীচের মার্জিনে 10 পিক্সেল যোগ করুন। মডিউল সেটিংস বন্ধ করুন।

• নিচের মার্জিন: 10px

ঠিকানার জন্য পাঠ্য মডিউল

আরেকটি টেক্সট মডিউল যোগ করুন আপনার শারীরিক ঠিকানার জন্য।

শারীরিক ঠিকানা পাঠ্য মডিউলটি স্টাইল করুন

ঠিকানার পাঠ্য

অনুচ্ছেদ পাঠ্য হিসাবে আপনার ঠিকানা যোগ করুন.

• শৈলী: অনুচ্ছেদ
• পাঠ্য: আপনার ঠিকানা

অনুচ্ছেদ পাঠ্য

তারপরে টেক্সট এ যান স্টাইল ট্যাব এবং Cormorant Infant, আধা গাঢ় নির্বাচন করুন এবং এটি সাদাতে সেট করুন।

• হরফ: Cormorant Infant
• নরম হালকা পাঠ্য: আধা-গাঢ়
• পাঠ্যের রঙ পাঠ্য: #ffffff

• পাঠ্য পাঠের আকার: ডেস্কটপের জন্য 28px, ট্যাবলেটের জন্য 20px, ফোনের জন্য 16px
• পাঠ্য লাইনের উচ্চতা: 1,2 এম

সামাজিক নেটওয়ার্কে আমাদের অনুসরণ মডিউল যোগ করুন

আমাদের শেষ মডিউল হল মডিউল সামাজিক নেটওয়ার্কে আমাদের অনুসরণ করুন . এটি লাইনের নীচে যোগ করুন।

স্টাইলাইজ সোশ্যাল মিডিয়া মডিউলে আমাদের অনুসরণ করুন

আমরা দিয়ে শুরু করব স্টাইল ট্যাব এইবার. মডিউল সারিবদ্ধকরণের জন্য কেন্দ্র নির্বাচন করুন এবং আইকনের রঙ #442854 এ পরিবর্তন করুন।

• মডিউল প্রান্তিককরণ: কেন্দ্র
• আইকনের রঙ: #442854

এ স্ক্রোল করুন Bordure এবং বৃত্তাকার কোণগুলির জন্য 23 পিক্সেল যোগ করুন।

• বৃত্তাকার আয়তক্ষেত্র: 32px

আপনার সামাজিক নেটওয়ার্ক যোগ করুন এবং কাস্টমাইজ করুন

এখন ফিরে যান বিষয়বস্তু ট্যাব এবং আপনি অন্তর্ভুক্ত করতে চান এমন কোনো সামাজিক নেটওয়ার্ক যোগ করুন। ধূসর প্লাস আইকনে ক্লিক করুন।

তাদের খুলুন আপনার প্রতিটি সামাজিক নেটওয়ার্কের জন্য সেটিংস , নেটওয়ার্ক নির্বাচন করুন এবং আপনার অ্যাকাউন্টে লিঙ্ক যোগ করুন। পটভূমির রঙ #f9f3fd এ সেট করুন। সাবমডিউল সেটিংস বন্ধ করুন।

• সামাজিক নেটওয়ার্ক: আপনার পছন্দ
• অ্যাকাউন্ট লিঙ্ক URL: আপনার লিঙ্ক
• পটভূমির রঙ: #f9f3fd

ব্লগ পৃষ্ঠাটি সংরক্ষণ করুন এবং ভিজ্যুয়াল বিল্ডার থেকে প্রস্থান করুন

অবশেষে, পৃষ্ঠাটি সংরক্ষণ করুন নীচের ডান কোণে এবং নির্বাচন করুন ভিজ্যুয়াল বিল্ডার থেকে প্রস্থান করুন পৃষ্ঠার একেবারে উপরে. আপনি আপনার কাজ দেখতে প্রস্তুত.

ব্লগ পাতা পূর্বরূপ

এখানে আমাদের ফলাফল.

এখনই ডিভিআই ডাউনলোড করুন!!!

উপসংহার

তাই! ডিভি দিয়ে কীভাবে একটি ব্লগ পৃষ্ঠা তৈরি করা যায় তা এই আমাদের চেহারা। 

Divi বিল্ডার আকর্ষণীয় লেআউট তৈরি করা সহজ করে তোলে এবং প্রতিটি মডিউল ব্যবহার করার একাধিক উপায় রয়েছে। এই টিউটোরিয়ালটি যেমন অন্বেষণ করেছে, ব্লগ ফিডকে বিভিন্ন উপায়ে প্রদর্শন করতে একই পৃষ্ঠায় ব্লগ মডিউলের একাধিক সংস্করণ ব্যবহার করা সম্ভব।

আপনার যদি কোন উদ্বেগ বা পরামর্শ থাকে, তাহলে আমাদের খুঁজুন মন্তব্য বিভাগ এটি আলোচনা করার জন্য।

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

কিন্তু ইতিমধ্যে, আপনার বিভিন্ন সামাজিক নেটওয়ার্কে এই নিবন্ধটি ভাগ করুন.

...