JQuery ಲೋಡ್ ಬಳಸಿ ವರ್ಡ್ಪ್ರೆಸ್ ಮೆನು ಮೂಲಕ ವರ್ಗದ ಪ್ರಕಾರ ಇತ್ತೀಚಿನ ಪೋಸ್ಟ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡಿ

jquery

ನೀವು ಕೆಲವು ದೊಡ್ಡ ಬ್ಲಾಗ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿದ್ದರೆ mashable, ಅವುಗಳು ಬಹಳ ಸುಂದರವಾದ ಮೆನು ವ್ಯವಸ್ಥೆಯನ್ನು ಹೊಂದಿರುವುದನ್ನು ನೀವು ಗಮನಿಸಬಹುದು ಮತ್ತು ಅದು ಪ್ರತಿ ವರ್ಗದ ಇತ್ತೀಚಿನ ಬ್ಲಾಗ್ ಪೋಸ್ಟ್‌ಗಳಿಗೆ ಗೋಚರತೆಯನ್ನು ನೀಡುತ್ತದೆ. ಪುಟವು ಲೋಡ್ ಆಗಲು ಶಾಶ್ವತವಾಗಿ ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು, ಅವರು ಆ ವಿಷಯವನ್ನು ಅಜಾಕ್ಸ್ ಬಳಸಿ ಲೋಡ್ ಮಾಡುತ್ತಾರೆ… ಮತ್ತು ಪುಟವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಲೋಡ್ ಮಾಡಿದ ನಂತರವೇ ಅದನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತಾರೆ.

ವರ್ಡ್ಪ್ರೆಸ್ ಅಜಾಕ್ಸ್ ಸಬ್ಮೆನು

ನಾವು ಇಲ್ಲಿಯೂ ಅದೇ ರೀತಿ ಮಾಡಲು ಬಯಸಿದ್ದೇವೆ Martech Zone. ನಮ್ಮಲ್ಲಿರುವ ವರ್ಗಗಳ ಬಗ್ಗೆ ಕೆಲವು ಒಳನೋಟವನ್ನು ಒದಗಿಸಲು, ಪ್ರತಿಯೊಂದರಲ್ಲೂ ಕೆಲವು ಪೋಸ್ಟ್‌ಗಳನ್ನು ತೋರಿಸಲು ನಾನು ಬಯಸುತ್ತೇನೆ. ನಾವು ವರ್ಡ್ಪ್ರೆಸ್, ವರ್ಡ್ಪ್ರೆಸ್ನಲ್ಲಿ ಚೆನ್ನಾಗಿ ತಿಳಿದಿದ್ದೇವೆ ಎಪಿಐ ಮತ್ತು jQuery ಆದರೆ ನಾನು ಲೇಖನವನ್ನು ಕಂಡುಕೊಳ್ಳುವವರೆಗೂ ಇರಲಿಲ್ಲ JQuery ಬಳಸಿ ವರ್ಗದಿಂದ ಪೋಸ್ಟ್‌ಗಳನ್ನು ಪಡೆಯಲಾಗುತ್ತಿದೆ ನಾವು ಉತ್ತಮ ಪರಿಹಾರವನ್ನು ಹೊಂದಿದ್ದೇವೆ.

ಸೂಚನೆ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಸಂಪೂರ್ಣ ಪ್ರಶ್ನೆ_ಪೋಸ್ಟ್ ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು ಹಾದುಹೋಗುವುದು ಉತ್ತಮ ಪರಿಹಾರವೆಂದು ನಾನು ನಂಬದ ಅವರ ವಿಧಾನದ ಒಂದು ಅಂಶವಾಗಿದೆ… ನೀವು ಹ್ಯಾಕಿಂಗ್‌ಗಾಗಿ ನೀವೇ ತೆರೆದುಕೊಳ್ಳುತ್ತಿದ್ದೀರಿ ಎಂದು ನನಗೆ ತೋರುತ್ತದೆ! ನಾನು ಈ ಸೈಟ್‌ಗಾಗಿ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಮಾರ್ಪಡಿಸಿದ್ದೇನೆ ಆದ್ದರಿಂದ ನಾನು ಪ್ರಶ್ನೆ_ಪೋಸ್ಟ್‌ಗಳ ಆಜ್ಞೆಯಲ್ಲಿ ಅಗತ್ಯವಿರುವ ನಿಯತಾಂಕಗಳನ್ನು ಮಾತ್ರ ರವಾನಿಸುತ್ತೇನೆ.

ಟ್ಯುಟೋರಿಯಲ್ ಪೋಸ್ಟ್‌ಗಳಲ್ಲಿ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಎಳೆಯಲು ಟೆಂಪ್ಲೆಟ್ ಅನ್ನು ರಚಿಸುವ ಮೂಲಕ ಬಳಕೆದಾರರನ್ನು ಹೆಜ್ಜೆ ಹಾಕುತ್ತದೆ, ತದನಂತರ ವಿನಂತಿಯನ್ನು ಪ್ರಾರಂಭಿಸುವ ಲಿಂಕ್‌ಗಳನ್ನು ಹೇಗೆ ನಿರ್ಮಿಸುವುದು. ನಾವು ಕೆಲವು ಲಿಂಕ್‌ಗಳನ್ನು ಮಾಡಲು ಬಯಸಿದ್ದರೆ ಅದು ಸುಲಭವಾಗುತ್ತಿತ್ತು, ಆದರೆ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವಿನಲ್ಲಿ ನಿರ್ಮಿಸಲಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಅನ್ನು ಬಳಸಿಕೊಳ್ಳಲು ನಾವು ಬಯಸಿದ್ದೇವೆ. ದುರದೃಷ್ಟವಶಾತ್ ನಮಗೆ, ನೀವು ಮೆನು ವಸ್ತುಗಳನ್ನು ಸೇರಿಸುವಾಗ ಮತ್ತು ತೆಗೆದುಹಾಕುವಾಗ ವರ್ಡ್ಪ್ರೆಸ್ನ ಮೆನು ಲಿಂಕ್‌ಗಳು ಸಂಖ್ಯೆಗಳನ್ನು ರಚಿಸಿವೆ… ಆದರೆ ನಿಮ್ಮ ಅಜಾಕ್ಸ್ ಕರೆಯಲ್ಲಿ ನೀವು ಎಳೆಯಲು ಮತ್ತು ರವಾನಿಸಲು ಬಯಸುವ ವರ್ಗದ ಬಗ್ಗೆ ಯಾವುದೇ ಮಾಹಿತಿ ಇರುವುದಿಲ್ಲ.

ಮೆನು ಪಟ್ಟಿ ವಸ್ತುಗಳನ್ನು ಸರಿಯಾಗಿ ಲೇಬಲ್ ಮಾಡಲು, ನಾವು WPreso ನಿಂದ ಕೋಡ್ ಅನ್ನು ಸಂಯೋಜಿಸಿದ್ದೇವೆ, ಮೆನು ಐಟಂ ತರಗತಿಗಳಿಗೆ ಪುಟ / ಪೋಸ್ಟ್ ಸ್ಲಗ್ ವರ್ಗವನ್ನು ಸೇರಿಸಿ.

ಕೇವಲ ಒಂದು ಸಮಸ್ಯೆ… ಇದು ಪುಟ ಅಥವಾ ಪೋಸ್ಟ್‌ಗಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ, ಆದರೆ ವಾಸ್ತವವಾಗಿ ವರ್ಗಕ್ಕಾಗಿ ಕೆಲಸ ಮಾಡಲಿಲ್ಲ! ಆದ್ದರಿಂದ ನಾವು ಸ್ಲಗ್ಗಾಗಿ ವಿನಂತಿಯನ್ನು ನವೀಕರಿಸಿದ್ದೇವೆ:

$ slug = get_cat_slug ($ id);

ಮತ್ತು WPRecipes ನಿಂದ ಕಾರ್ಯವನ್ನು ಸೇರಿಸಲಾಗಿದೆ, ವರ್ಡ್ಪ್ರೆಸ್ ಟ್ರಿಕ್: ವರ್ಗ ಐಡಿ ಬಳಸಿ ವರ್ಗ ಸ್ಲಗ್ ಪಡೆಯಿರಿ, ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವಿನಲ್ಲಿ ಡೇಟಾ ಗುಣಲಕ್ಷಣಕ್ಕೆ ವರ್ಗ ಸ್ಲಗ್ ಅನ್ನು ಹಿಂದಕ್ಕೆ ಎಳೆಯಲು.

ಆದ್ದರಿಂದ… 3 ವರ್ಡ್ಪ್ರೆಸ್ ಸೈಟ್‌ಗಳ ಸಹಯೋಗದ ಪ್ರಯತ್ನಗಳಿಗೆ ಧನ್ಯವಾದಗಳು ಮತ್ತು ನಮ್ಮ jQuery ಗುರುವಿನ ಕೆಲವು ಉತ್ತಮ ಶ್ರುತಿ DK New Media, ಸ್ಟೀಫನ್ ಕೋಲೆ (ಮೆನುವನ್ನು ಸುಗಮಗೊಳಿಸಲು), ನಮ್ಮಲ್ಲಿ ಬಹಳ ಸುಂದರವಾದ ಉಪಮೆನು ವ್ಯವಸ್ಥೆ ಇದೆ!

ಎಲ್ಲಾ ಕೆಲಸಗಳನ್ನು ನಮ್ಮ ಥೀಮ್ ಫೈಲ್‌ಗಳಲ್ಲಿ ಸಾಧಿಸಲಾಗಿದೆ. ನಾವು functions.php ನಲ್ಲಿ ನ್ಯಾವಿಗೇಷನ್ ಮೆನು ಫಿಲ್ಟರ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡಿದ್ದೇವೆ, ನಮ್ಮ ಥೀಮ್‌ನ header.php ಫೈಲ್‌ಗೆ ಉಪಮೆನು ಡಿವ್ ಅನ್ನು ಸೇರಿಸಿದ್ದೇವೆ, ಅವರಿಗೆ ಉಪಮೆನು ಟೆಂಪ್ಲೆಟ್ ಅನ್ನು ಸೇರಿಸಿದ್ದೇವೆ ಮತ್ತು ನಮ್ಮ ಹೆಡರ್‌ನಲ್ಲಿ ಉಪಮೆನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್ ಅನ್ನು ಲೋಡ್ ಮಾಡಿದ್ದೇವೆ - ನಮ್ಮ ಥೀಮ್‌ನಲ್ಲಿ jQuery ಈಗಾಗಲೇ ಲೋಡ್ ಆಗಿದೆಯೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ ಹಾಗೂ. ನೀವು ಕೆಲಸವನ್ನು ಪ್ರಶಂಸಿಸುತ್ತೀರಿ ಎಂದು ಭಾವಿಸುತ್ತೇವೆ, ಇದು ಸೈಟ್‌ಗೆ ಒಂದು ಮೋಜಿನ ನವೀಕರಣವಾಗಿದೆ!

8 ಪ್ರತಿಕ್ರಿಯೆಗಳು

  1. 1

    ನೀವು ಎಲ್ಲೋ ಈ ಕೋಡ್ ಅನ್ನು ತೋರಿಸುತ್ತೀರಾ ಅಥವಾ ಮಾರಾಟ ಮಾಡುತ್ತೀರಾ? ನಾನು ಅದನ್ನು ಕಾರ್ಯರೂಪಕ್ಕೆ ತರಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದೇನೆ ಆದರೆ ವಾಕರ್‌ನೊಂದಿಗೆ wp_nav_menu ಗೆ ಹೇಗೆ ಸೇರಿಸುವುದು ಎಂದು ನನಗೆ figure ಹಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ…

  2. 6
  3. 8

ನೀವು ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು?

ಸ್ಪ್ಯಾಮ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಈ ಸೈಟ್ ಅಕಿಸ್ಸೆಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಮೆಂಟ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.