ورڈپریس ٹیوٹوریل: ایک لامحدود طومار کاری WP سائٹ کیسے بنائیں

آرٹیکل نے لکھا:
  • WordPress
  • اپ ڈیٹ: جول 29، 2014

آپ کو یقینی طور پر آپ کی ویب سائٹ کے استعمال میں بہتری کے لئے سخت محنت کرنا ہے لہذا آپ کے صارفین کو بہت خوش ہو جائے گا اور اکثر واپس آنے کا امکان زیادہ ہے. ٹھیک ہے، آپ کو بہتر بنانے میں سے ایک میں آپ کو لامحدود طومار کرنے والی ٹیکنالوجی ہے. یہ بنیادی طور پر وہی ہے جو ہمارے پاس ٹویٹر یا فیس بک پر موجود ہے، جہاں پہلے بنیادی مواد پہلے سے ہی دکھائی دی گئی ہے، اور آپ کو نیچے سکرال کے طور پر زیادہ مواد شامل کیا جاتا ہے. یہ آپ کی سائٹ کی کارکردگی (لوڈنگ وقت کو کم کرنے) کو بہتر بنانے اور صارف کے تجربے کو بہتر بنانے کے لئے بہت اچھا ہے (کیونکہ ایک بٹن میں کلک کرنے کی طرح مزید چیزیں لوڈ کرنے کے لئے کوئی کارروائی کی ضرورت نہیں ہے).

یہاں ہم دیکھیں گے کہ آپ اور اپنی اپنی سائٹ میں اس کا استعمال کیسے کریں

مثال OS لامحدود طومار کرنے والی سائٹ

یہ دیکھنے کے ل always ہمیشہ اچھا ہے کہ بڑے لوگ وہاں کیا کر رہے ہیں ، اور اس طرح کا اثر (سختی سے کئی بار ناقابل استعمال) بہت ساری سائٹوں اور ایپس کے ذریعہ فیس بک (جو لائیو فیڈ) ، ٹویٹر ، پنٹیرسٹ ، فیڈلی استعمال کرتا ہے۔

feedly

ٹویٹر

لامحدود طومار - کیا اور کیا نہیں۔

یہ تکنیک آپ کی سائٹ ("بڑی عمر کے پیغامات" یا آپ کی اشاعتوں کے بعد آپ کے شمار کردہ صفحات کے باقاعدگی سے صفحہ بندی کے لنک کو ہٹا دیں گے). اس تخنیک کا بڑا "پرو" لوڈنگ وقت ہے، کیونکہ پہلے ہی کم اشیاء آپ کو ایک تیز رفتار سائٹ ہوسکتی ہیں، اور جب سے صفحے دوبارہ لوڈ کرنے والا صارف بغیر کسی بھی پوسٹس کے 10 "صفحات" کے لئے نیچے سکرال کرسکتا ہے. دیکھ رہا ہے، آپ کی سائٹ میں بہت زیادہ رہنا.

یہ سب سے زیادہ سائٹس میں لاگو کیا جا سکتا ہے، لیکن بلاگز یا پورٹ فولیو جیسے سائٹس کے لئے یہ بہتر ہے، جہاں آپ کے پاس بہت سارے مواد اور تصاویر ہیں، اور آپ صارف کو بہت سی مواد سے محروم نہیں کرنا چاہتے ہیں.

اس گائیڈ میں کوڈنگ کی مہارت کی ضرورت نہیں ہے ، اور ایماندار ہونے کے ل you'll آپ اپنے ورڈپریس تھیم کو تھوڑا سا موافقت کرنے کے بارے میں تھوڑا سا سیکھیں گے۔

اثاثوں

ہم استعمال کریں گے پال آئرش کے جے ایس پلگ ان. اسے ڈاؤن لوڈ کریں اور اپنے مرکزی خیال، موضوع کے جے ایس فولڈر میں انسٹال کریں. ہم تجھے تجزیہ کے لۓ Twelve بارہ استعمال کریں گے لیکن کسی بھی موضوع میں اس کا استعمال کرنے کے لئے آزاد محسوس کریں (اور سوالات پوسٹ کریں اگر یہ آپ کے لئے کام نہیں کررہے ہیں).

نیز آپ کو اپنے "لوڈنگ" پیغام کے ل g ایک عمدہ gif امیج کی ضرورت ہوگی۔ آپ کو ان میں سے بہت کچھ مل سکتا ہے ، لیکن ایجیکس لوڈ سائٹ پر بہت سے پیش سیٹ شیلیوں کے ساتھ آپ کی مدد کرنے کے لئے ایک بہت اچھا آلہ ہے اور آپ اس رنگ کا انتخاب کرسکتے ہیں جو آپکے رنگ سکیم سے بہتر ہے.

ایک بار آپ کے پاس سکرپٹ اور WP-Content / Themes / Twentytwelve / JS کے تحت آپ کا اچھا GIF تصویر ہے. ہم شروع کر سکتے ہیں!

پی ایچ پی کوڈ

ٹھیک ہے ، خوفزدہ نہ ہوں ، ہم آپ کو ایک کاپی اور ٹکڑوں کا ٹکڑا دیں گے ، لیکن اسے کام کرنے کے ل what ہمیں یہ کرنے کی ضرورت ہے۔

  • ایک فنکشن بنائیں جو لامحدود کتابچہ پلگ ان کو اندرونی طور پر لوڈ اور رجسٹر کریں گے - یہ ورڈپریس کو دو بار لوڈ کرنے سے روک دے گا اور موضوع کی فعالیت کو توڑ دے گا.
  • صرف اسکرپٹ کو لوڈ کریں جب آپ کے پاس ایسا صفحہ ہے جب ایک ہی اشاعت نہیں ہے - صرف ایسے صفحات جہاں آپ کے پاس 1 پوسٹ سے زائد ہے اور زیادہ اشیاء لوڈ کرنے کی ضرورت ہوگی.

functions.php فائل آپ کے مرکزی خیال، موضوع کا دل ہے. تمام فعالیتیں عام طور پر موجود ہیں یا اسے دوسری فائلوں سے بھی کہا جاتا ہے. لہذا ہم اس کوڈ کو اپنی افعال فائل میں لامحدود طومار کی حمایت کو شامل کرنے کے لئے کرسکتے ہیں (فائل کے آخر میں اسے شامل کریں):

<؟ پی ایچ پی / ************************* ویب ریفائن غیر معمولی سکریولنگ * * ******** / / * فنکشن جس میں لامحدود سکولنگ کی اسکرپٹ کو مرکزی خیال، موضوع میں استعمال کیا جاسکتا ہے اور رجسٹر کرے گا. * / فنکشن بونٹیٹوڈر_script_infinite_scrolling () {wp_register_script ('لامحدود_ سکرومنگ'، // سکرپٹ کا نام get_template_directory_uri (). '/ js / jquery.infinitescroll.min.js'، // جہاں فائل صف ہے ('jquery')، // اس اسکرپٹ کو ایک jquery سکرپٹ کو لازمی طور پر، کی ضرورت ہوتی ہے // // اسکرین ورژن نمبر درست نہیں ہے. اسکرپٹ فوٹر پر رکھا جائے گا)؛ اگر (. is_singular ()) {// صرف جب ہم 1 پوسٹ سے زیادہ ہیں تو ہم اس سکرپٹ wp_enqueue_script ('لامحدود_ سکرومنگ') لوڈ کریں گے؛ }} // اپنی مرضی کے سکرپٹ کو رجسٹر کریں! add_action ('wp_enqueue_scripts'، 'twentytwelve_script_infinite_scrolling')؛ / * فنکشن جو صفحہ میں لامحدود سکرالنگ قائم کرے گا. * / function set_infinite_scrolling () {اگر (! is_singular ()) {// پھر، صرف جب ہم 1 پوسٹ سے زیادہ ہیں // ذیل میں جے ایس سکرپٹ کو شامل کریں؟ <سکرپٹ کی قسم = "متن / جاوا اسکرپٹ"> / * یہ ہے اس تصویر پر آپ پہلے ہی غلط استعمال کی رپورٹ کر چکے / چکی ہیں. ہیلپ ڈیسک جلد از جلد معاملے کو دیکھے گا. تصویر کے بارے میں غلط استعمال کی اطلاع کرنے میں ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. img: "<؟ echo get_template_directory_uri ()؛؟> / images / ajax-loading.gif"، msgText: "اگلے خطوط لوڈ کر رہے ہیں ...."، ختم Msg: "پوسٹ لوڈ لوڈ !!"،}، /، * اگلا آئٹم ہے اگلا انتخاب کریں. اگلا سکوٹر صفحہ نیویگیشن کے سی ایس ایس کلاس ہے. ہمارے کیس میں # نیویگیشن نیچے ہے .ایک پچھلے پچھلے ایک / / "اگلے انتخابی": "# نیوی گیشن .ایک پچھلے پچھلے"، // navSelector صفحہ نیویگیشن "navSelector" کے ایک سی ایس ایس آئی ڈی ہے: "# nav-bottom "،" آئٹم مواد "" ڈویژن "" "مضمون" منتخب "ہے" // مضمون مضمون "، // contentSelector ڈوی ہے جہاں صفحہ مواد (خطوط)" contentSelector "دکھایا جاتا ہے:" # مواد "}؛ / * کرنے کی آخری چیز لامحدود کتابوں سے ایک تقریب jquery * / jQuery (inf_scrolling.contentSelector) کے ساتھ لامحدود کتاب کے لئے مواد کو منتخب کریں، .infinitescroll (inf_scrolling)؛ </ سکرپٹ> <؟ }} / * ہمیں اس عمل کو صفحہ کے فوٹر پر شامل کرنے کی ضرورت ہے. 100 ایک ترجیحی نمبر ہے جس میں بعد میں پھانسی کی تصدیق کی گئی ہے. * / add_action ('wp_footer'، 'set_infinite_scrolling'، 100)؛ ؟>

متبادل نقطہ نظر - لوڈنگ کے صفحات اور اپنی مرضی کے پیغام کی اقسام

پچھلے کوڈ آپ کے تمام پیغامات لوڈ کریں گے، لیکن اگر آپ صفحات کو ظاہر کرنا چاہتے ہیں، یا اپنی مرضی کے مطابق پوسٹ کی اقسام (جیسے پورٹ فولیو اشیاء کی طرح، اگر آپ مرکزی خیال، موضوع کی حمایت کرتا ہے)؟ ٹھیک ہے، ہم کوڈ کو تھوڑا سا تبدیل کرسکتے ہیں اور اسے بھی کام کر سکتے ہیں.

ضرورت صرف ایڈجسٹمنٹ آپ کی انڈیکس، زمرہ یا کسی اور فائل میں ہے جو اشیاء لوڈ کرے گی، آپ اپنے موجودہ لوپ کو مختلف کوڈ کے ساتھ تبدیل کر دیں گے. آپ اس کوڈ سے اپنے لوپ کی شناخت کر سکتے ہیں:

جبکہ (have_posts ():

لہذا، آپ کو مل گیا ہے ایک بار جب آپ اس جادو کوڈ کا استعمال کر سکتے ہیں:

<div id = "content" role = "main"> <؟ php / * لامحدود کتاب پر صرف صفحات دکھائیں! یہاں راز ہے: آپ اپنی ضرورت کے لئے پوسٹ_ ٹائپ سیٹ کرسکتے ہیں، یہ آسان ہے! کچھ پوسٹ_ ٹائپ شاید ہوسکتے ہیں: پورٹ فولیو، پروجیکٹ، مصنوعات ہم چاہتے ہیں جیسے بہت سے پوسٹ کی اقسام کو شامل کر سکتے ہیں، جیسے 'پوسٹ'، 'صفحہ'، 'پروڈکٹ'، 'پروڈکٹ' * / $ args = array (// سیٹ اپ دلیل) 'post_type' => 'صفحہ'، // صرف صفحات)؛ query_posts ($ args)؛ اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. اس ویڈیو پر غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. // ان کی اشیاء کو ظاہر کرنے کے لئے "معمول" لوپ کوڈ؟>

نتیجہ

یہ صرف ایک "گرمی" مضمون ہے. ایسی چیزیں ہیں جو آپ اس طرح کے نقطہ نظر سے کر سکتے ہیں. مثال کے طور پر، آپ کو آپ کے اسٹور میں (صارفین کو سکرپٹ کا استعمال کرتے ہوئے) صارف سکرال کے طور پر لوڈ کرسکتے ہیں، یا یہاں تک کہ مزید جے ایس اور سی ایس ایس کوڈ شامل کرنے کے لۓ اور پوسٹ والی تصاویر کے لئے بہت اچھے پیرلایکس کی طرح لوڈر بھی شامل کرسکتے ہیں.

اس تخنیک کے بارے میں آپ کیا سوچتے ہیں؟ کیا یہ تمھیں اچھا لگتا ہے؟ کیا آپ اسے استعمال کریں گے؟ تبصرے کے سیکشن کے ذریعے اپنے خیالات کا اشتراک کریں!

روچسٹر اولیورا کے بارے میں

میں اسجوبا (ایم جی)، برسل سے ویب ڈیزائنر اور کاروباری ادارے ہوں. میں غیر معمولی موضوعات کے بارے میں لکھنا چاہتا ہوں اور کچھ ٹھنڈی چیزیں کر رہا ہوں.

رابطہ کریں: