Divi اور Divi بلڈر کا استعمال کرتے ہوئے خوبصورت ورڈپریس ویب سائٹس کی تعمیر

Elementor صفحہ بلڈر کے ساتھ ایک draggable مینو کی تعمیر کیسے کریں

Muneeb ورڈپریس سبق Mar 30, 2021

جیسا کہ آپ کو ورڈپریس کے لئے وہاں پرائمری سب سے زیادہ مقبول صفحہ بلڈر ہے معلوم ہے. ایک مؤثر draggable مینو تخلیق کرنے کے لئے سامعین کے لئے ایک مصروفیت اور آپ کی ویب سائٹ کے لئے ایک اضافہ کے طور پر کام کرے گا.

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

ایک draggable مینو کیا ہے

ایک draggable مینو صارفین کو اس پر مکمل کنٹرول کرنے کی اجازت دیتا ہے. ایک draggable مینو ایک عام مینو کی طرح لگتا ہے لیکن صفحے پر کہیں بھی گھسیٹ لیا جا سکتا ہے.

جبکہ Draggable مینو آپ کی ویب سائٹ پر کہیں بھی ظاہر کیا جاسکتا ہے جو آپ کو ظاہر کرنا چاہتے ہیں.

Divi ڈاؤن لوڈ، اتارنا بہترین ورڈپریس تھیم

دنیا میں سب سے زیادہ مقبول ورڈپریس تھیم اور حتمی ورڈپریس پیج بلڈر

Divi ڈاؤن لوڈ، اتارنا

Draggable مینو ورسٹائل ہے اور بہت مقاصد کے لئے استعمال کیا جا سکتا ہے. آپ اپنے میڈیا پروفائلز کے لنکس کو ظاہر کرنے کے لئے ایک پورٹ فولیو مینو کے طور پر استعمال کرسکتے ہیں. اگر آپ ایک WooCommerce سٹور کا مالک ہیں تو، آپ مختلف مصنوعات کی اقسام اور اسی طرح کی فہرست میں Draggable مینو استعمال کرسکتے ہیں.

ایک draggable مینو کی تعمیر کیسے کریں

اب ہم آگے بڑھتے ہیں اور کم از کم. کا استعمال کرتے ہوئے ورڈپریس پر Draggable مینو بنانے شروع کرتے ہیں. ہمیں اس سبق کے لئے کچھ جاوا اسکرپٹ کا استعمال کرنے کی ضرورت ہوگی جبکہ سب کچھ اس بات کا یقین کرنے کے لئے مرحلہ وار مرحلہ کا مظاہرہ کیا جائے گا.

شروع کرنے کے لئے، ورڈپریس ڈیش بورڈ میں ظاہری شکل پر جانے کی طرف سے ورڈپریس پر ایک باقاعدگی سے مینو بنائیں اور پھر مینو کا انتخاب کریں.

تمام اشیاء شامل کریں جو آپ اپنے Draggable مینو میں رکھنا چاہتے ہیں.

اب آپ اس صفحے کا فیصلہ کرنے کی ضرورت ہے جو آپ اپنے مینو کو ظاہر کرنا چاہتے ہیں. آپ ایک نیا صفحہ بنانا چاہتے ہیں یا پہلے سے تعمیر کردہ صفحے میں ترمیم کرسکتے ہیں.

Elementor ترمیم انٹرفیس درج کرنے کے لئے Elementor بٹن کے ساتھ ترمیم دبائیں.

ایک نیا ایک کالم سیکشن بنائیں اور مواد کی چوڑائی کو مکمل چوڑائی اور اونچائی کو ترتیب کی ترتیبات میں ترتیب ٹیب میں سکرین پر فٹ کرنے کے لئے مکمل چوڑائی اور اونچائی کو کھولیں.

آپ پس منظر، ہیڈر یا کسی دوسرے عناصر کو بھی شامل کرسکتے ہیں جو آپ اپنے Draggable مینو پر ظاہر کرنا چاہتے ہیں.

اب، اندرونی سیکشن ویجیٹ اپنے مکمل سیکشن ویجیٹ میں گھسیٹیں. یہ آپ کے مکمل سیکشن ویجیٹ میں اندرونی سیکشن بنائے گا.

اگلا، آپ کو آپ کے اندرونی سیکشن ویجیٹ کی کالم کی ترتیبات پر جانے کی ضرورت ہے اور اعلی درجے کی ٹیب دبائیں. سی ایس ایس کی شناخت کی ترتیب میں draggable درج کریں.

اپنے نئے تخلیق اندرونی سیکشن ویجیٹ میں نیویارک مینو ویجیٹ کو ڈریگ اور لائیں. ورڈپریس مینو کو منتخب کریں جو آپ نے ابتدائی طور پر نیویارک مینو ویجیٹ ڈراپ ڈاؤن ترتیبات سے پیدا کیا.

آپ نے اپنی تبدیلیوں کے بعد، ویجیٹ کی ترتیبات کے اعلی درجے کی ٹیب پر سر اور پوزیشننگ کی ترتیبات میں، مندرجہ ذیل ترتیبات کاپی کریں.

آخر میں، آپ کو اپنی معمولی نیویگیشن مینو کو ایک draggable مینو میں تبدیل کرنے کے لئے اپنی مرضی کے جاوا اسکرپٹ کو شامل کرنے کی ضرورت ہوگی.

اہم سیکشن کے تحت، ایک نیا سیکشن بنائیں اور ایچ ٹی ایم ایل ویجیٹ شامل کریں. مندرجہ ذیل کوڈ کاپی کریں اور اسے اپنے HTML کوڈ باکس میں پیسٹ کریں.

<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
jQuery( document ).ready( function ( $ ) {
$( "#draggable" ).draggable({containment: [-2000, 0, 300, 0], axis:'x'});
});
</script>

یہاں تمام مراحل پر عمل کرنے کے بعد، آپ صفحہ کو محفوظ کرسکتے ہیں اور یہ دیکھنے کے لئے پیش نظارہ کرسکتے ہیں کہ یہ آپ کے براؤزر پر کیسے لگ رہا ہے.

یہ آپ اپنی ویب سائٹ کے معیار کو بڑھانے کے لئے ایک سادہ نیوی مینو سے باہر ایک حیرت انگیز draggable مینو ویجیٹ بنا سکتے ہیں. فیس بک اور ٹویٹر پر ہمیں پیروی کرنے کے لئے یقینی بنائیں کہ کسی سبق کو کبھی بھی یاد نہ کریں.

Share Your Thoughts