آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

صفحه نخست » افزونه وردپرس » آموزش ساخت صفحات واکنش گرا در وردپرس با S ...
طراحی سایت
آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

با سلام خدمت همراهان همیشگی وردپرس؛

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

صفحه ساز Visual composer :

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

حتما بخوانید : شخصی سازی صفحه ورود وردپرس با Admin Custom Login

افزونه Page Builder by SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

این افزونه قابلیت ساخت صفحات مختلف به صورت واکنش گرا را در اختیار کاربران وردپرسی قرار می دهد. قابلیت درگ و دراپ کردن دارد و به راحتی قابل جا به جایی و تغییر است و با هر قالبی سازگار است. افزونه SiteOrigin در مخزن بزرگ وردپرس بیش از ۱٫۰۰۰٫۰۰۰+ بار دانلود فعال داشته است و از کابران خود امتیاز ۴٫۸ را کسب کرده است.

نصب و فعالسازی افزونه :

مانند همیشه افزونه را نصب و فعال می کنیم. پس از فعال سازی افزونه هیچ آیتمی را مشاهده نخواهید کرد که به پیشخوان وردپرس اضافه شود و فقط با رفتن به بخش برگه ها > افزودن برگه می توانید گزینه ای را با عنوان “page builder” مشاهده کنید که در بالای ویرایشگر وردپرس اضافه شده است.

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

با کلیک بر روی گزینه ی مشخص شده به محیط صفحه ساز واکنش گرا منتقل خواهیم شد.

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

همانطور که ملاحظه می کنید امکاناتی را در اختیار ما قرار می دهد تا بتوانیم یک صفحه ی دلخواه بسازیم. اگر موافق باشید برای نمونه با این ابزارهای موجود صفحه ای را ایجاد کنیم. با کلیک بر روی گزینه ی “Add Row” می توانیم تعداد ستون ها و ردیف های مورد نظر را مشخص کنیم.

حتما بخوانید : نقش سئو سایت در موتور جستجو گوگل

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

همانطور که ملاحظه می کنید چهار ستون در نظر گرفتیم و ردیف ها را از راست به چپ مشخص کردیم و همچنین با انتخاب گزینه های متعدد در منوی کشویی “going from” می توانید اندازه های ستون ها را نسبت به هم تغییر دهید.حال بر روی کلید “Insert” کلیک می کنیم تا وارد شود.

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

در تصویر بالا مشاهده می کنید که با وارد کردن ستون ها به چنین شکلی می رسیم. حال با کلیک بر روی آیکون تنظیمات می توانید به باکس ها استایل و رنگ بندی مورد نظر خود را دهید.

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

آموزش ساخت صفحات واکنش گرا در وردپرس با SiteOrigin

حال با کلیک بر روی هر ستون می توانید با کمک ابزارک ها (widgets) امکاناتی را داخل ستون ها قرار دهید.

حتما بخوانید : کپی نوشته‌های در وردپرس Duplicate Post

توجه!!! تمامی ابزارک های موجود با توجه به ابزارک های قالب شما در بخش “widgets” تعریف می شود. با وارد کردن هر مورد می توانید صفحه ی مد نظر خود را ایجاد کنید. به این صورت می توانید صفحه نخست سایت و یا هر صفحه ای را که می خواهید به دلخواه خود ایجاد کنید.

جمع بندی! 

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

اشتراک گذاری :
مطالب زیر را حتما بخوانید

افزونه vip وردپرس با درگاه پرداخت آنلاین و سرویس اس ام دهی

این افزونه توسط آقای وحید محمدی برای عموم قرار داده شده است . نگارش ۱٫۴٫۲ افزونه vip ...

افزونه وارد کننده ی همه کاره وردپرس – WP All Import Pro

افزونه وارد کننده ی همه کاره وردپرس – WP All Import Pro افزونه وارد کننده ی همه ...

جلوگیری از اسپم ها در وردپرس با افزونه Antispam bee

جلوگیری از اسپم ها در وردپرس با افزونه Antispam bee سلام خدمت تمامی کاربران عزیز پارس ...

دیدگاه کاربران
نظرات کاربران برای این مطلب را دنبال کنید


برای نمایش دیدگاه کلیک کنید
    ۰ دیدگاه ثبت شده
اطلاعات پست

۱۳۸۸

بازدید

۰

دیدگاه

0

علاقه مندی

5 از 1 رای
  • تاریخ انتشار
  • ۲۸ اسفند ۱۳۹۵
  • آخرین بروزرسانی
  • ۲۸ اسفند ۱۳۹۵
  • دسته‌بندی‌
  • افزونه وردپرس
  • لینک کوتاه
  • برچسب ها
  • , , , , , , , ,
  • + نمایش تمام جزئیات