ਵਰਡਪਰੈਸ ਮੀਨੂ ਦੁਆਰਾ jQuery ਲੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸ਼੍ਰੇਣੀ ਦੁਆਰਾ ਨਵੀਨਤਮ ਪੋਸਟਾਂ ਲੋਡ ਕਰੋ

jquery

ਜੇ ਤੁਸੀਂ ਇੱਥੇ ਕੁਝ ਵੱਡੇ ਬਲੌਗਾਂ ਦਾ ਦੌਰਾ ਕੀਤਾ ਹੈ Mashable, ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਉਨ੍ਹਾਂ ਕੋਲ ਇੱਕ ਬਹੁਤ ਵਧੀਆ ਮੀਨੂ ਸਿਸਟਮ ਹੈ ਜੋ ਹੇਠਾਂ ਡਿੱਗਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਹਰੇਕ ਸ਼੍ਰੇਣੀ ਦੇ ਨਵੀਨਤਮ ਬਲੌਗ ਪੋਸਟਾਂ ਵਿੱਚ ਦਰਿਸ਼ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਇਹ ਪੱਕਾ ਕਰਨ ਲਈ ਕਿ ਪੇਜ ਹਮੇਸ਼ਾ ਲਈ ਲੋਡ ਨਹੀਂ ਹੁੰਦਾ, ਉਹ ਏਜੇਕਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਉਹ ਸਮਗਰੀ ਲੋਡ ਕਰਦੇ ਹਨ ... ਅਤੇ ਪੇਜ ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਹੀ ਇਸਨੂੰ ਪਹਿਲਾਂ ਲੋਡ ਕਰਦੇ ਹਨ.

ਵਰਡਪਰੈਸ ਅਜੈਕਸ ਸਬਮੇਨੁ

ਅਸੀਂ ਇਥੇ ਵੀ ਇਹੀ ਕਰਨਾ ਚਾਹੁੰਦੇ ਸੀ Martech Zone. ਸਾਡੇ ਕੋਲ ਦੀਆਂ ਸ਼੍ਰੇਣੀਆਂ ਬਾਰੇ ਕੁਝ ਸਮਝ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ, ਮੈਂ ਹਰੇਕ ਦੇ ਅੰਦਰ ਕੁਝ ਪੋਸਟਾਂ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦਾ ਸੀ. ਅਸੀਂ ਵਰਡਪਰੈਸ, ਵਰਡਪਰੈਸ ਤੋਂ ਚੰਗੀ ਤਰ੍ਹਾਂ ਜਾਣੂ ਹਾਂ API ਅਤੇ jQuery ਪਰ ਇਹ ਉਦੋਂ ਤੱਕ ਨਹੀਂ ਸੀ ਜਦੋਂ ਤੱਕ ਮੈਨੂੰ ਕੋਈ ਲੇਖ ਨਹੀਂ ਮਿਲਿਆ JQuery ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਸ਼੍ਰੇਣੀ ਦੁਆਰਾ ਪੋਸਟਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਕਿ ਸਾਡੇ ਕੋਲ ਇਕ ਵਧੀਆ ਹੱਲ ਹੈ.

ਨੋਟ: ਉਹਨਾਂ ਦੇ methodੰਗ ਦਾ ਇੱਕ ਪਹਿਲੂ ਜਿਸਦਾ ਮੈਂ ਵਿਸ਼ਵਾਸ ਨਹੀਂ ਕਰਦਾ ਇੱਕ ਚੰਗਾ ਹੱਲ ਹੈ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੁਆਰਾ ਪੂਰੀ ਪੁੱਛਗਿੱਛ_ਪੰਜ ਦੇ ਤਾਰਿਆਂ ਨੂੰ ਲੰਘਣਾ ... ਇਹ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਆਪ ਨੂੰ ਹੈਕਿੰਗ ਲਈ ਖੋਲ੍ਹ ਰਹੇ ਹੋ! ਮੈਂ ਇਸ ਸਾਈਟ ਲਈ ਸਕ੍ਰਿਪਟ ਸੰਸ਼ੋਧਿਤ ਕੀਤੀ ਹੈ ਤਾਂ ਜੋ ਮੈਂ ਸਿਰਫ ਪੁੱਛ-ਪੜਤਾਲ ਕਮਾਂਡ ਦੇ ਅੰਦਰ ਹੀ ਜ਼ਰੂਰੀ ਮਾਪਦੰਡਾਂ ਨੂੰ ਪਾਸ ਕਰਾਂ.

ਟਿutorialਟੋਰਿਯਲ ਪੋਸਟਾਂ ਨੂੰ ਆਰਜੀ ਤੌਰ 'ਤੇ ਖਿੱਚਣ ਲਈ ਇਕ ਟੈਂਪਲੇਟ ਬਣਾਉਣ ਦੁਆਰਾ ਉਪਭੋਗਤਾ ਨੂੰ ਅੱਗੇ ਵਧਾਉਂਦਾ ਹੈ, ਅਤੇ ਫਿਰ ਲਿੰਕ ਕਿਵੇਂ ਬਣਾਏਏ ਜੋ ਬੇਨਤੀ ਨੂੰ ਅਰੰਭ ਕਰ ਸਕਦਾ ਹੈ. ਇਹ ਅਸਾਨ ਹੁੰਦਾ ਜੇ ਅਸੀਂ ਸਿਰਫ ਕੁਝ ਲਿੰਕ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ, ਪਰ ਅਸੀਂ ਅਸਲ ਵਿੱਚ ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂੰ ਵਿੱਚ ਬਣੇ ਵਰਡਪਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਸੀ. ਬਦਕਿਸਮਤੀ ਨਾਲ ਸਾਡੇ ਲਈ, ਵਰਡਪਰੈਸ ਦੇ ਮੀਨੂ ਲਿੰਕਾਂ ਨੇ ਨੰਬਰ ਤਿਆਰ ਕੀਤੇ ਹਨ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਮੀਨੂ ਆਈਟਮਾਂ ਨੂੰ ਜੋੜਦੇ ਹੋ ਅਤੇ ਹਟਾਉਂਦੇ ਹੋ… ਪਰ ਅਸਲ ਵਿੱਚ ਉਨ੍ਹਾਂ ਕੋਲ ਤੁਹਾਡੀ ਸ਼੍ਰੇਣੀ ਬਾਰੇ ਕੋਈ ਜਾਣਕਾਰੀ ਨਹੀਂ ਹੈ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਖਿੱਚਣਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਆਪਣੀ ਏਜੈਕਸ ਕਾਲ ਵਿੱਚ ਪਾਸ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.

ਮੀਨੂੰ ਸੂਚੀ ਆਈਟਮਾਂ ਨੂੰ ਸਹੀ ਤਰ੍ਹਾਂ ਲੇਬਲ ਕਰਨ ਲਈ, ਅਸੀਂ ਕੋਡ ਨੂੰ ਡਬਲਯੂਪਰੇਸੋ ਤੋਂ ਸ਼ਾਮਲ ਕੀਤਾ, ਮੀਨੂੰ ਆਈਟਮ ਕਲਾਸਾਂ ਵਿੱਚ ਪੇਜ / ਪੋਸਟ ਸਲੱਗ ਕਲਾਸ ਸ਼ਾਮਲ ਕਰੋ.

ਸਿਰਫ ਇੱਕ ਸਮੱਸਿਆ ... ਇਹ ਪੇਜ ਜਾਂ ਪੋਸਟ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ, ਪਰ ਅਸਲ ਵਿੱਚ ਸ਼੍ਰੇਣੀ ਲਈ ਕੰਮ ਨਹੀਂ ਕਰਦੀ! ਇਸ ਲਈ ਅਸੀਂ ਸਲੱਗ ਲਈ ਬੇਨਤੀ ਨੂੰ ਇਸਦੇ ਨਾਲ ਅਪਡੇਟ ਕੀਤਾ:

$ slug = get_cat_slug ($ id);

ਅਤੇ ਡਬਲਯੂਪੀਆਰਸੀਪਸ ਤੋਂ ਫੰਕਸ਼ਨ ਜੋੜਿਆ, ਵਰਡਪਰੈਸ ਚਾਲ, ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂੰ ਵਿੱਚ ਇੱਕ ਡੇਟਾ ਗੁਣ ਵਿੱਚ ਵਰਗ ਸਲੱਗ ਨੂੰ ਵਾਪਸ ਖਿੱਚਣ ਲਈ.

ਇਸ ਲਈ ... 3 ਵਰਡਪਰੈਸ ਸਾਈਟਾਂ ਦੇ ਸਹਿਯੋਗੀ ਯਤਨਾਂ ਅਤੇ ਸਾਡੇ jQuery ਗੁਰੂ ਤੇ ਕੁਝ ਵਧੀਆ ਟਿingਨਿੰਗ ਲਈ ਧੰਨਵਾਦ DK New Media, ਸਟੀਫਨ ਕੋਲੀ (ਮੀਨੂ ਨੂੰ ਬਾਹਰ ਕੱothingਣ ਲਈ), ਸਾਡੇ ਕੋਲ ਬਹੁਤ ਵਧੀਆ ਸਬਮੇਨੂ ਸਿਸਟਮ ਹੈ!

ਸਾਰਾ ਕੰਮ ਸਾਡੀ ਥੀਮ ਫਾਈਲਾਂ ਵਿਚ ਪੂਰਾ ਹੋ ਗਿਆ ਸੀ. ਅਸੀਂ ਫੰਕਸ਼ਨ.ਐਫਪੀ ਵਿਚ ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂ ਫਿਲਟਰ ਲੋਡ ਕੀਤੇ, ਸਾਡੇ ਥੀਮ ਦੀ ਹੈਡਰ.ਐਫਪੀ ਫਾਈਲ ਵਿਚ ਸਬਮੇਨੂ ਡਿਵੀ ਜੋੜਿਆ, ਉਨ੍ਹਾਂ ਵਿਚ ਇਕ ਸਬਮੇਨੂ ਟੈਂਪਲੇਟ ਜੋੜਿਆ, ਅਤੇ ਸਾਡੇ ਸਿਰਲੇਖ ਵਿਚ ਇਕ ਸਬਮੇਨੂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਫਾਈਲ ਨੂੰ ਲੋਡ ਕੀਤਾ - ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਨਾ ਕਿ ਜੇਕਯੂਕਰੀ ਪਹਿਲਾਂ ਹੀ ਸਾਡੇ ਥੀਮ ਵਿਚ ਲੱਦ ਗਈ ਹੈ. ਦੇ ਨਾਲ ਨਾਲ. ਉਮੀਦ ਹੈ ਕਿ ਤੁਸੀਂ ਕੰਮ ਦੀ ਕਦਰ ਕਰਦੇ ਹੋ, ਇਹ ਸਾਈਟ ਲਈ ਇੱਕ ਮਜ਼ੇਦਾਰ ਅਪਡੇਟ ਸੀ!

8 Comments

  1. 1

    ਕੀ ਤੁਸੀਂ ਇਸ ਕੋਡ ਨੂੰ ਕਿਤੇ ਦਿਖਾਉਂਦੇ ਜਾਂ ਵੇਚਦੇ ਹੋ? ਮੈਂ ਇਸ ਨੂੰ ਕੰਮ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਿਹਾ ਹਾਂ ਪਰ ਮੈਂ ਇਹ ਨਹੀਂ ਸਮਝ ਸਕਦਾ ਕਿ ਇੱਕ ਵਾਕਰ ਦੇ ਨਾਲ wp_nav_menu ਵਿੱਚ ਕਿਵੇਂ ਪਾਉਣਾ ਹੈ ...

    • 2
      • 3

        ਜਵਾਬ ਲਈ ਤੁਹਾਡਾ ਧੰਨਵਾਦ :). ਇਹ ਮੇਰੀ ਪਹਿਲੀ ਸ਼੍ਰੇਣੀ ਲਈ ਵਧੀਆ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ, ਪਰ ਸਿਰਫ ਇਸ ਲਈ, ਮੈਂ ਇਹ ਨਹੀਂ ਲੱਭ ਸਕਦਾ ਕਿ ਹਰੇਕ ਉਪਸ਼੍ਰੇਣੀ (ਮੇਰੇ ਮੀਨੂ ਦਾ ਪੱਧਰ 2) ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਕਿਵੇਂ ਦੁਹਰਾਉਣਾ ਹੈ, ਅਤੇ ਇਸ ਦੇ ਪੱਧਰ 1 ਤੇ ਕੰਮ ਕਰਨ ਤੋਂ ਰੋਕਣਾ ਹੈ. ਮੇਰਾ ਮੀਨੂ: /

  2. 6
  3. 8

ਤੁਹਾਨੂੰ ਕੀ ਲੱਗਦਾ ਹੈ?

ਇਹ ਸਾਈਟ ਸਪੈਮ ਨੂੰ ਘੱਟ ਕਰਨ ਲਈ ਅਕਕੀਮੈਟ ਵਰਤਦੀ ਹੈ. ਜਾਣੋ ਕਿ ਤੁਹਾਡੇ ਟਿੱਪਣੀ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਿਵੇਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.