ওয়ার্ডপ্রেস দিয়ে একটি ক্লায়েন্ট পোর্টাল তৈরি করুন

কন্টেন্ট

• 01. ওয়ার্ডপ্রেসের একটি নতুন কপি ইনস্টল করুন
• 02. ডিফল্ট প্লাগইনগুলি সরান
• 03. একটি কাস্টম পোস্ট প্রকার যুক্ত করুন
• 04. অ্যাড / সম্পাদনা কাস্টম পোস্ট টাইপ ইন্টারফেস
• 05. একটি কাস্টম পুনর্লিখন স্লাগ তৈরি করুন
• 06. কাস্টম ক্ষেত্রের জন্য সমর্থন যোগ করুন
• 07. কাস্টম ক্ষেত্র যুক্ত করুন
• 08. ক্ষেত্রগুলি সেট আপ করুন
• 09. ওয়ার্ডপ্রেস টেম্পলেট ফাইল তৈরি করুন
• 10. একটি পূর্ণ-প্রস্থের একক পোস্ট লেআউট তৈরি করুন
• ১১. লুপটি শুরু করুন এবং সামগ্রীটি তৈরি করুন
• 12. গতিশীল মানগুলিতে কল করতে পিএইচপি ব্যবহার করুন
• 13. কিছু ডামি ডেটা দিয়ে একটি পরীক্ষা গ্রাহক করুন
• 14. যে কোনও অনুপস্থিত ডেটার জন্য ত্রুটিগুলি পরিচালনা করুন
• 15. ইন্টারফেস পরিপাটি করা
• 16. এটি সাইটম্যাপ থেকে বাদ দিন

এমন একটি অঞ্চল থাকা যা ব্যবহারকারীরা লগইন করতে এবং ডকুমেন্টগুলি ডাউনলোড করতে বা ডাউনলোড করতে দেয় যা গ্রাহকরা ফোন চুক্তি থেকে শুরু করে ইউটিলিটিগুলিতে প্রত্যাশিত হয়ে পড়েছেন।

ডিজাইনাররা যখন তাদের ক্লায়েন্টদের সাথে কাজ করেন, তবে সবকিছুই ইমেলগুলির একটি জঞ্জাল, মকআপ এবং সংযুক্তিগুলির লিঙ্কে দ্রুত ভেঙে যেতে পারে।

এই ওয়ার্ডপ্রেস টিউটোরিয়ালটি দেখায় যে কীভাবে ডকুমেন্টস, ভিডিও এবং অঙ্কনগুলি সঞ্চয় করতে সক্ষম ক্লায়েন্টের পোর্টালে ওয়ার্ডপ্রেসকে (অন্যান্য ওয়েব হোস্টিং পরিষেবাগুলি উপলভ্য রয়েছে) প্রসারিত করা যায়, যাতে ক্লায়েন্ট তাদের সমস্ত জায়গায় এক জায়গায় অ্যাক্সেস করতে পারে। পোর্টালটি প্রতিটি গ্রাহককে একটি অনন্য এবং পাসওয়ার্ড-সুরক্ষিত লিঙ্ক দিয়ে পরিবেশন করবে যা নিয়মিত নেভিগেশনে প্রদর্শিত হবে না।

কাস্টম পোস্টের ধরণ এবং ক্ষেত্রগুলি ডেটা সঞ্চয় করার জন্য ব্যবহৃত হবে এবং থিমটি পরিবর্তিত হওয়া উচিত ডেটা ক্ষতি এড়াতে প্লাগিনগুলির মাধ্যমে এগুলি যুক্ত করা হবে। থিমটি কিছুটা সংশোধন করা হবে।

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

ফাইলগুলি ডাউনলোড করুন এই টিউটোরিয়াল জন্য।

• কীভাবে ওয়ার্ডপ্রেসকে ভিজ্যুয়াল বিল্ডারে রূপান্তর করা যায়

01. ওয়ার্ডপ্রেসের একটি নতুন কপি ইনস্টল করুন

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

02. ডিফল্ট প্লাগইনগুলি সরান

যদি কোনও ডিফল্ট প্লাগইন ওয়ার্ডপ্রেসের অনুলিপি নিয়ে আসে তবে সেগুলি মুছুন। এই টিউটোরিয়ালটির জন্য প্রয়োজনীয় প্লাগইনগুলি হ'ল "অ্যাডভান্সড কাস্টম ফিল্ডস" এবং "কাস্টম পোস্টের ধরণ UI"। "ক্লাসিক সম্পাদক" ইনস্টল করা হয়েছে।

03. একটি কাস্টম পোস্ট প্রকার যুক্ত করুন

কাস্টম পোস্ট প্রকার UI ইন্টারফেস ব্যবহার করে, "গ্রাহক" নামে একটি নতুন পোস্ট প্রকার যুক্ত করুন। "পোস্ট টাইপ স্লগ" এ প্রবেশ করার সময় স্পেসগুলির পরিবর্তে আন্ডারস্কোর ব্যবহার করুন এবং একক আকারে লিখুন, এটি পরবর্তীকালে টেমপ্লেট তৈরি করা আরও সহজ করে তুলবে। দ্বন্দ্বের সম্ভাবনা কমাতে উপসর্গ টিউ_ যুক্ত করা হয়েছে।

04. অ্যাড / সম্পাদনা কাস্টম পোস্ট টাইপ ইন্টারফেস

"গ্রাহক" এবং একক "গ্রাহক" লেবেলযুক্ত বহুবচন যুক্ত করুন, কারণ এটি ওয়ার্ডপ্রেস অ্যাডমিন মেনুতে উপস্থিত হবে। এই ক্ষেত্রগুলিতে মূলধন গ্রহণ করা হয়, যা ওয়ার্ডপ্রেস মেনুটি আরও পরিশ্রমী করে তুলবে।

05. একটি কাস্টম পুনর্লিখন স্লাগ তৈরি করুন

পোস্ট ধরণের স্লাগের জন্য একটি উপসর্গ ব্যবহার করার অর্থ পোর্টালে যুক্ত গ্রাহকরা "/ tu_customer / উদাহরণ-সংস্থা" এর মতো দেখতে একটি লিঙ্ক তৈরি করা হবে। এটি পরিপাটি মনে হয় না এবং এটি উন্নত করতে কাস্টম পুনর্লিখন স্লাগ ব্যবহার করা হয়। পুনরায় লেখার স্লাগটিকে "গ্রাহকগণ" এ সেট করার ফলে কাস্টম পোস্ট প্রকারটি / গ্রাহকগণ / উদাহরণস্বরূপ-সংস্থা হিসাবে উপস্থিত হতে পারে।

06. কাস্টম ক্ষেত্রের জন্য সমর্থন যোগ করুন

কাস্টম পোস্ট প্রকারের জন্য সক্ষম হওয়া শেষ বিকল্পটি হ'ল "সহায়তা> কাস্টম ফিল্ড" যা পৃষ্ঠার নীচের অংশে পাওয়া যায়। এটিতে টিক দিন এবং তারপরে পৃষ্ঠার নীচে "পোস্টের ধরণ যুক্ত করুন"। এটি পরিবর্তনগুলি জমা দেয় এবং পোস্টের ধরণটি নিবন্ধভুক্ত করে।

07. কাস্টম ক্ষেত্র যুক্ত করুন

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

08. ক্ষেত্রগুলি সেট আপ করুন

যুক্ত করার জন্য পরবর্তী ক্ষেত্রটি হ'ল "ব্র্যান্ড প্রশ্নাবলী"। এটিতে কোনও Google ফর্মের লিঙ্ক থাকবে যা গ্রাহককে পূরণ করতে হবে। এর জন্য সবচেয়ে উপযুক্ত ক্ষেত্রের ধরণ হ'ল "URL"। এই একই পদ্ধতিটি সমস্ত ক্ষেত্রের জন্য ব্যবহার করা যেতে পারে যা বাহ্যিক পরিষেবার সাথে লিঙ্ক করবে। শেষ হয়ে গেলে, "অবস্থান" বাক্সে নীচে স্ক্রোল করুন এবং "পোস্টের প্রকারটি দেখান কিনা" = "গ্রাহক" যুক্তিটি ব্যবহার করুন। তারপরে ফিল্ড গ্রুপটি প্রকাশ করুন।

09. ওয়ার্ডপ্রেস টেম্পলেট ফাইল তৈরি করুন

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

10. একটি পূর্ণ-প্রস্থের একক পোস্ট লেআউট তৈরি করুন

একক- tu_customer.php ফাইল খুলুন এবং get_header এবং get_footer ওয়ার্ডপ্রেস ফাংশন যুক্ত করুন। এই ফাংশনগুলির মধ্যে, আপনার থিমের সাথে কাজ করে এমন সামগ্রী রাখতে একটি পূর্ণ-প্রস্থের বিন্যাস তৈরি করুন।

? পিএইচপি get_header ();?> ডিভি আইডি = "একক-মোড়ক"> ডিভি আইডি = "বিষয়বস্তু" টবিনডেক্স = "- 1"> ডিভি> ডিভি আইডি = "প্রাথমিক"> প্রধান আইডি = "প্রধান"> -! বিষয়বস্তু -> / প্রধান </ div> / div>! - .row -> / div>! - # কনটেন্ট -> </ div>! - # একক-মোড়ক ->? পিএইচপি গেট_ফুটার () ;?>

১১. লুপটি শুরু করুন এবং সামগ্রীটি তৈরি করুন

মূল> উপাদানটির মধ্যে ,_পোস্টে কল করুন এবং তথ্য রাখার জন্য ধারক উপাদান তৈরি করুন। বিন্যাসের ধারণা পেতে স্থানধারক তথ্য ব্যবহার করুন এবং উপাদানগুলিকে স্টাইল করতে শুরু করুন। কার্ডের উপাদানগুলি শিরোনাম, বিবরণ এবং একটি লিঙ্ক সহ বুটস্ট্র্যাপ কার্ড হবে।

প্রধান আইডি = "প্রধান">? পিএইচপি যখন (has_posts ()): the_post (); ?> var13 -> div> div> div> বিষয়বস্তু </ div> বিভাগ> বিষয়বস্তু </ div> বিভাগ> বিষয়বস্তু </ div> </ div> / div>? পিএইচপি অবশেষে; // লুপ এর শেষ। ?> var13 -> / মূল>! - # মেইন ->

12. গতিশীল মানগুলিতে কল করতে পিএইচপি ব্যবহার করুন

উন্নত কাস্টম ফিল্ড প্লাগইনের সাথে আসে এমন একটি ফাংশন "the_field" ব্যবহার করে, কাস্টম ক্ষেত্রগুলি থেকে গতিশীল সামগ্রী গ্রাহক টেম্পলেটে প্রবেশ করা হয়েছে। ‘ক্ষেত্রের নাম’ হ'ল মান যা পদক্ষেপ 3 এ প্রবেশ করানো হয়েছিল।

বিভাগ </ div> এইচ 5> সংক্ষিপ্ত </ h5> p> এটি আপনার আসল সংক্ষিপ্ত দলিল </ p> a href = "? পিএইচপি দ্য_ফিল্ড ('সংক্ষিপ্ত');?> var13 ->" লক্ষ্য = "কিছুই নয়"> খুলুন / এ </ div> / div>>

13. কিছু ডামি ডেটা দিয়ে একটি পরীক্ষা গ্রাহক করুন

ওয়ার্ডপ্রেস ড্যাশবোর্ড অ্যাক্সেস করে বাম-হাতের বার থেকে একটি নতুন গ্রাহক যুক্ত করা যায়। গ্রাহকরা> নতুন গ্রাহক যুক্ত করুন। পোস্টের ভিউটি পরিচিত হবে, তবে নীচে স্ক্রোল করা সমস্ত নতুন কাস্টম ক্ষেত্রকে প্রকাশ করবে। সবকিছু সঠিকভাবে কাজ করছে তা নিশ্চিত করার জন্য কিছু পরীক্ষার ডেটা প্রবেশ করান।

14. যে কোনও অনুপস্থিত ডেটার জন্য ত্রুটিগুলি পরিচালনা করুন

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

? পিএইচপি যদি (get_field ('ক্ষেত্রের নাম')):?> var13 -> প্রদর্শিত হয় যখন ক্ষেত্র_নামের মান থাকে? পিএইচপি অন্য: // ক্ষেত্রের নাম মিথ্যা ফিরেছে?> var13 -> প্রদর্শিত হয় যখন ক্ষেত্রটি বিদ্যমান না? php endif ; // ক্ষেত্রের নাম যুক্তি যদি শেষ?> var13 ->

15. ইন্টারফেস পরিপাটি করা

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

16. এটি সাইটম্যাপ থেকে বাদ দিন

কাস্টম পোস্টের প্রকারগুলি অনুসন্ধান ইঞ্জিনের ফলাফলগুলিতে পাওয়া উচিত নয়। কোনও এসইও প্লাগইনের মাধ্যমে পোস্টের ধরণটি ওয়েবসাইটের সাইটম্যাপ থেকে বাদ দেওয়া দরকার, অথবা ম্যানুয়ালি একটি মেটা ট্যাগ এবং রোবটস টেক্সট ব্যবহার করে।

মেটা নাম = "রোবট" সামগ্রী = "নয়েডেক্স, নোফলো" /> ব্যবহারকারী-এজেন্ট: * বারণ: / গ্রাহক /

একটি নতুন ওয়েবসাইট ডিজাইন করতে চান? প্রক্রিয়াটিকে অতি-সহজ করার জন্য একটি উজ্জ্বল ওয়েবসাইট নির্মাতা ব্যবহার করুন।