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

ایلیمینٹر پیرالکس اثر کیسے بنائیں؟

Rifat کم از کم. Dec 26, 2020

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

پیرالاکس اثر کسی بھی شبہ پرکشش چیز سے بالاتر ہے ، اور یہ واقعی آپ کی ویب سائٹ کو گروہ سے کھڑا کرسکتا ہے اور اسے علمی شکل دے سکتا ہے۔ اور آپ عنصری کا استعمال کرتے ہوئے اپنی ورڈپریس ویب سائٹ میں ایک لمبائی اثر شامل کرسکیں گے جبکہ کافی پیشہ ورانہ معلومات نہیں رکھتے ہیں؟

لیمالکس واقعی عنصر پرو میں ایک لازمی خصوصیت ہے ، آپ عنصر کے پریمیم ورژن میں ایک لمبائی کا اثر پیدا کرسکتے ہیں ، اور ہم آج اس کے بارے میں بات کریں گے۔ نیز ، آپ عنیمر کے مفت ورژن پر اس خصوصیت کے ساتھ خوبصورت صفحات تشکیل دے سکتے ہیں۔

پیرلیکس مراعات یہ ہیں کہ یہ واقعی ٹھنڈا لگتا ہے ، اور یہ صارف کے بیٹرتھل کے ساتھ بھی مدد کرسکتا ہے! اگر آپ کو A / B ٹیسٹ کرنے کا موقع ملتا ہے تو ، یہ چیک کرنے سے کہ آپ کے ویب پیج پر پرائمری لمبائی اثر شامل کریں یا نہیں تو آپ کے اچھال کی شرح کم ہوسکتی ہے اور صفحے پر اوسط وقت میں اضافہ ہوسکتا ہے۔ پیرالاکس کا اسٹریٹجک استعمال زائرین کو براہ راست آپ کی کال پر عمل کرنے کی ہدایت کرنے کے لئے ثابت ہے۔ پیرلیکس اثر کی تحریک آنکھ کھینچتی ہے ، جس کا مطلب ہے کہ احتیاط سے رکھا ہوا بٹن یا فارم آپ کے مجموعی تبادلوں کی شرح کو بڑھا سکتا ہے۔

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

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

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

ایک عنصر پر Parallax اثر

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

اپنی آن لائن شاپ کو سجانا یا مشغول بلاگ لے آؤٹ ڈیزائن کرنا ، یا لینڈنگ کے عمدہ صفحات بنانا - عنصر کو آپ کی پیٹھ مل گئی۔

صرف اس مضمون کے مراحل کی پیروی کریں اور اپنی بالکل نئی پیرالاکس ویب سائٹ بنانا شروع کریں۔

عنصر پرو میں پیرالیکس والا ایک صفحہ

تو آئیے اپنے ویب صفحات پر پیرالاکس اثرات لانے پر کام کریں۔ پہلے ، "عنصر مکمل چوڑائی" منتخب کریں اور اعلی درجے کی ٹیب پر جائیں۔ یقینا، ، آپ کے صفحے پر کچھ حصے ضرور ہونے چاہئیں کیونکہ پیرالاکس اثر کی خوبصورتی کسی خالی صفحے پر محسوس نہیں کی جاسکتی ہے۔ ہمارے پاس ایک پلیس ہولڈر سیکشن ہے ، اور آپ اپنی ضرورت میں سے کوئی بھی استعمال کرسکتے ہیں۔

اثر مرتب کرنے کے لئے ، اعلی درجے کی> موشن اثرات پر جائیں ، اور سکرولنگ اثرات کو آن کریں۔ ذیل میں ، آپ کو متحرک تحریک کے متحرک اثرات کے ل several کئی اختیارات نظر آئیں گے جو طومار کرنے پر منحصر ہیں۔

Vertical

مثال کے طور پر ، میں ہیرو کے خانے سے مختلف رفتار سے دوسرا سیکشن ہیلکس بنا رہا ہوں۔ یاد رکھیں ، آپ کے پاس اضافی ترتیبات موجود ہیں جس پر آپ کام کرسکتے ہیں کسی بھی سکرولنگ اثر کے لئے۔ عمودی سکرولنگ میں ، آپ عنصر کو نیچے رکھنے یا نیچے رکھنے ، نظر آنے والی شرح کو تبدیل کرنے ، اور ویو پورٹ یا پورے صفحے سے متعلق اثر بنانے کے ل to انتخاب کرسکتے ہیں۔

Horizontal

جیسا کہ ہم نے عمودی سکرولنگ کے ساتھ کیا ، ہم بھی ڈسپلے کے ذریعہ کسی تصویر یا حصے کو افقی طور پر منتقل کرسکتے ہیں۔ یہاں آپ کے انتخاب بائیں یا دائیں ، رفتار اور نیچے اور اوپر سے نظر آنے والے فیصد ہیں۔

Transparency

آپ شفافیت موشن اثر کا استعمال کرتے ہوئے دلکش دھندلا نظر پا سکتے ہیں۔ اسی علاقے کے نیچے بھی ایک ابتدائی حرکت پذیری موجود ہے جو ایک ہی چیز کو انجام دیتی ہے۔ پھر بھی ، شفافیت کی تحریک کا اثر آپ کو بہت سارے انتظام فراہم کرتا ہے ، تاہم ، اور ایک بار یہ ظاہر ہوجاتا ہے۔ اس اختیار کے ل you'll ، آپ یہ فیصلہ کرنے کے اہل ہوں گے کہ کیا آپ یہ چاہتے ہیں کہ یہ ختم ہوجائے ، ریاست کو تبدیل کریں ، ختم ہوجائیں ، یا ختم ہوجائیں یا پھر باہر ہوجائیں۔ آپ اضافی طور پر ایک سے 10 تک مکمل شفافیت کی سطح مرتب کرسکیں گے۔

Blur

بلر موشن اثر آپ کو ایسی تصاویر رکھنے کی اجازت دیتا ہے جو بے راہ روی کا آغاز کرتے ہیں اور فیلڈ شاٹ کی گہرائی کی روشنی میں دستیاب ہوتے ہیں ، سمت سے شروع ہوجاتے ہیں اور جیسے ہی آپ اس کے پیچھے پڑ جاتے ہیں تو مبہم ہونا شروع ہوجاتے ہیں۔ یہ بہت عمدہ لگتا ہے۔ شفافیت کے اثر کی طرح ، دھندلاپن کی مدد سے آپ مختلف طرزوں کے ساتھ ختم یا باہر جیسے اختیارات کا انتخاب کرسکتے ہیں۔

یہ وہ فوری اثر ہیں جن کی طرف آپ تلاش کریں گے۔ پھر بھی ، غور کرنے کے لئے اور بھی بہت کچھ ہے ، جیسے گردش اور پیمانے کے متحرک تصاویر ، نیز بہت سے طرز کے اختیارات ، ماؤس اثرات ، اور دیگر متاثر کن اثرات جو آپ کی ویب سائٹ کے عناصر کو پاپ کرنے میں مدد کریں گے!

Step 1: Add parallax on a chosen Element

اپنی عنصر ویب سائٹ پر کچھ جادوئی پیرالکس اثر شامل کرنے کے ل، ، سب سے پہلے آپ کو ایسا عنصر منتخب کرنا ہے جس میں آپ اسے شامل کرنا چاہتے ہیں۔ یہ کچھ بھی ہوسکتا ہے ، جیسے تصاویر ، متن ، ویڈیو وغیرہ۔

آئیے ویجیٹ پر کلک کرکے اور جدید ٹیب سیکشن میں جاکر شروع کریں۔

Step 2: Under Motion and Switch to Scrolling Effects

ایک بار جب آپ اعلی درجے کی ٹیب پر آجاتے ہیں تو ، موشن اثر ڈراپ ڈاؤن پر کلک کریں اور پھر سکرولنگ اثرات کو آن پر سیٹ کریں۔ فی الحال ، آپ نصف درجن انیمیشنوں میں سے کسی کا انتخاب کرسکیں گے جو آپ کی ویب سائٹ کو زندہ کر سکے۔

Step 3: change the Animation in step with Your Needs.

آپ اسے صحیح طور پر دلانے کے ل each ہر اثر کو تبدیل اور موافقت کرسکتے ہیں۔ پنسل آئیکن دبائیں ، پھر کنٹرول کے ساتھ ونڈو کھل جائے گی۔

آپ {ہر، اثر کے ل the سمت ، رفتار اور ویو پورٹ جیسی چیزوں کو ایڈجسٹ کرسکتے ہیں ، جو حرکت پذیری شروع ہونے اور ختم ہونے کے بعد کنٹرول کرتا ہے۔

اس کے علاوہ ، آپ ویوپورٹ پیمانے پر بھی اس خاکہ کی وضاحت کرسکتے ہیں کہ اس اثر کا طومار کا کیا حصہ شروع ہوگا اور اس کا کیا کردار ختم ہوگا۔

Step 4: decide quite One Animation for one Element.

تمام عنصر کے ل you ، آپ اپنی پسند کے زیادہ سے زیادہ اثرات نافذ کرسکتے ہیں۔ بس اسے نہیں بڑھاتے۔

پنسل کے اگلے اشارے والے بٹن پر دھکیلنے سے حرکت پذیری کالعدم ہوجائے گی ، لہذا جب تک کہ آپ اسے مکمل طور پر درست نہ کرسکیں اس کے ساتھ دریافت کریں اور اس کے ساتھ کھیلیں۔

گھماؤ اور پیمانے کی پوزیشن کے ل you ، آپ "X" اور "Y" ہک پوائنٹس کو تبدیل کرسکتے ہیں ، محور کی منصوبہ بندی کر سکتے ہیں جس کے ارد گرد حصہ ترازو یا گھوم جاتا ہے۔

Step 5: Add Mouse Track & 3D Tilt

یہ صرف واضح طور پر ڈیسک ٹاپ آلات پر چلاتا ہے ، لیکن آپ اپنے ماؤس کی حرکت سے ذرات کو منتقل کرسکتے ہیں۔ سوچئے کہ آپ کو ٹمٹمانے والوں کا ایک لمبائی لمبا ہونا پسند ہے ، اور آپ ان کو اپنے ماؤس سے جوڑنا چاہتے ہیں۔

یہاں ، ہمارے پاس دو اختیارات ہیں: ماؤس ٹریک جو زائرین کے ماؤس کی نقل و حرکت اور 3D ٹلٹ اثر کے بارے میں عناصر کو حرکت دے کر گہرائی کا احساس پیدا کرتا ہے جو پوائنٹس کے ذریعہ اسی رجحان کے مطابق جز کو جھکا دیتا ہے۔

Step 6: Apply Parallax (Just the Motion Effect) on Various Devices

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

ایک پس منظر پر Parallax اثر

Step 1: Go to Your Elementor Website and Tick on One of the Website's Sections

اب ویب سائٹ کو فحاشی کے بڑے احساس کے ساتھ پیش کرنے کے لئے اس پس منظر میں کچھ لمبی باتیں کرتے ہیں۔ اس کو انجام دینے کے ل we ، ہمیں اسٹائل سیکشن کے ساتھ شروع کرنے کی ضرورت ہے۔

Step 2: Below the Background Section, Shift to Motion or Mouse Effect

اب آپ دو مختلف نتائج کے درمیان انتخاب کرسکتے ہیں جو آپ اپنی گہری پرت پر لگاسکتے ہیں: سکرولنگ اثر اور ماؤس اثر۔

Step 3: Repeat Steps 3 to 6

یہ بالکل وہی اثرات اور عمل ہے جو پہلے کی طرح ہے ، صرف اب اس کا اطلاق پس منظر میں کیا جاسکتا ہے!

یہ کام کرنے کا طریقہ یہ ہے:

نتیجہ اخذ کرنا

مجھے یہ کہنا ضروری ہے کہ پیرالیکس کی واحد حد ذہن ہے۔ لوگ حیرت انگیز لمبائی کے اثرات مرتب کرتے ہیں جو آپ کے دماغ کو اڑا دے گا ، اور اس تصور کو ویب پیج پر پہنچانے کے ل E ایلیمینٹر پرو ایک فائدہ مند پلگ ان ہے۔

اثر کچھ بھی ہو ، اگر یہ آپ کے زائرین کو جمالیاتی اعتبار سے متحرک کرتا ہے تو ، اسی جگہ آپ کی تخلیقی صلاحیتوں اور عنصر پرو کا فائدہ ہوتا ہے۔