نكاتي براي سرعت بخشيدن به روند طراحي با Elementor

نكاتي براي سرعت بخشيدن به روند طراحي با Elementor

پنهاني نيست كه Elementor يكي از بهترين سازندگان صفحه امروز در انجمن وردپرس است. و اين ديگر فقط يك صفحه ساز نيست. Elementor به حدي تكامل يافته است كه مي توانيد وب سايتهاي كاملاً كارا حتي با يك موضوع اصلي وردپرس رايگان و بدون نوشتن يك خط كد را طراحي كنيد!
در حالي كه Elementor گزينه ها و قابليت هاي سفارشي سازي زيادي را ارائه مي دهد ، ما اغلب جزئيات و بخش هاي كوچكتر اين افزونه را از دست مي دهيم كه مي تواند تأثير زيادي در روند طراحي وب سايت داشته باشد.
طراحي صفحات وب با Elementor از قبل سريع و آسان است ، اما اگر مي خواهيد روند طراحي را سرعت بخشيد ، در جاي مناسب قرار خواهيد گرفت. در اين مقاله خواهيد آموخت كه چگونه مي توانيد با استفاده كامل از ويرايشگر با ابزارهاي شخص ثالث ، روند طراحي را با Elementor تسريع كنيد.
با قالب هاي Premade شروع كنيدقالب هاي premade مي توانند پيشرفت پروژه شما را سرعت بخشند. طراحي صفحات جديد از ابتدا به زمان نياز دارد ، و در بيشتر مواقع غير از اين ، هنگام تنظيم مداوم طرح و سبك هاي صفحه ، آن زمان را از دست مي دهيد. اين دقيقاً همان جايي است كه قالب ها در دسترس هستند. كتابخانه قالب Elementor يك منبع عالي براي سرعت بخشيدن به روند طراحي است. حتي اگر از الگوي premade استفاده نمي كنيد ، هميشه مي توانيد از الگوي كتابخانه الگو به عنوان الهام استفاده كنيد. قالب ها را مي توان به راحتي مستقيماً با يك كليك بر روي صفحه وارد كرد.
الگوهاي عناصر را مي توان به دو قسمت تقسيم كرد. ابتدا ، وقتي مي خواهيد يك صفحه premade از بالا به پايين وارد كنيد ، مي توانيد يك صفحه كامل (مانند يك صفحه درباره يا مخاطب) را با تمام محتواي آن وارد كنيد. گزينه دوم اين است كه اگر مي خواهيد بخش يا بلوك طرح را وارد كنيد. شما مي توانيد اين كار را انجام دهيد اگر به عنوان مثال ، دوست داريد يكي از بخش هاي خدمات ، قهرمان ، با ما تماس بگيريد و يا مشترك شويد.
مجموعه هاي عالي و پريميوم فوق العاده شگفت انگيز از قالب ها به آساني در وب موجود است.
بازار Envatoبازار Envato
بازار Envato احتمالاً محبوب ترين بازار نه تنها براي المان هاي Elementor بلكه براي تم ها و افزونه هاي وردپرس است.
TemplateMonsterTemplateMonster
TemplateMonster يكي ديگر از ارائه دهنده دارايي هاي قالب با كيفيت خوب است ، آنها همچنين برخي از قالب هاي رايگان دارند.
كتابخانه المان Elementorكتابخانه المان Elementor
كتابخانه الگوي Elementor - يك انبار الگوي بومي براي Elementor است ، الگوهاي جديد رايگان و پريميوم بسيار غالباً ظاهر مي شوند.
از كليدهاي ميانبر استفاده كنيداگر فقط با موس خود با Elementor كار مي كنيد ، لطفا متوقف شويد! 10 دقيقه كد كوتاه يادگيري را صرف كنيد ، كه باعث صرفه جويي در زمان شما و سرعت بخشيدن به روند طراحي وب سايت شما خواهد شد. جدا از موارد ساده مانند كپي و چسباندن ، مي توانيد از ميانبرهاي سفارشي پيشرفته تر نيز استفاده كنيد. آنها مي توانند بسيار مفيد باشند ، به خصوص اگر مي خواهيد بين پانل و حالت پيش نمايش حركت كنيد يا به ويرايش موبايل برويد.
در اينجا ليستي از ميانبرهايي وجود دارد كه مي تواند سرعت طراحي وب سايت شما را به طور جدي افزايش دهد:
اقداماتواگرد Ctrl / Cmd + Z هر تغييري را كه در صفحه ايجاد شده است واگرد كنيدمجدداً Ctrl / Cmd + Shift + Z هر تغييري را كه در صفحه ايجاد شده است دوباره انجام دهيدكپي ???? Ctrl / Cmd + C يك بخش ، ستون يا ويجت را كپي كنيدچسباندن Ctrl / Cmd + V يك بخش ، ستون يا ويجت را بچسبانيدسبك چسباندن Ctrl / Cmd + Shift + V يك بخش ، ستون يا سبك ويجت را بچسبانيدحذف حذف يك بخش / ستون / ويجت را كه ويرايش شده است حذف كنيدكپي كردن Ctrl / Cmd + D يك بخش / ستون / ويجت را كه ويرايش شده است ، كپي كنيدصرفه جويي Ctrl / Cmd + S صفحه خود را در تاريخچه ويرايش ذخيره كنيدقابل اعتماد و متخصصپانل / پيش نمايش Ctrl / Cmd + P بين پانل و نماي پيش نمايش جابجا شويدويرايش موبايل Ctrl / Cmd + Shift + M بين نماهاي دسك تاپ ، رايانه لوحي و تلفن همراه جابجا شويدتاريخ Ctrl / Cmd + Shift + H به پانل تاريخ برويدناوبر Ctrl / Cmd + I ناوبر را باز مي كندكتابخانه الگو Ctrl / Cmd + Shift + L معين كتابخانه قالب ما را باز مي كندميانبرهاي صفحه كليد Ctrl / Cmd +؟ پنجره راهنما ميانبرهاي صفحه كليد را باز مي كندترك كن خروج تنظيمات را باز كرده و به خروج به داشبورد پرش مي كندCSS سفارشي براي صفحاتآيا مي دانيد كه مي توانيد CSS سفارشي براي هر صفحه داشته باشيد؟ بله ، اما توجه داشته باشيد كه اين ويژگي فقط در نسخه Pro از Elementor گنجانده شده است. به عنوان راه حل اين موضوع ، به شما نشان مي دهم كه چگونه CSS سفارشي را براي هر صفحه درج كنيد. اگر مي خواهيد نسخه Pro فقط براي اضافه كردن شخصي سازي هاي كوچك در سطح صفحه باشد ، اين ترفند باعث صرفه جويي در هزينه شما خواهد شد.
براي انجام اين كار ، فقط بايد از ويجت HTML و اين قطعه كد در داخل استفاده كنيد:
به اين مثال نگاهي بيندازيد:
كد سفارشي
نوار جستجوي ياب Elementorخيلي وقت ها وقتي روي طراحي صفحه كار مي كنيد ، مي خواهيد به صفحات ديگر ، تنظيمات ، صفحه فروش يا هر جاي ديگر پرش كنيد و در صورت نياز به زمان نياز است: اگر صفحه را ذخيره كنيد> به داشبورد خود بازگرديد> صفحات باز > صفحه اي را كه مي خواهيد باز كنيد جستجو كنيد. اگر مجبور شويد بار ديگر وقت خود را انجام دهيد اين مي تواند وقت و انرژي زيادي را هدر دهد.
خوشبختانه ، Elementor يك راه حل داخلي براي ساده سازي و سرعت بخشيدن به روند طراحي دارد. به جاي گذر از اين همه مشكل ، مي توانيد به سادگي از Elementor Finder استفاده كنيد. مي توانيد مستقيماً با جستجوي در نوار جستجو ، به هر تنظيمات ، الگوي ، صفحه يا يك بخش موضوع پرش كنيد. با كليك بر روي كليدهاي Cmd / Ctrl + E در هر كجاي داشبورد وردپرس ، به ياب قابل دسترسي است. اين ويديو را ببينيد تا همه كارهايي را كه مي توانيد با Finder انجام دهيد ببينيد.


از Navigator استفاده كنيدNavigator يك پنجره درخت ناوبري است كه دسترسي آسان به هر عنصر در سازنده صفحه را فراهم مي كند. اين پنجره كوچك به شما امكان مي دهد از طريق عناصر حركت كنيد و ابزارك ها را به راحتي بكشيد و رها كنيد.
Navigator مخصوصاً براي صفحات طولاني يا صفحات با طرح پيچيده و چند لايه پيچيده مفيد است ، و براي عناصر تركيبي از Z-Index ، منهاي يك حاشيه ، موقعيت مطلق و غيره. اين امكان را به شما مي دهد تا به دسته عناصر دسترسي داشته باشيد كه ممكن است در پشت عناصر ديگر قرار بگيرند.
مي توانيد به يكي از 3 روش ساده به Navigator دسترسي پيدا كنيد:
روي هر عنصر راست كليك كرده و سپس روي Navigator كليك كنيد. اين به طور خودكار شما را به عنصر خاص در درخت ناوبري هدايت مي كند.بر روي دكمه عناصر موجود در پاورقي پنل كليك كنيد.از ميانبر صفحه كليد Cmd / Ctrl + I استفاده كنيد.به اين ويديو نگاهي بيندازيد تا در عمل مشاهده شود:


Navigator عملكردهاي ديگري نيز دارد ، مانند ويجت هاي نامگذاري ، ابزارك هاي سقوط و گسترش ، شناور يا داك پانل و نمايش يا مخفي كردن ويجت ها. شما مي توانيد يك بررسي كامل در مستندات آنها مشاهده كنيد .
پالت رنگ خود را تعريف كنيدبه طور معمول ، هنگام طراحي وب سايت ، الگوي طراحي ايجاد شده توسط طراح را دنبال مي كنيم. اين الگوي معمولاً شامل تركيبي از رنگهاي تكراري در كل سايت است. اينها رنگهاي برند هستند كه بايد بدون تغيير باقي بمانند. اين بدان معني است كه هر بار كه ويجت جديدي را در صفحه اضافه مي كنيم بايد كد رنگي را كپي كنيد ، يا بايد به خاطر داشته باشيم كه كد رنگ براي اعمال آن در تنظيمات ويجت چيست. انجام اين كار مي تواند وقت گير باشد. خوشبختانه Elementor راه حلي براي ما دارد.
شما مي توانيد رنگ هاي نام تجاري خود را در تنظيمات Color Picker تعريف كرده و هر بار كه به گزينه هاي رنگي براي يك ظاهر طراحي ويجت دسترسي پيدا كنيد ، از آنها استفاده مجدد كنيد. فقط كافي است يك پالت از پيش تعيين شده را انتخاب كنيد يا رنگ هاي دلخواه خود را تعريف كنيد تا در هنگام طراحي وقت خود را صرفه جويي كنيد.
يك نگاه به اين ويدئو بينداز:


قالب ها و الگوهاي ويجت آماده و قابل استفاده مجددElementor يكي از بهترين سازندگان صفحه است ، اما آيا به دكمه هاي پيش فرض و زشت فكر كرده ايد؟ زبانه ها؟ منوها؟ يا هر ويجت ديگر؟ اين ابزارك هاي پيش فرض به نظر مي رسد كه آنها چندين سال پيش طراحي شده اند ، يا ، شايد شما مي خواستيد از ويجت هايي كه در پروژه A در پروژه B طراحي كرده ايد استفاده مجدد كنيد؟
در حال حاضر ، شما قادر به ذخيره و استفاده مجدد از سبك هاي ويجت براي پروژه هاي آينده با Elementor نيستيد. خوشبختانه ، افزونه WunderWP رايگان براي حل اين مشكل چند راه ارائه مي دهد.

https://uaelementor.com/

 

https://is.gd/fWjKDz

https://v.gd/cY0sPD

https://v.ht/sqJn

https://clck.ru/Mf7qb

http://ulvis.net/a7VC

https://b2n.ir/077733

http://yun.ir/51h

تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در رویا بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.