ADs by Techtunes ADs
ADs by Techtunes ADs

ওয়ার্ডপ্রেস ওস্তাদ [পর্ব-১১] :: ওয়ার্ডপ্রেস থিম ফ্রেমওয়ার্ক ডেভলপমেন্ট (পর্ব-৫)

ওয়ার্ডপ্রেস ওস্তাদ

সবাইকে আন্তরিক শুভেচ্ছা এবং স্বাগতম জানাচ্ছি “ওয়ার্ডপ্রেস ওস্তাদ” এডভান্স ওয়ার্ডপ্রেস ডেভলপমেন্টের উপর একটা পূর্ণাঙ্গ ফ্রি চেইন কোর্সে। টেকটিউনস বিশ্বের সবচেয়ে বড় বাংলা সোশ্যাল নেটওয়ার্ক । এরকম একটা বড় প্লাটফর্মে “ওয়ার্ডপ্রেস ওস্তাদ” কোর্সটি টেকটিউনস কতৃপক্ষের প্রত্যক্ষ সহযোগিতায় শুরু করতে পেরে ভালো লাগছে।

ADs by Techtunes ADs

“ওয়ার্ডপ্রেস ওস্তাদ ” কোর্সের ঘোষণা টেকটিউন্সে প্রকাশ করার পর আপনাদের মধ্যে যে আগ্রহ দেখেছি, তা এই কোর্সটিকে সুন্দর করে পরিচালনা করতে সাহায্য করবে। সকলের সক্রিয় অংশগ্রহণ কামনা করছি।

ওয়ার্ডপ্রেস থিম ফ্রেমওয়ার্ক ডেভলপমেন্ট (পর্ব-৫)

গতপর্বে আমরা index.php ফাইল নিয়ে কাজ করেছিলাম। সোখানে নিচের লাইনের মতো একটা php কোড ছিলো, যার মাধ্যমে post content কে index.php তে নিয়ে আসা হয়।

<?php get_template_part( 'content', get_post_format() ); ?>

post content কে index.php তে নিয়ে আসার জন্য একটা content.php নামে php ফাইল তৈরি করে নিতে হবে। আজকে আমরা কিভাবে content.php ফাইল তৈরি করতে হবে এ বিষয়ে আলোচনা করবো।

content.php ফাইল তৈরি সম্পর্কে বিস্তারিত আলোচনা

প্রথমে একটা  php ফাইল content.php নামে তৈরি করে নিচের কোড যুক্ত করুন।

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

  • <header> </header> অংশে  post thumbnail , post title, post meta ইত্যাদি যুক্ত করতে হবে।
  • <div class="entry-content"> অংশে post content প্রদর্শনের ব্যবস্থা করতে হবে।
  • <footer class="entry-footer">অংশে post এর author সম্পর্কিত তথ্য প্রদর্শনের ব্যবস্থা করতে হবে।

কার্যপ্রণালী

নিচের ছবির মতো <article> ট্যাগে ডাইনামিক ID এবং ক্লাস  যুক্ত করুন । যা পরবর্তীতে css বা js এ প্রয়োজনে ব্যবহার করা যাবে।

এখন post thumbnail যুক্ত করার জন্য নিচের কোড অংশ <header> </header> অংশে যুক্ত করুন।

ADs by Techtunes ADs

post meta যুক্ত করার জন্য এর পর পরই নিচের কোড অংশ <header> </header> অংশে যুক্ত করুন।

কিন্তু এরপরও post meta যুক্ত হবে না। কারণ এখানে ব্যবহৃত auamy_post_meta()  ফাংশনটি  আমাদের তৈরি করে নিতে হবে। এজন্য আমাদেরকে functions.php তে নিচের কোড অংশ যুক্ত করতে হবে।

এর পরেও কিছুই দেখাবে না কারণ এতক্ষণে আমরা একটা ul ট্যাগ নিয়েছি মাত্র।

এখন ul এর li ট্যাগ হিসেবে ছবিতে দেখানো লাল দাগের মধ্যে author meta, date meta, category,tags,comments ইত্যাদি meta যুক্ত করতে হবে।

সোর্স ফাইল ডাউনলোড

http://www.mediafire.com/download/9wh3hdmc8q1zuni/5.WordPress_Theme_Framework_Development(Part-5).zip

আজ এ পর্যন্তই। সবাইকে ধন্যবাদ । শুভকামনা রইলো।

ADs by Techtunes ADs

ADs by Techtunes ADs
Level 2

আমি অসীম কুমার পাল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 147 টি টিউন ও 471 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 17 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি অসীম কুমার পাল। ইলেকট্রনিক্স এবং ওয়েব ডিজাইনকে অন্তরে ধারণ করে পথ চলতেছি। স্বপ্ন দেখি এই পৃথিবীর বুকে একটা সুখের স্বর্গ রচনা করার। নিজেকে একজন অতি সাধারণ কিন্তু সুখী মানুষ ভাবতে পছন্দ করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

ভাই অনেক ধন্যবাদ |

আমি আছি ভাই

thanks shudu apnar jonno anejdin por login karlam apnake jodi aro age patham tahole hoitoba atodin anek kichu korte partam apnar proboti poster apekhai thaklam

ভাই আমার সাইটে দেখায়, এ জন্য আমি পুস্ট করতে পারতেসিনাহ। ভাই সাহাজ্য করেন।
Post Title is too long (maximum is 80 chars, your Title has 119).
Too few tags (minimum is 1, your post has 0).
Post thumbnail (Featured image) is required.
Post Status has been changed to Draft.

প্রিয় টিউনার,

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