ገጹን እንደገና ሳይጭኑ ይዘቶችን ወደ WordPress በመጫን ላይ። ያለ ተሰኪ የዎርድፕረስ ልጥፎች ማለቂያ የሌለው ማሸብለል። WooCommerce ላይ የምርት ማጣሪያዎች

ያ ፣ በ AJAX ቴክኖሎጂ እገዛ ፣ ለፍለጋ ሞተር ማሻሻያ ዓላማ ፣ የጣቢያውን ይዘት በከፊል ከፍለጋ ሞተሮች ደበቅኩ (በነገራችን ላይ ፣ መከለያ አይደለም)።

ይህንን በቴክኒክ ተግባራዊ አድርጌዋለሁ። በብሎጋቸው ላይ ተመሳሳይ ነገር መድገም የሚፈልጉ ብዙ ስለነበሩ ይህን እንዴት ማድረግ እንዳለብኝ መረጃ ለማስተላለፍ እሞክራለሁ።

AJAX በመሠረቱ ጃቫስክሪፕትን በመጠቀም የአንድ ገጽ ይዘት ከፊል ተለዋዋጭ ጭነት ነው። እነዚያ። ይህ የይዘቱ ክፍል በጣቢያው ላይ የሚታየው ይመስላል፣ ነገር ግን የገጹን ምንጭ ኮድ ከተመለከቱ፣ እዚያ የለም። ወይም፣ በአሳሽዎ ውስጥ የጃቫስክሪፕት ድጋፍን ካሰናከሉ፣ ይህ ይዘት እንዲሁ አይታይም።

ይህ ባህሪ ለምሳሌ ለፍለጋ ሞተሮች በአንድ ጣቢያ ላይ ያለውን የውስጥ አገናኞች ቁጥር ለመቀነስ ሊያገለግል ይችላል። ጎግልም ሆነ Yandex ያንን የይዘቱን ክፍል በAJAX በኩል አያመላክቱም።

ስለዚህ ወደ ልምምድ እንሂድ። ብዙውን ጊዜ በጎን አሞሌው ውስጥ የሚታየውን ወርሃዊ የማህደር ዝርዝር ምሳሌ በመጠቀም በዎርድፕረስ ላይ ይህን እንዴት ማድረግ እንዳለብዎ እነግርዎታለሁ።

2 መፍትሄዎችን አቀርባለሁ. ሁለተኛው በጣም ቀላሉ ነው.

የመጀመሪያው አማራጭ

ajax_archives.php ) ከሚከተለው ይዘት ጋር፡-

ወደ WordPress አስተዳዳሪዎ ይግቡ እና አዲስ ገጽ ይፍጠሩ። የሚወዱትን ሁሉ ይሰይሙት, ለምሳሌ "የመዝገብ ቤት ዝርዝር". በቀኝ በኩል፣ በ "ገጽ ባህሪያት" ብሎክ ውስጥ "AJAX of archives" የሚለውን አብነት ይምረጡ።

ይህንን ገጽ በአሳሽ ውስጥ ከከፈቱ እኛ የምንፈልገው ዝርዝር ብቻ እንዳለ እና ምንም አላስፈላጊ ነገር እንደሌለ ታያለህ። በትክክለኛው ቦታ ላይ በጣቢያው ላይ የምንጭነው ይህ ነው.

በዚያ ቦታ በ sidebar.php ፋይል ውስጥ

jQueryን በመጠቀም AJAXን እንተገብራለን፣ስለዚህ በጣቢያዎ ላይ አስቀድሞ ካልነቃ የሚከተለውን ኮድ ከኮዱ በፊት ወደ header.php ፋይል ያክሉ።

አሁን የሚቀረው አስፈላጊውን ይዘት የሚጭን ትንሽ ስክሪፕት ወደ ጣቢያው ማከል ብቻ ነው። js ፋይል ይፍጠሩ (ለምሳሌ scripts.js

(ተግባር($) ( $(ተግባር() ($("#archives"))።ጫን("http://YOUR_DOMAIN/ajax_archives/"); ))))(jQuery)

ከhttp://YOUR_DOMAIN/ajax_archives/ ይልቅ፣ ከተፈጠረው ገጽ በላይ ያለውን አድራሻ ይተኩ።

header.php:

ወሮች - ርዕሶች

get_header (); እና get_footer (); የአብነቱን ራስጌ እና ግርጌ በቅደም ተከተል ያግኙ። get_sidebar (); ሆን ብዬ ቆርጬዋለሁ የኮዱን ግንዛቤ እንዳያስተጓጉል ነው። የተቀረው ኮድ ወር እና ምድብ ተቆልቋይ ዝርዝሮችን ያሳያል።

ባዶ ብሎክ የጥያቄው ውጤት የሚታይበት መያዣ ነው፣ ማለትም መዝገቦች.

2. CSS ን ተጠቅመን ተቆልቋይ ዝርዝሩን እንነድፍ፤ ራስጌውን ከጠራን በኋላ ወዲያውኑ የሚከተለውን ኮድ እንጨምር።

# ማህደር_አሳሽ >

በዚህ ደረጃ ላይ የሚከተለውን አግኝቻለሁ.


3. ለአገልጋዩ ጥያቄ የሚያቀርብ የጃቫ ስክሪፕት ኮድ ይጨምሩ እና ወደ ማህደር_ፖት ብሎክ ያወጡት (ኮዱን ከ css ቅጦች በኋላ እንጨምራለን)