Elementor: چگونه یک انیمیشن در شناور ایجاد کنیم

تعادل پسی پسر | وردپرس

آیا می خواهید با Elementor یک انیمیشن شناور ایجاد کنید؟

در این آموزش از یک قوطی پپسی استفاده خواهیم کرد که بر فراز آن پرواز می کنیم و توضیحاتی در مورد آن نشان می دهد.

از شما دعوت می‌کنیم ویدیوی زیر را تماشا کنید تا ایده‌ای را که می‌خواهیم به شما نشان دهیم به دست آورید.

یک بخش ستونی را وارد کنید سپس در نوار کناری انتخاب کنید حداقل ارتفاع سور ارتفاع

در باره حداقل ارتفاع کلیک کنید VH سپس نوار لغزنده را به سمت آن بکشید 100. همیشه در برگه چیدمان تعریف 650 comme عرض.

ستون و در نوار کناری فیلد را انتخاب کنید چیدمان عمودی انتخاب کنید محیط.

در برگه سبک، رنگ پس زمینه را با کلیک کردن روی انتخابگر رنگ تغییر دهید و تایپ کنید # D37636 سپس در بخش مرز، بگیریم 20 برای همه شعاع های محدود

در برگه پیشرفته، صحافی padding را خاموش کنید و تایپ کنید 75 برای حاشیه های داخلی بالا et حجاری و نقوش برجسته et 25 برای حاشیه های داخلی چپ دست et Droite.

سپس در ستون یک ویجت را بکشید بخش داخلی. بیایید یکی از ستون ها را از قسمت Internal حذف کنیم.

در ستون قسمت داخلی باقیمانده، را رها کنید ویجت عنوان و عنوان را به پپسی لاو.

همچنین راهنمای ما را در اینجا بخوانید: نحوه ایجاد یک کارت افکت از پورتفولیو در المنتور

سپس، در برگه سبک، به متن رنگ سفید بدهید و برای تایپوگرافی مقدار را تنظیم کنید اندازه سور 32از ارتفاع سطر سور 1.2, فاصله بین حروف سور 0.5.

زیر ویجت عنوان، یک را رها کنید ویجت ویرایشگر متن و متن را ویرایش کنید در برگه سبک، رنگ متن را به سفید تغییر دهید و اندازه تایپوگرافی روشن 16از ارتفاع سطر سور 1.5 وفاصله بین حروف سور 0.5.

در برگه پیشرفته حاشیه را تغییر دهید حجاری و نقوش برجسته سور -10.

در بخش تثبیت موقعیت زبانه پیشرفته، اصلاح کنید عرض سور رسم و عرض سفارشی دومی را تنظیم کنید 310.

در زیر پاراگراف الف را اضافه می کنیم ویجت دکمه با برای متن ادامه مطلب.

در برگه سبک به دکمه رنگ بدهید سفید و رنگ متن را روی آن تنظیم کنید خیر.

حالا ستون را انتخاب کنید بخش داخلی، در بخش پیشرفته زبانه پیشرفته لینک را خاموش کنید و روی درصد کلیک کنید سپس حاشیه را تنظیم کنید چپ دست سور 20 و در حاشیه داخلی آن را تعریف کنید چپ دست سور 20.

حالا بکشید تصویر ویجت بالای بخش داخلی یک تصویر درج کنید ما برای مثال تصویری از یک نوشیدنی را انتخاب کردیم که به راحتی در وب یافت می شود.

هنگامی که تصویر را وارد کردید، آن را پیکربندی کنید اندازه تصویر سور کل و هم ترازی بیایید کلیک کنیم مرکز.

در برگه پیشرفته، به بخش بروید موقعیت سور عرض انتخاب کنید آنلاین (خودکار)بر موقعیت انتخاب کنید مطلق و جهت گیری افقی انتخاب کنید راست سپس در انحراف وارد شدن -9.9 و در انحراف از جهت عمودی را وارد کنید -105.

به پایین تر بروید بخش تبدیل تعریف کردن تغییر اندازه سور 0.5.

حالا ستون را انتخاب کنید بخش داخلی و در برگه پیشرفته نام را وارد کنید کلاس های css متن پپسی

سپس بخش اصلی ما را انتخاب کنید، به بخش بروید CSS سفارشی برگه او پیشرفته ،  کد زیر را کپی و پیست کنید:

/*Hover Animation CSS*/
selector{
    --transition: 0.5s;
    --circle-color: #313F69;
    --content-background: #D27838;
    --mobile-height: 670px;
    --mob-top: 320px;
}
selector .elementor-widget-wrap,selector .elementor-widget-container,selector .elementor-widget-image,.pepsi-text,selector > .elementor-widget-wrap:before,selector{
    transition: all var(--transition) !important;
}
selector > .elementor-widget-wrap:before{
    content: "";
    background: var(--circle-color);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    clip-path: circle(120px at center);
}
selector:hover > .elementor-widget-wrap:before{
    clip-path: circle(400px at center);
    background: var(--content-background);
}
selector:hover .elementor-widget-image{
    right: -200px !important;
}
selector:hover .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector .pepsi-text{
    opacity: 0;
    visibility: hiddin;
}
selector:hover .pepsi-text{
    opacity: 1;
    visibility: visible;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-left: 0px !important;
}
/*Responsive*/
@media (max-width: 767px) {
selector{
    height: var(--mobile-height);
}  
selector .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector:hover .elementor-widget-image{
    right: 68px !important;
    top: var(--mob-top) !important;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-top: -265px !important;
}
}

توجه داشته باشید : اگر این بخش را ندارید، باید به آن بروید نسخه حرفه ای المنتور.

حال اگر بخواهیم رنگ پس زمینه را از متن حذف کنیم، ستون اصلی خود را انتخاب کرده و در تب Style رنگ پس زمینه را غیرفعال می کنیم.

در این زمان، انیمیشن شما به طور معمول در مرورگر اجرا می شود.

به نظر می رسد انیمیشن روی تبلت نیز عالی است

Mais sur smartphone, elle ne s’affiche pas normalement. Résolvons ce problème.

بیایید مرورگر را نمایش دهیم

در مرورگر Section را انتخاب کنید (مطمئن شوید هنوز در حالت گوشی هوشمند هستید) و مقدار را پایین بیاورید عرض سور 320

سپس ستون اصلی و در تب آن را انتخاب کنید پیشرفته، تمام حاشیه های داخلی را روی 25

در مرورگر، تصویر را انتخاب کنید و در تب سبکروی کلیک کنید PX de عرض و آن را تنظیم کنید 180.

در برگه پیشرفته du ویجت تصویرادامه دهید موقعیت، و انتخاب کنید مطلقبه افست افقی وارد شدن 75 و در تغییر عمودی وارد شدن 236. به طور خلاصه، مطمئن شوید که تصویر خود را با استفاده از آفست های مختلف وسط دایره قرار دهید.

اکنون می توانید پیش نمایش انیمیشن خود را در دستگاه های مختلف مشاهده کنید.

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

بنابراین ! این برای این مقاله است که به شما نشان می دهد چگونه یک انیمیشن در شناور ایجاد کنید در المنتور اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، مایلیم از شما در این قسمت بشنویم نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...

10 صفحه ساز وردپرس: چگونه یک مورد مناسب را برای نیازهای خود انتخاب کنید؟ (+ 7 بهترین تم وردپرس)

تعادل تفرجگاه ساحلی | وردپرس

با وجود همه این صفحه سازهای وردپرس، تصمیم گیری اینکه کدام یک با نیازهای شما مطابقت دارد یا با مجموعه مهارت های شما مطابقت دارد، می تواند دشوار باشد. عوامل دیگری نیز وجود دارد که باید در نظر گرفته شود، از جمله انتخاب ابزار سفارشی سازی، هزینه و راحتی استفاده. امروز قصد داریم انواع پرکاربرد را شرح دهیم، مزایا و معایب آنها را مرور کنیم و مضامین وردپرس  بهترین سازگاری با این انواع

10 صفحه ساز برتر وردپرس: کدام یک ارزش توجه شما را دارد؟ (+7 تم شگفت انگیز وردپرس)

Elementor Page Builder

Elementor یک افزونه صفحه ساز کشیدن و رها کردن وردپرس است. در مقایسه با پوسته‌های معمولی پست یا صفحه، آنهایی که با این ویرایشگر ایجاد می‌شوند منحصربه‌فرد و قابل توجه به نظر می‌رسند. به طور کلی، این یکی از محبوب ترین سازندگان است. این یک طرح رایگان ارائه می دهد که شامل مجموعه عظیمی از ابزارهای ضروری است. پس این ویژگی های مهم که آن را از سایر سازندگان متمایز می کند چیست؟

1. رابط کاربری بسیار ساده است و اجزای زیادی را برای ایجاد صفحات وب سفارشی فراهم می کند. اگر شما یک توسعه دهنده وب هستید، می توانید سایت های استثنایی با طراحی های پیچیده برای مشتریان خود نیز بسازید.
2. قابلیت های پیچیده Elementor به شما این امکان را می دهد که یک فروشگاه آنلاین طراحی کنید و کالاهای خاص را بدون زحمت به نمایش بگذارید. سازنده WooCommerce آن به شما امکان می دهد یک صفحه پرداخت، یک صفحه "حساب های من" و یک صفحه فروشگاه ایجاد کنید. همچنین ویژگی هایی را ارائه می دهد که به صفحات محصول منحصر به فرد با عناصر محتوای پویا اجازه می دهد.
3. هزاران قالب و صفحه از پیش طراحی شده برای صنایع مختلف برای استفاده وجود دارد. کتابخانه‌ای را جستجو کنید که بلوک‌ها، صفحات یا حتی کل سایت‌های آماده برای وارد کردن را ارائه می‌دهد.
4. ایجاد افکت های متحرک با استفاده از متن و گرافیک و همچنین افکت های ماوس دیگر دشوار نیست. 
5. می توانید طرح های مختلفی را برای پلتفرم های موبایل، تبلت و دسکتاپ توسعه دهید. همچنین ممکن است انتخاب کنید که اجزای خاصی در یک دستگاه خاص نمایش داده نشود.

Elementor یک سازنده سایت وردپرس رایگان است، اما در صورت نیاز به ویژگی های اضافی، برنامه های برتر نیز وجود دارد.

Poket – بهترین انتخاب تم های وردپرس برای کسب و کار و چند منظوره.

Poket یک گزینه انعطاف پذیر و چند منظوره است که در بین بهترین تم های وردپرس یافت می شود. این یک تطابق کامل برای مشاغل مختلف از جمله فناوری اطلاعات، بازاریابی، مشاوره، آموزش، استارتاپ ها و بسیاری موارد دیگر است. با حضور صفحه ساز Elementor می توانید از روند ساخت وب سایت روان لذت ببرید. کافیست موارد مورد نظر را بدون هیچ تلاشی بکشید و رها کنید. شما آماده خواهید بود تا از بیش از 80 عنصر شخصی سازی شده لذت ببرید.

توابع دیگر:

• واردات نسخه ی نمایشی با یک کلیک؛
• طراحی کاملا واکنشگرا؛
• ویجت های اضافی؛
• 100+ گونه از دموهای مدرن؛
• قابلیت WooCommerce

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

گوتنبرگ

گوتنبرگ یکی دیگر از ویرایشگرهای وردپرس است که در وردپرس 5.0 راه اندازی شده است. مگر اینکه به صورت دستی آن را غیرفعال کنید، این ویرایشگر پیش فرض برای همه وب سایت های وردپرس است. گوتنبرگ نظرات متفاوتی از توسعه دهندگان وب دریافت کرده است، بنابراین بسیاری از مردم تعجب می کنند که آیا ارزش مهاجرت به آن را دارد یا خیر. بیایید ویژگی های اصلی آن را مرور کنیم تا بفهمیم از گوتنبرگ چه انتظاری داریم.

1. ویرایشگر گوتنبرگ رویکردی مبتنی بر بلوک را در پیش گرفته و هر عنصر از جمله متن و تصاویر را به عنوان بلوک در نظر می گیرد.
2. گوتنبرگ صفحه را به بلوک‌ها تقسیم می‌کند و گزینه‌های اضافی را برای اصلاح سبک و عملکرد سایت ارائه می‌دهد. از جمله این موارد می توان به تغییر رنگ متون و افزودن عکس، فیلم و دکمه اشاره کرد. علاوه بر این، می‌توانید ستون‌ها، جاسازی‌ها، ویجت‌های درون پستی، تقسیم‌کننده‌ها و قالب‌های مختلف محتوای دیگر را در صورت نیاز به پست‌ها و صفحات خود اضافه کنید.
3. این بلوک ها برای ساخت طرح های پیچیده تر استفاده می شوند. این می تواند یک طرح چند ستونی یا گروه بندی ستون ها برای تشکیل یک بخش یکپارچه باشد.
4. پروژه گوتنبرگ به جای اینکه یک ویرایشگر متن ساده باشد، آرزو دارد که یک سایت ساز با امکانات کامل باشد.
5. وردپرس گوتنبرگ نه تنها برای تولیدکنندگان محتوا، بلکه برای سازندگان افزونه نیز ابزاری مناسب است. دومی مجبور نیست به کدهای کوتاه تکیه کند (اگرچه امکان توسعه برخی از آنها وجود دارد). در عوض، آنها می توانند بلوک های خاصی را طراحی کنند که می توانند به مقالات اضافه شوند.

ویرایشگر گوتنبرگ کاملا رایگان است.

Techup - قالب وردپرس برای استارتاپ های اینترنت اشیا و هوش مصنوعی

این گزینه با طراحی زیبا برای چندین منظور مناسب است. به عنوان مثال، شما این شانس را خواهید داشت که در مورد پروژه های توسعه زیرساخت هوش مصنوعی، بینایی کامپیوتر و اینترنت اشیا صحبت کنید. دارای ویرایشگر گوتنبرگ است که فرآیند مدیریت تم را آسان می کند. این یک طراحی کاملاً پاسخگو ارائه می دهد که مردم می توانند از طریق تمام دستگاه های معاصر آن را ببینند.

توابع دیگر:

• قابلیت وبلاگ
• سازگار با Revolution Slider.
• بلوک اعضای تیم؛
• گالری؛
• نقشه های گوگل

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

سازنده Divi

Divi Builder خود را به عنوان یکی از صفحه سازهای برتر وردپرس تثبیت کرده است. از زمان شکل‌گیری در سال 2015، تلاش کرده است تا ساخت وب‌سایت‌ها را تا حد امکان بصری کند. در ابتدا، فقط با "طرح وردپرس Divi" از Elegant Themes سازگار بود. خوشبختانه، همه اینها تغییر کرده است، و شما آزاد هستید که هر راه حل خارج از جعبه وردپرس را تغییر دهید. چرا بسیاری از مردم تصمیم می گیرند با Divi Builder همراه شوند؟

1. این شامل یک کتابخانه گسترده از بیش از 1 طرح بندی آماده برای استفاده است. اینها طرح های شایسته ای هستند که برای برآوردن نیازهای صنایع مختلف ساخته شده اند.
2. سفارشی سازی نیز گسترده و انعطاف پذیر است. شما می توانید هر یک از اجزای آن را تغییر دهید.
3. به شما امکان می دهد تمام اجزای سایت را تغییر دهید. شما می توانید تمام اجزای سایت خود را کنترل کنید، از تقسیم کننده شکل و تایپوگرافی گرفته تا قالب بندی متن و افکت های انیمیشن.
4. کاملاً با WooCommerce سازگار است. Divi به شما این امکان را می دهد که کسب و کار خود را کارآمد و مقرون به صرفه اداره کنید.
5. دسترسی به بیش از 30 ماژول محتوای قابل تنظیم را فراهم می کند که می توانید آنها را در ردیف ها و ستون ها قرار دهید. همچنین می توانید متن، عکس، فیلم، شمارش معکوس، قیمت، نقشه و موارد دیگر را اضافه کنید.

تم وردپرس رفاه اجتماعی – غیرانتفاعی Divi Charity

راه اندازی یک سایت خیریه کاملا کاربردی با استفاده از قالب های وردپرس با این تم زیبا امکان پذیر است. از Divi Builder پشتیبانی می‌کند، به این معنی که شما می‌توانید محتوا را مطابق با دیدگاه خود تغییر دهید. چهار تنوع از صفحات اصلی در بسته گنجانده شده است. می توانید هر یک از آنها را با یک کلیک وارد کنید و شروع به اضافه کردن اطلاعات لازم کنید.

توابع دیگر:

• صفحات گالری و رویدادها؛
• وبلاگ یکپارچه؛
• طراحی بهینه شده برای موبایل؛
• منوی کشویی؛
• فرم اشتراک خبرنامه

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

صفحه ساز WPBakery

صفحه ساز WPBakery که قبلا به عنوان صفحه ساز ویژوال کامپوزر شناخته می شد، یکی از سازندگان برتر وردپرس است. به طور خلاصه، صفحه‌ساز قدرتمند دیگری با ویرایشگرهای جلویی و بک‌اند است که از ویژگی‌های متمایز آن محسوب می‌شود. شما می توانید سایت خود را مدیریت کنید و طرح بندی را با استفاده از روش کشیدن و رها کردن بسازید. چه ویژگی های دیگری که ارزش توجه شما را دارد در بسته گنجانده شده است؟

1. شما قادر خواهید بود از یک نسخه آنلاین عالی لذت ببرید، که به شما کمک می کند تا طرح بندی یک وب سایت را سریع و آسان تغییر دهید. با تشکر از شناخته‌شده‌ترین ویرایشگر WYSIWYG، می‌توانید تغییرات و تنظیماتی را که در طرح‌بندی انجام می‌دهید به سرعت مشاهده کنید.
2. WPBakery یک صفحه ساز است که می تواند با هر نوع تم وردپرس کار کند. 
3. طبیعتاً از پاسخگویی وب سایت شما مراقبت می کند، بنابراین لازم نیست نگران آن باشید.
4. می توانید رنگ ها، پس زمینه ها، پر کردن و سایر عناصر را تغییر دهید. به عبارت دیگر، مجموعه کاملی از گزینه های دیگر برای شخصی سازی هویت سایت شما وجود دارد.
5. WPBakery شامل بیش از 80 جزء است. اینها شامل جدول قیمت، عنوان متحرک، جعبه تاشو و سایر اجزای WooCommerce است.

Hazel – قالب وردپرس چند منظوره مینیمالیست و تمیز

Hazel نمونه دیگری از بهترین تم های چند منظوره وردپرس است که برای کارهای مختلف مناسب است. این بسته شامل 12+ دمو است که آماده نمایش محتوای شما در بهترین حالت است. سازگاری با WPBakery Page Builder ساخت صفحات و طرح‌بندی‌های جدید را آسان می‌کند. همچنین گزینه های مختلف هدر و منو، بیش از 60 عنصر ساختمانی و کد کوتاه، و هزاران صفحه از پیش طراحی شده را خواهید داشت.

توابع دیگر:

• رنگ ها و سبک های نامحدود؛
• چندین قالب وبلاگ و گزینه های وبلاگ نویسی پیشرفته؛
• هفت ویجت سفارشی داخلی؛
• گزینه های مختلف تایپوگرافی؛
• 320+ لغزنده گنجانده شده است.

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

ویژوال آهنگساز

ویژوال کامپوزر یکی از اولین صفحه سازهای موجود بود. همچنین، برای مدت زمان طولانی و چشمگیر وجود داشته است. از سوی دیگر، این افزونه به روز رسانی و بهبودهای متعددی را پشت سر گذاشته تا عملکرد بهتری داشته باشد. به طور کلی، این یک پلاگین چیدمان بصری ممتاز است که به شما امکان می دهد پروژه های ساده و پیچیده بسازید. چه توابعی آن را ممکن می کند؟

1. این یک ابزار سازنده واقعی کشیدن و رها کردن دارد، که یادگیری نحوه ساخت یک وب سایت را برای هر کسی آسان می کند، به خصوص وقتی صحبت از قالب ها و بلوک های محتوا می شود.
2. این یک نمایش واقعی از نحوه ظاهر وب سایت ارائه می دهد و تضمین می کند که هر گونه به روز رسانی در یک پیش نمایش ایجاد شده و درست جلوی چشمان شما نمایش داده می شود.
3. Visual Composer Hub را ارائه می دهد، مکانی برای یافتن و کار با انواع اجزای طراحی در ویرایشگر.
4. سازنده پاپ آپ یکی از ویژگی های منحصر به فرد ویژوال کامپوزر است، زیرا تعداد کمی از صفحه سازهای دیگر این سطح از قابلیت را دارند. پنجره های بازشو برای بازاریابی، هشدارها و فرم های ایمیل همگی امکان پذیر است.
5. API به شما این امکان را می دهد که ویژوال کامپوزر را به روش های مختلفی ارتقا دهید. شما اسنادی برای کمک به درک نحوه استفاده از API و همچنین فضایی برای ایجاد افزونه‌های خود خواهید داشت.

قالب وردپرس Yogalife – Yoga and Meditation

این گزینه مینیمالیستی انتخاب شده از تم های وردپرس بهترین گزینه برای نمایش مرکز یوگا و مدیتیشن شماست. این یک طراحی آسان برای سفارشی سازی ارائه می دهد که از طریق ویژوال کامپوزر در دسترس خواهد بود. بنابراین، می توانید خلاقیت خود را به حداکثر برسانید و به تعداد نامحدودی طرح بندی برسید. شما همچنین می توانید از بین پنج سبک هدر انتخاب کنید و یک پروژه آنلاین بی نظیر را دریافت کنید.

توابع دیگر:

• اثر اختلاف منظر؛
• مگا منو؛
• ویدیو پس زمینه;
• صفحه تقویم رویدادها؛
• نقشه های گوگل

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

صفحه ساز نسیم

وب سایت ساز Breeze یک سیستم مدیریت محتوای کامل است که برای آژانس ها و مشاغل ایجاد شده است. گزینه های جامع توسعه برنامه وب را ارائه می دهد. منظور اون چیه ؟

1. استفاده از آن ساده است، با تمام ابزارهای مورد نیاز برای ساخت و مدیریت وب سایت ها در یک ساختار منطقی.
2. همه ابزارها بدون نیاز به استفاده از برنامه دیگری در دسترس هستند. فقط از مرورگر خود استفاده کنید.
3. این سریع طراحی شده است که ساخت وب سایت را سریعتر و آسان تر می کند.
4. توسعه دهندگان می توانند آن را به مشتریان خود تحویل دهند تا بتوانند سایت های خود را مدیریت کنند.
5. این HTML تمیز و زیبا تولید می کند. لینک ها برای ربات های جستجوگر به راحتی قابل دسترسی هستند.

قالب وردپرس تجاری چند منظوره ساده شده

اگر می خواهید تجارت خود را تبلیغ کنید یا یک وبلاگ راه اندازی کنید، تم های وردپرس زیادی وجود دارد که می توانید با آنها کار کنید. . این قطعا یکی از آن ها است با تشکر از Breeze Page Builder، برای اصلاح محتوا و به دست آوردن یک پروژه برتر به چیزی نیاز نخواهید داشت. این یک طراحی کاملا واکنشگرا ارائه می دهد. این امکان را به مخاطبان شما می دهد تا بدون توجه به ابزاری که استفاده می کنند، با سایت شما آشنا شوند.

توابع دیگر:

• فرم تماس ؛
• سازگار با ووکامرس؛
• منوی کشویی؛
• نقشه های گوگل
• عملکرد گالری

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

بیش از حد ساز

Beaver Builder یک صفحه ساز وردپرس است که در بین توسعه دهندگان وب و علاقه مندان به DIY محبوب است. این یک تصویر عمومی از یک ویرایشگر بسیار کاربر پسند با کد تمیز و به روز رسانی های مداوم به دست آورد. در نتیجه، منجر به اجرای آن در بیش از یک میلیون پروژه آنلاین شده است. این به کاربران اجازه می دهد تا با کشیدن و رها کردن عناصری مانند متن، عکس، لوگو و ویدئو، صفحات وب اصلی را ایجاد کنند. زمان آن رسیده که با سایر ویژگی های موجود در بسته آن آشنا شوید.

1. تجربه ویرایش بصری جلویی به شما امکان می دهد صفحه را همانطور که در حین کار برای بینندگان شما نمایش داده می شود ببینید، که فوق العاده است.
2. اگر نمی‌خواهید صفحات را از ابتدا بسازید، Beaver Builder دارای کتابخانه‌ای از قالب‌های از پیش ساخته شده قابل تنظیم است.
3. می توانید هر صفحه ای را که تولید کرده اید ذخیره کنید و از طرح بندی آن برای اطلاعات دیگر و همچنین هر سطر، ستون یا ماژولی که اضافه می کنید استفاده کنید.
4. عناصر طراحی که انتخاب می کنید و در وب سایت خود قرار می گیرند از بلوک ها (عناصر محتوا) تشکیل شده اند.
5. همچنین می توانید مقالات و انواع پست سفارشی را ویرایش کنید. علاوه بر این، با اکثر مضامین وردپرس سازگار است و به خوبی با اکثر افزونه هایی که کد کوتاه و ابزارک ایجاد می کنند ترکیب می شود.

Getexcito – تم Woocommerce برای سایت های مد و مینی

در وب می توانید مجموعه ای از تم های وردپرس مرتبط با مد را پیدا کنید. این یکی از گزینه های ظاهری مینیمالیستی است که ممکن است نظر شما را جلب کند. این یک تم کاملاً قابل تنظیم است و Beaver Builder تمام تلاش خود را انجام می دهد تا تجربه کاربری عالی را به شما ارائه دهد. شما می توانید هدر و پاورقی را تغییر دهید که پروژه آنلاین شما را جذاب تر می کند. همچنین چندین سبک از صفحات وبلاگ وجود دارد که پست های شما را در بهترین نور ممکن به نمایش می گذارد.

توابع دیگر:

• مگا منو؛
• آماده ترجمه؛
• اثر اختلاف منظر؛
• سازگار با ووکامرس؛
• واردات نسخه ی نمایشی با یک کلیک

ادامه مطلب | نسخه ی نمایشی | دانلود رایگان در MonsterONE

Themify ساز

صفحه ساز Themify پاسخی برای کسانی است که نیاز به ساخت کل سایت در یک منطقه بصری دارند. در دو نسخه رایگان و پریمیوم موجود است. علاوه بر این، شامل مجموعه‌ای از ماژول‌های محتوای کشیدن و رها کردن از جعبه متن تا گالری است.

1. در بک‌اند، می‌توانید محتوا را با استفاده از ماژول‌های ساده‌تر و فضای کاری شلوغ‌تر ویرایش کنید. همچنین می توانید به پیش نمایش جلویی دسترسی داشته باشید و تغییرات را در زمان واقعی ایجاد کنید.
2. همچنین گزینه ای برای ساخت کل وب سایت با استفاده از تم ها و قالب های محتوا از پیش ساخته شده را ارائه می دهد. از آنجایی که آنها مخلوطی از بلوک های مختلف هستند، این اجزا به طور قابل توجهی پیچیده تر از ماژول های محتوای معمولی هستند.
3. یک ویژگی جداگانه، امکان انتخاب نحوه و زمان نمایش قالب های خاص در وب سایت شما است. این نوع عملکرد معمولاً با سایر صفحه سازها در دسترس نیست.

عضویت Builder Pro شامل Builder Pro و تمام 25 افزونه Builder است. 69 دلار برای شما هزینه خواهد داشت.

صفحه ساز WP

رابط کاربری افزونه WP Page Builder نسبت به بسیاری از صفحه سازهای پیچیده موجود در بازار کاربرپسندتر است. برخی ممکن است آن را خیلی ساده در نظر بگیرند، اما ما فکر می کنیم که این یک گزینه فوق العاده و جمع و جور برای افرادی است که درگیر کدنویسی نیستند. همچنین بسیاری از ویژگی های غیر ضروری را که اکثر طراحان از آنها استفاده نمی کنند، حذف می کند. WP Page Builder ممکن است برای همه مناسب نباشد، اما ارزش بررسی آن را دارد.

1. ویژگی برجسته این افزونه، کشیدن و رها کردن سازنده است. این یک سازنده تمیز با برگه‌های منو برای مواردی مانند افزونه‌ها، بلوک‌ها و طرح‌بندی است.
2. همچنین می‌توانید طرح‌های ذخیره‌شده قبلی را در کتابخانه نگه دارید تا در صورت تمایل از آنها در جای دیگری استفاده کنید.
3. همچنین شامل بیش از 60 بلوک محتوا است. با استفاده از آن‌ها، می‌توانید مواردی مانند توصیفات، بخش‌های اعضای تیم و جداول قیمت‌گذاری را اضافه کنید.
4. همچنین امکان استفاده از افزونه ها (یا بلوک ها) وجود دارد. اینها عناصر محتوای اساسی تری هستند که برای ایجاد دکمه ها، فرم ها و قاب های متنی در طرح خود وارد می کنید.
5. WP Page Builder اجازه می دهد تا ردیف های جداگانه و همچنین کل طرح های صفحه اصلی را ذخیره کنید.

WP Page Builder یک افزونه رایگان وردپرس است.

صفحه ساز Brizy

بریزی که به عنوان یک صفحه ساز بدون محدودیت تبلیغ می شود، دلیل محکمی برای اینکه یکی از رقابتی ترین، کاربر پسندترین و مقرون به صرفه ترین صفحه سازها در صنعت است، دارد. بررسی ویژگی های اصلی آن کمک می کند تا بفهمیم آیا این درست است یا خیر.

1. رابط کاربری ساده است و فقط چند دکمه برای انتخاب دارد. می‌توانید به سرعت عناصر محتوا را به یک صفحه اضافه کنید یا از میان مجموعه بزرگی از طرح‌بندی‌های آماده برای استفاده انتخاب کنید.
2. Brizy دارای بیش از 4 آیکون برداری است که به شما کمک می کند تا پروژه های خود را جذاب کنید. همچنین دارای دکمه های زیبا و سازگار با موبایل و پیوندهایی به پنجره های بازشو است.
3. مزیت دیگر امکان ویرایش و بررسی طرح خود در تبلت یا گوشی هوشمند است. به سادگی اندازه پیش نمایش را تغییر دهید تا ببینید سایت شما در تبلت یا گوشی هوشمند چگونه به نظر می رسد.
4. آن را با ماژول های محتوای فرم تماس با گزینه های ویرایش به طور مستقیم از طریق سازنده frontend ارائه می شود.
5. بلوک های کلی بریزی دلیل دیگری برای هیجان زده شدن در مورد او است. شما آزاد هستید که هر بلوکی را جهانی کنید یا آن را برای پروژه های آینده نگه دارید.

چند کلمه در پایان

برای به خاطر سپردن تمامی اطلاعات ذکر شده در مقاله می توانید از جدول زیر استفاده کنید. تمام سازندگان وردپرس را به طور خلاصه شرح می دهد. به هر حال، یک کد تبلیغاتیseemore7” 7٪ تخفیف برای تمام محصولات دیجیتال TemplateMonster، از جمله بسیاری از تم های وردپرس (مانند مضامین WordPress Elementor  و دیگران).

ممنون که ما را خواندید