JQuery load ን በመጠቀም የቅርብ ጊዜዎቹን ልጥፎች በዎርድፕረስ ማውጫ በኩል ይጫኑ

jquery

እዚያ ያሉ አንዳንድ ትልልቅ ብሎጎችን ከጎበኙ እንደ የ Mashable፣ እርስዎ የሚወርዱ እና ከእያንዳንዱ ምድብ ወደ የቅርብ ጊዜ የብሎግ ልጥፎች ታይነትን የሚያቀርብልዎት በጣም ጥሩ ምናሌ ስርዓት እንዳላቸው ልብ ይሉ ይሆናል። ገጹ ለመጫን እስከመጨረሻው እንደማይወስድ ለማረጋገጥ አያክስ izingን በመጠቀም ያንን ይዘት ይጫኑና ገጹ ሙሉ በሙሉ ከተጫነ በኋላ ብቻ ይጫኗቸዋል ፡፡

የዎርድፕረስ አያክስ Submenu

እዚህ ላይ ተመሳሳይ ነገር ለማድረግ ፈለግን Martech Zone. ስላሉን ምድቦች የተወሰነ ግንዛቤ ለመስጠት በእያንዳንዳቸው ውስጥ አንዳንድ ልጥፎችን ለማሳየት ፈለግሁ ፡፡ በዎርድፕረስ ፣ በዎርድፕረስ በደንብ ተገንዝበናል ኤ ፒ አይ እና jQuery ግን አንድ መጣጥፍ እስካገኘሁ ድረስ አልነበረም JQuery ን በመጠቀም ልጥፎችን በምድብ በማምጣት ላይ ጥሩ መፍትሄ እንዳገኘን ፡፡

ማስታወሻ-ጥሩ መፍትሔ ነው ብዬ የማላምንበት የእነሱ ዘዴ አንዱ ገጽታ መላውን የጥያቄ_ፖስት ክር በጃቫስክሪፕት በኩል ማስተላለፍ ነው… ለጠለፋ ራስዎን የሚከፍቱ ይመስለኛል! በመጠይቁ_ፖስታዎች ትዕዛዝ ውስጥ አስፈላጊ የሆኑትን መለኪያዎች ብቻ እንዳስተላልፍ ለዚህ ጣቢያ ስክሪፕቱን ቀይሬያለሁ ፡፡

በትምህርቱ ልጥፎችን በንቃት ለመሳብ አብነት በመፍጠር ተጠቃሚው እርምጃዎችን ይወስዳል እና ከዚያ ጥያቄውን ሊያስጀምሩ የሚችሉ አገናኞችን እንዴት መገንባት እንደሚቻል ፡፡ አንዳንድ አገናኞችን ብቻ ለማከናወን ብንፈልግ ቀላል ነበር ፣ ግን በእውነቱ በአሰሳ ምናሌ ውስጥ የተገነባውን የዎርድፕረስ ለመጠቀም እንፈልግ ነበር። እንደ አለመታደል ሆኖ እኛ የዎርድፕረስ ምናሌ አገናኞች የምናሌ ንጥሎችን ሲጨምሩ እና ሲያስወገዱ ቁጥሮች አፍርተዋል… ነገር ግን በአጃክስ ጥሪዎ ውስጥ ለመሳብ እና ለማለፍ በሚፈልጉት ምድብ ላይ ምንም መረጃ የላቸውም ፡፡

የምናሌውን ዝርዝር ንጥሎች በትክክል ለመሰየም ኮዱን ከ WPreso ፣ ወደ ምናሌ ንጥል ክፍሎች ገጽ / የልጥፍ ተንጠልጣይ ክፍልን ያክሉ.

አንድ ችግር ብቻ ነው… ለገጹ ወይም ለጽሑፉ ይሠራል ፣ ግን በእውነቱ ለ ምድብ አልሰራም! ስለዚህ የስለላውን ጥያቄ አዘምነነው በ:

$ slug = get_cat_slug ($ id);

እና ተግባሩን ከ WPRecipes አክሏል ፣ የዎርድፕረስ ማታለያ-የምድብ መታወቂያ በመጠቀም የምድብ ድፍን ያግኙ፣ በአሰሳ ምናሌው ውስጥ የምድብ ድልድል ወደ የውሂብ አይነታ እንዲመለስ ለማድረግ።

ስለዚህ… ለ 3 የዎርድፕረስ ጣቢያዎች የትብብር ጥረቶች እና ለአንዳንዶቹ ጥሩ ማስተካከያ በ jQuery guru በ DK New Media, እስጢፋኖስ ኮሊ (ምናሌውን ለማለስለስ) ፣ በጣም ጥሩ ንዑስ ምናሌ ስርዓት አለን!

ሁሉም ሥራ በእኛ ጭብጥ ፋይሎች ውስጥ ተከናውኗል ፡፡ እኛ በ ‹function.php› ውስጥ የአሰሳ ምናሌ ማጣሪያዎችን ጭነናል ፣ ንዑስ ምናሌውን ወደ ጭብጣችን የ header.php ፋይል ላይ አክለናል ፣ በእነሱ ላይ አንድ ንዑስ ምናሌ አብነት አክለናል እና በእኛ ራስጌ ውስጥ ንዑስ ምናሌ ጃቫስክሪፕት ፋይልን ጭነናል - jQuery በእኛ ጭብጥ ውስጥ ቀድሞውኑ እንደተጫነ ያረጋግጣል ፡፡ እንዲሁም. ስራውን እንደሚያደንቁ ተስፋ እናደርጋለን ፣ ለጣቢያው አስደሳች ዝመና ነበር!

8 አስተያየቶች

  1. 1

    ይህንን ኮድ በሆነ ቦታ ያሳዩ ወይም ይሸጣሉ? እንዲሠራ ለማድረግ እየሞከርኩ ነበር ነገር ግን ከእግረኛ ጋር ወደ wp_nav_menu እንዴት ማስገባት እንደሚቻል ማወቅ አልቻልኩም…

  2. 6
  3. 8

ምን አሰብክ?

ይህ ጣቢያ አይፈለጌን ለመቀነስ Akismet ይጠቀማል. አስተያየትዎ እንዴት እንደሚሰራ ይወቁ.