ওয়ার্ডপ্রেস মেনু মাধ্যমে jQuery লোড ব্যবহার করে বিভাগ দ্বারা সর্বশেষ পোস্টগুলি লোড করুন

jQuery

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

ওয়ার্ডপ্রেস আজাক্স সাবমেনু

আমরা এখানেও একই কাজ করতে চেয়েছিলাম Martech Zone। আমাদের যে বিভাগগুলিতে রয়েছে সে সম্পর্কে কিছুটা অন্তর্দৃষ্টি দেওয়ার জন্য, আমি প্রত্যেকটির মধ্যে কিছু পোস্ট দেখাতে চেয়েছিলাম। আমরা ওয়ার্ডপ্রেস, ওয়ার্ডপ্রেসে পারদর্শী এপিআই এবং jQuery তবে আমি এর উপর একটি নিবন্ধ না পাওয়া পর্যন্ত এটি ছিল না JQuery ব্যবহার করে বিভাগ দ্বারা পোস্টগুলি আনা হচ্ছে যে আমাদের একটি চমৎকার সমাধান ছিল।

দ্রষ্টব্য: আমি বিশ্বাস করি না যে তাদের পদ্ধতির একটি দিক হ'ল একটি ভাল সমাধান জাভাস্ক্রিপ্টের মাধ্যমে পুরো ক্যোয়ারী_পোস্ট স্ট্রিংটি পার করছে ... মনে হচ্ছে আপনি হ্যাকিংয়ের জন্য নিজেকে খুলছেন! আমি এই সাইটের জন্য স্ক্রিপ্টটি পরিবর্তন করেছি যাতে আমি কেবলই ক্যোয়ারী_পোস্ট কমান্ডের মধ্যে প্রয়োজনীয় প্যারামিটারগুলি পাস করি।

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

মেনু তালিকা আইটেমগুলি সঠিকভাবে লেবেল করতে, আমরা ডাব্লুপ্রিসো থেকে কোডটি অন্তর্ভুক্ত করেছি, মেনু আইটেম ক্লাসে পৃষ্ঠা / পোস্ট স্লাগ ক্লাস যুক্ত করুন.

কেবল একটি সমস্যা ... এটি পৃষ্ঠা বা পোস্টের জন্য কাজ করে তবে প্রকৃত পক্ষে বিভাগের জন্য কাজ করে না! সুতরাং আমরা এর সাথে স্লাগের জন্য অনুরোধটি আপডেট করেছি:

$ স্লাগ = get_cat_slug ($ আইডি);

এবং ডাব্লুপিআরসিপিস থেকে ফাংশন যুক্ত করেছে, ওয়ার্ডপ্রেস ট্রিক: বিভাগ আইডি ব্যবহার করে বিভাগ স্লাগ পান, নেভিগেশন মেনুতে ডেটা অ্যাট্রিবিউটে বিভাগ স্লাগটিকে আবার টানতে pull

সুতরাং… 3 ওয়ার্ডপ্রেস সাইটের সহযোগী প্রচেষ্টা এবং আমাদের jQuery গুরু এ কিছু সূক্ষ্ম সুরকরণ ধন্যবাদ DK New Media, স্টিফেন কোলি (মেনুটি মসৃণ করার জন্য), আমাদের খুব সুন্দর সাবমেনু সিস্টেম রয়েছে!

সমস্ত কাজ আমাদের থিম ফাইলের মধ্যে সম্পন্ন হয়েছিল। আমরা ফাংশন.এফপিতে নেভিগেশন মেনু ফিল্টারগুলি লোড করেছি, আমাদের থিমের শিরোনাম.এফপি ফাইলটিতে সাবমেনু ডিভ যুক্ত করেছি, সেগুলিতে একটি সাবমেনু টেমপ্লেট যুক্ত করেছি এবং আমাদের শিরোনামে একটি সাবমেনু জাভাস্ক্রিপ্ট ফাইল লোড করেছি - এটি নিশ্চিত করে যে আমাদের থিমটিতে jQuery ইতিমধ্যে লোড হয়েছে load যেমন. আপনি কাজের প্রশংসা করি, এটি সাইটে একটি মজাদার আপডেট ছিল!

8 মন্তব্য

  1. 1

    আপনি কি কোথাও এই কোডটি দেখান বা বিক্রি করেন? আমি এটি কার্যকরভাবে করার চেষ্টা করেছি তবে কীভাবে ওয়াকারের সাথে wp_nav_menu toুকতে হবে তা আমি বুঝতে পারি না…

    • 2
      • 3

        উত্তরের জন্য ধন্যবাদ :). এটি আমার প্রথম বিভাগের জন্য ঠিকঠাক কাজ করছে তবে কেবল এই একের জন্য, আমি প্রতিটি উপশ্রেণীর (আমার মেনুর 2 স্তরের) প্রক্রিয়াটি পুনরায় কীভাবে পুনর্বার করব এবং এটির স্তরের 1 এর স্তরে কাজ করা থেকে বিরত রাখতে পারি তা খুঁজে বের করতে পারি না আমার মেনু: /

  2. 6
  3. 8

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.