ওয়ার্ডপ্রেস কোডিং পর্ব – ২৬ (আপনার সাইট এ সুন্দর একটা Ajax contact পেজ এড করুন তাও আবার plugin ছাড়া )

এই পোস্ট 26 of 40 পর্বে অন্তর্ভুক্ত ওয়ার্ডপ্রেস কোডিং টিউটোরিয়াল

আসসালামু আলাইকুম ।আশা করি সবাই খুব ভাল আছেন ।আজকের টিউটোরিয়াল টা পড়ে খুব সহজে আপনি আপনার সাইট এ Ajax contact পেজ এড করতে পারবেন ।এর জন্য আমাদের কিছু কাজ করতে হবে ।আমার মনে হয় Ajax সবাই ই বুজেন ।যেইটা কোন page load হয় না l অর্থাত কেউ যদি ওই contact form পূরন করে submit করে তাহলে পেজ টা পুনরায় লোড হওয়া

ছাড়াই submit হবে । এই টা করতে হলে আপনাকে কিছু কাজ করতে হবে ।আমি নিচে ধাপে ধাপে আলোচনা করলাম ।

1)প্রথমে আপনি Notepad / Notepad++ / Dreamwover যেকোন একটা software open করুন । তারপর নিচের কোড গুলি copy করে ওইখানে paste করুন । তারপর সেই ফাইল টাকে Naznul contact Form.php লিখে সেভ করুন ।

 

তারপর এইটাকে আপনি যেই থিম use করেন সেই folder এ  upload করে দিন ।

 

 

2)এই contact পেজ টাকে style করার জন্য নিচের কোড গুলি আপনার থিম এর style.css এ সবার শেষে এড করে দিন ।

 

 

 

 

3)এবার আমরা ajax এর কাজ করবো ।নিচের কোড টা আপনার থিম এর header.php তে  </head>  ট্যাগ এর আগে বসিয়ে দিন ।

 

 

 

 

4)এবার Ajax এর আসল কাজ ।cpanel থেকে দেখেন তো আপনি যেই থিম টা use করছেন ওইটাতে script নামে কোন folder আছে কিনা ?না থাকলে আপনি ওইখানে আপনি একটা folder বানিয়ে নিন ।তারপর নিচের কোডগুলি copy করে আগের মত Notepad এ paste করুন । এইটাকে contact-form.js  নামে সেভ করুন ।

 

 

 

তদ্রুপ আবার নিচের কোড গুলি  copy করে আগের মত Notepad এ paste করে jquery.js   নামে সেভ করুন ।

 

 

 

 

এখন এই দুইটা ফাইল script  folder এ upload করে দিন ।

5)এখন নিচের ajax loading image টা আপনার থিম এর images folder এ upload করে দিন ।

 

এখন contact page টা এড করার পালা । আপনার ডেশবোর্ড থেকে new page এ যান । তারপর title লিখুন । page Attributes থেকে Template থেকে Nazmul contact form টা দিন । তারপর publish এ ক্লিক করুন ।

 

contact

contact

কাজ এইখানেই শেষ ।কোন problem হলে আমাকে জানাবেন ।আর আপনাদের সুবিধার্থে আমি কোড গুলি একসাথে upload করে দিলাম ।contact page টা কেমন হল তা অবশ্যয় জানাবেন ।

download

ওয়ার্ডপ্রেস কোডিং সম্পর্কিত যেকোন হেল্পের জন্য এবং যেকোন কোড প্রয়োজন হলে আমাদের ওয়ার্ডপ্রেস কোডিং  ফেসবুক গ্রুপে যোগ দিতে পারেন

পূর্বে আমার সাইটে প্রকাশিতঃ ওয়ার্ডপ্রেস কোডিং পর্ব – ২৬ (আপনার সাইট এ সুন্দর একটা Ajax contact পেজ এড করুন তাও আবার plugin ছাড়া )

আমার ফেসবুকঃ নাজমুল হাসান

সৌজন্যেঃবাংলাব্লগ২৪

 

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

মন্তব্যগুলি

মন্তব্যগুলি

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...