افزونه اسلایدر وردپرس

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

به تصاویر و یا عناصری که به صورت اسلاید و صفحه به صفحه در یک باکس نمایش داده می شوند اسلایدر گفته می شود و برای راه اندازی اسلایدر ها شما نیاز به دانش برنامه نویسی دارید,

ولی طبق معمول وردپرس با انقلاب سی ام اسی خود توانسته این نیاز را به سادگی با افزونه های زیادی رفع کند البته در دیگر سیستم ها نیز همینطور می باشد,

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

از همین رو نیز سیر زیادی از افزونه های اسلایدر ساز وجود دارد یکی از بهترین و شاید پر کاربردترین افزونه های اسلایدر ساز وردپرس افزونه revolution slider می باشد

افزودن اسلایدر در وردپرس

این افزونه کاربردی به شما کمک می‌کند تا هر نوع اسلایدری را برای هر بخشی از سایت خود ایجاد کنید و هر محتوایی که مد نظرتان است را درون آن به عنوان اسلاید به کاربر به نمایش دهید.

ویژگی اصلی

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

اقدام به افزودن اسلایدر در وردپرس نمایید. حتی می‌توانید با دادن عرض و ارتفاع به اسلایدر، آن را از قسمت ابزارک‌ها در سایدبار خود نیز فراخوانی کنید.

نصب و راه اندازی افزونه

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

بعد از نصب این افزونه در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Slider by Supsystic برای افزودن اسلایدر در وردپرس ساخته شده است.

بر روی گزینه New Slider کلیک کنید تا اولین اسلایدر حرفه‌ای را ایجاد کنیم.

New Slider

ابتدا از فیلد بالا یک نام برای اسلایدر تعیین کنید. بعد از آن نوع اسلایدر خود را از بین شش اسلایدر موجود انتخاب کنید که ما Thumbnails navigation را انتخاب کردیم. 

بعد از آن بر روی دکمه save کلیک کنید تا به تنظیمات اسلایدر انتخابی برویم.در برگه جدیدی که برای شما باز می‌شود دو ستون را مشاهده می‌کنید.

ستون سمت راست مربوط به تنظیمات کلی اسلایدر است و در سمت چپ هم اسلایدهای اسلایدر را می‌توانید مشاهده کنید.

ستون سمت راست

ابتدا از قسمت بالا می‌توانید با دکمه save هر تغییری که ایجاد کردید را ذخیره کنید و با preview هم می‌توانید نتیجه را در همین برگه بصورت پاپ آپ مشاهده کنید.

• Slider name: همان نامی که برای اسلایدر خود تعیین کردید را از این قسمت هم می‌توانید تغییر دهید.

 

• Shortcode: شورت‌کد اسلایدر خود را می‌توانید مشاهده کنید که آن را در برگه/نوشته سایت خود کپی کنید و نتیجه را مشاهده کنید.

 

• Slider width: عرض اسلایدر خود را می‌توانید با واحدی که مورد نظرتان است تعیین کنید. می‌توانید واحد را بر روی percent قرار دهید و مقدار را 100 بگذارید تا اسلایدر شما تمام صفحه شود.

 

• Slider height: می‌توانید مشابه بالا که عرض را تعیین کردید، ارتفاع را هم از این بخش تعیین کنید.

 

• Mode: این قسمت مربوط به نوع رد شدن هر اسلایدر است.

 

نکته مهم: مقدار Mode بطور پیش‌فرض روی مقدار دیگری است که باید آن را بر روی fade قرار دهید چرا که غیر از این اسلایدر شما کار نمی‌کند.

• Step: تعداد فاصله پرش از یک اسلاید به اسلاید بعدی را از این قسمت تعیین کنید. اگر برابر عدد یک باشد، بهتر است.

 

• Autoplay video: اگر نوع اسلایدر انتخابی شما ویدیو است، این گزینه مربوط به اسلایدر شماست که با قرار دادن بر روی yes می‌توانید بعد از لود شدن سایت ویدیو را پخش کنید و در غیر این‌صورت برابر No قرار دهید.

 

• Autostart Slideshow: با فعال کردن این گزینه اسلایدر شما بعد از لود شدن کامل صفحه بصورت خودکار اجرا خواهد شد.

 

• Slideshow Controls: با فعال کردن این گزینه هم می‌توانید کنترلر اسلایدر را در زیر آن نمایش دهید.

 

• Navigation: این گزینه که مربوط به جهت‌یابی است را برابر standard قرار دهید.

 

• Captions: می‌توانید برای هر تصویر خود یک کپشن در نظر بگیرید و با فعال کردن این گزینه آن را برای هر اسلاید نمایش دهید.

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

 

سایر قسمت ها

• Transition Speed: سرعت تغییر حالت از یک اسلاید به اسلاید بعدی را بر حسب میلی‌ثانیه می‌توانید با این گزینه تعیین کنید.

 

• Starting Slide: با فعال کردن تیک این گزینه اسلایدهای شما بصورت رندوم نمایش داده خواهند شد(دیگر به ترتیب نمایش داده نمی‌شوند!).

 

• Easing: نوع افکت نمایشی را می‌توانید در حین تغییر حالت مشخص کنید.

 

• Enable Touch: این گزینه مربوط به فعال کردن/غیر فعال کردن تغییر اسلایدها در گوشی و تبلت‌ها است.

 

• One-to-One Touch: برای گوشی‌ها و تبلت‌ها سوال می‌کند که اسلایدها یک به یک تغییر کنند؟

 

• Swipe Threshold: وقتی با انگشت دست خود در گوشی و تبلت یک اسلاید را می‌خواهید به سمت چپ و راست بکشید تا به اسلاید بعدی برود می‌توانیم با این گزینه این را تعیین کنیم که تا چند پیکسل که به طرفین اسلاید را کشیدیم و رها کردیم اسلاید بعدی نمایش داده شود (مقدار 50 تا 100 پیکسل می‌تواند مقدار خوبی برای این گزینه باشد).

 

• Enable Pager: پیجر مربوط به نمایش صفحه اسلاید است که می‌توانید این گزینه را فعال کنید و در خروجی بر روی هر اسلایدری که می‌روید دکمه مربوط به همان اسلایدر روشن شود!

 

• Type: با این گزینه هم می‌توانید پیجری که در بالا فعال کردید را دکمه‌های ساده و یا دارای عدد برای آن تعیین کنید.

 

ستون سمت چپ

ستون سمت چپ مربوط به افزودن اسلاید برای اسلایدر و تنظیمات دلخوه بر روی هر اسلاید است.
ابتدا از قسمت بالا با کلیک بر روی دکمه Add Image می‌توانید تصاویر مورد نظر برای اسلاید خود را انتخاب و وارد کنید. با Change Slider هم می‌توانید اسلایدر خود را تغییر دهید.

 

تب‌های تصویر

همان‌طور که مشاهده می‌کنید ما چهار تصویر را وارد اسلایدر کردیم که هر تصویر دارای چهار تب است که به معرفی این تب‌ها می‌پردازیم:

• Caption: این تب برای وارد کردن کپشن (توضیح مربوط به هر تصویر که پایین هر اسلاید نمایش داده می‌شود) برای هر تصویر است، که می‌توانید توضیح دلخواه خود برای هر تصویر را قرار دهید.

 

• Link: می‌توانید برای هر اسلاید یک لینک هم تعیین کنید تا کاربر با کلیک بر روی آن به نوشته و برگه دلخواه در سایت شما هدایت شود. با فعال کردن گزینه زیر هم می‌توان صفحه بازشونده را در تب جدید در مرورگر نمایش داد.

 

• SEO: یک متن جایگزین در صورتی که تصویر نمایش داده نشود می‌توانید تعیین کنید (این مورد برای سئو حائز اهمیت است).

 

• Crop: اگر تصویر نیاز به برش داشته باشد می‌توانید از این تب تعیین کنید که به چه صورت برش بر روی تصویر انجام شود.

 

Slider

برای بررسی یک نکته دیگر به بخش‌های افزونه برمی‌گردیم

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

نمایش اسلایدر با کمک کدها

برای افزودن اسلایدر در وردپرس ممکن است بخواهید اسلایدر را در مکانی قرار دهید که امکان قرارگیری آن با شورت‌کد وجود ندارد،

در این صورت نیاز است تا از پی اچ پی کد در کدهای قالب خود استفاده کنید تا در محل دلخواه اسلایدر نمایش دهید.
برای اینکه اسلایدر را در محل دلخواه خود قرار دهید باید کد پی اچ پی را در محل مناسب در فایل‌های قالب قرار دهید به عنوان مثال برای قرار دادن آن در هدر می‌بایست کد مربوطه را بین کدهای فایل header.php خود قرار دهید.

مشاهده خروجی

بعد از تنظیمات اسلایدر می‌توانیم نتیجه افزودن اسلایدر در وردپرس را در خروجی مشاهده کنیم.

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

همان‌طور که مشاهده می‌کنید اسلایدر ما با دکمه‌های کناری برای رد کردن اسلایدها، کپشن و پیجرها ایجاد شده است و ما با کمک این افزونه توانستیم امکان افزودن اسلایدر در وردپرس را فراهم کنیم.

صفحه ساز المنتور

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

المنتور یک افزونه صفحه ساز وردپرسی متن باز(Open Source) است که توسط تیم Pojo Me Digital LTD که در حوزه توسعه افزونه و پوسته های وردپرس فعالیت می‌کند توسعه داده شده است و به صورت رایگان در مخزن وردپرس قرار دارد.

این صفحه ساز، یکی از افزونه هایی است که به شما کمک می‌کند بدون کد نویسی سایت وردپرسی خود را طراحی کنید(البته همیشه برای داشتن طرح های بهتر کمی کدنویسی هم لازم دارید)

 

نصب و راه‌اندازی افزونه

افزونه Elementor

ابتدا افزونه را از انتهای این مقاله دانلود کنید. پس از ورود به پیشخوان وردپرس، از قسمت افزونه‌ها، روی “افزودن” کلیک کنید. سپس دکمه “بارگذاری افزونه را بزنید و فایل دانلود شده را انتخاب کنید.

سپس دکمه “نصب افزونه” را بزنید و پس از نصب کمی صبر کنید تا ترجمه فارسی این افزونه نیز بروزرسانی شود. پس از بروزرسانی ترجمه، دکمه “فعال کردن افزونه” را بزنید.

پس از نصب بخشی به نام “المنتور” در پیشخوان وردپرس ظاهر می‌شود که تنظیمات مربوط به این افزونه از طریق آن در دسترس است.

فهرست تنظیمات المنتور

منوی تنظیمات

این بخش مربوط به تنظیمات اصلی افزونه بوده که دارای 3 سربرگ مختلف است که به بررسی هر یک می‌پردازیم.

سربرگ کلی

بررسی تنظیمات سربرگ اصلی در المنتور

انواع نوشته:

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

غیر فعال کردن رنگ‌های پیش‌فرض: 

با استفاده از این گزینه رنگ‌بندی‌های مورد استفاده در افزونه غیرفعال می‌شوند و رنگ‌بندی‌ها از قالب وردپرس شما فراخوانی خواهند شد.

غیر فعال کردن فونت های پیش‌فرض:

 با استفاده از این گزینه فونت‌های پیش‌فرض موجود در افزونه غیرفعال می‌شوند و فونت‌های مورد استفاده از قالب وردپرس شما فراخوانی خواهند شد.

 

رهگیری استفاده از داده ها:

 با استفاده از این بخش می‌توانید به پیشرفت و بهبود افزونه کمک کنید. در صورتی که این گزینه را تیک بزنید، افزونه به صورت خودکار داده هایی را از سمت شما به تیم توسعه دهنده افزونه می فرستد,

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

 

سربرگ استایل

تنظیمات مربوط به ظاهر المنتور

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

فونت های پیشفرض کلی: 

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

عرض محتوا:

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

فاصله بین ابزارک ها:

با استفاده از این بخش می‌توانید فاصله میان اجزا و ابزارک‌های مورد استفاده در صفحات خود را تعیین کنید. مقدار 20 پیکسل برای تمامی ابزارک های صفحه اعمال می شود و بعدا می توانید این فاصله را برای ابزارکی خاص تغییر دهید.

اندازه شدن بخش کشیده:

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

سلکتور عنوان برگه:

 با استفاده از این گزینه می‌توانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید.

 

نقطه شکست تبلت:

 حداقل سایز نمایش دسکتاپ که کمتر از آن، سایز تبلت محسوب می‌شود را به پیکسل وارد کنید. می‌توانید از مقدار استاندارد 1025 پیکسل استفاده کنید.

 

نقطه شکست موبایل:

 حداقل سایز نمایش تبلت که کمتر از آن، سایز موبایل محسوب می شود را به پیکسل وارد کنید. می‌توانید از مقدار استاندارد 768 پیکسل استفاده کنید.

لایت باکس تصویر: 

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

 

سربرگ پیشرفته

این بخش مربوط به تنظیمات پیشرفته و حرفه‌ای افزونه است.

تنظیمات پیشرفته مربوط به المنتور

روش پرینت CSS: 

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

پیشنهاد می شود برای عملکرد بهتر ساخت صفحات گرافیکی در وردپرس، این گزینه را روی “فایل خارجی” تنظیم کنید و صرفا برای عیب یابی از گزینه “جایگذاری درونی” استفاده کنید.

تغییر روش بارگذاری ویرایشگر: 

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

 

در حال ویرایش دستگیره ها:

 با فعال کردن این گزینه، هنگامی که روی دکمه ویرایش عنصر قرار می‌گیرید، تنظیمات عنصر نمایش داده خواهد شد.

پس از تنظیم موارد بالا بر روی دکمه “ذخیره تغییرات” کلیک کنید تا تنظیمات اعمال شده ذخیره شوند.

 

منوی مدیریت نقش‌ها

مدیریت نقش ها در المنتور

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

کافیست روی هر یک از نقش‌ها کلیک کنید و تیک گزینه “بدون دسترسی به ویرایشگر” را بزنید و در نهایت تغییرات را ذخیره نمایید.

 

منو ابزار ها

در این بخش تنظیمات بیشتری برای مدیریت و کار با افزونه وجود دارد که به بررسی هر یک از این 4 سربرگ می‌پردازیم.

سربرگ کلی

سربرگ کلی در وبسایت

تولید مجدد فایل CSS: 

به دلیل اینکه کد های CSS سفارشی افزونه در یک فایل جداگانه ذخیره می‌شوند، می‌توانید با زدن این دکمه، فایل جدید را تولید کنید.

همگام سازی کتابخانه:

 کتابخانه قالب‌های المنتور هر روز به صورت خودکار بروز رسانی می‌شوند. اما در صورت تمایل می توانید این کتابخانه را با کلیک کردن روی این دکمه به صورت دستی بروز رسانی کنید.

 

حالت ایمن:

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

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

 

نوار اشکال زدایی:

 در صورت فعال کردن این گزینه، یک نوار مدیریتی اضافه خواهد شد که تمامی قالب‌ها را لیست می‌کند.

 

سربرگ جایگزینی URL

سربرگ جایگزینی URL

در صورتی که آدرس سایت شما تغییر کرده است یا می‌خواهید از پروتکل HTTPS استفاده کنید،

می‌توانید از این قسمت آدرس قدیمی و جدید سایت خود را بنویسید و سپس دکمه جایگزینی URL را بزنید. در این صورت داده‌های المنتور بروز رسانی خواهد شد.

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

 

سربرگ کنترل نسخه

سربرگ کنترل نسخه

بازگشت نسخه رایگان:

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

 

تست نسخه بتا:

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

 

سربرگ حالت تعمیر

سربرگ حالت تعمیر

انتخاب حالت: 

در این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. حالت تعمیر بهتر است بیشتر از 3 روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر خواهد گذاشت.

 

چه کسی می تواند به سایت دسترسی داشته باشد؟

 در این قسمت می‌توانید تعیین کنید در صورتی که حالت تعمیر یا به زودی فعال باشد، چه کسی قادر است به مدیریت و خود سایت دسترسی داشته باشد.

اگر این گزینه را روی حالت “سفارشی” قرار دهید، می‌توانید این دسترسی را به نقش‌های مختلف وردپرس بدهید.

 

انتخاب قالب: 

در این قسمت می‌توانید قالب نمایش حالت تعمیر را تعیین کنید. برای این کار باید یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده است بسازید و آن را از این قسمت انتخاب کنید.

 

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

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

 

تمامی المان های المنتور

با ورود به این بخش در ابتدا دو گزینه به نام افزودن بخش جدید و افزودن قالب نمایش داده می‌شود. برای استفاده از قالب‌های آماده افزونه کافی است,

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

 

انتخاب ساختار صفحه

با کلیک بر روی ساختار موردنظر خود گزینه‌هایی برای افزودن المان دلخواه خود به آن نمایان می‌شود که باید اجزای موردنیاز خود جهت استفاده در آن صفحه را از ابزارک سمت راست همین صفحه انتخاب کنید.
به طور مثال ما در این بخش ابزار سربرگ را به صورت Drag & Drop به یکی از بخش‌های مربوط به ساختار صفحه می‌کشیم و اطلاعات آن را وارد می‌کنیم. اینگونه ساخت صفحات گرافیکی در وردپرس امکان‌پذیر می‌شود.

 

افزودن المنت ها

عنوان: 

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

پیوند:

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

سایز:

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

تگ HTML: 

اگر نیاز به نمایش محتویات متن خود در تگ‌های H دارید، کافی است نوع تگ H را از طریق این بخش وارد کنید.

چیدمان:

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

 

استایل:

در این بخش می‌توانید استایل بخش ایجاد شده را شخصی‌سازی کنید.

استایل المنتور

رنگ متن:

این بخش مربوط به رنگ متن نوشته شده است.

تایپوگرافی: 

در این بخش می‌توانید فونت، رنگ، سایز و… متن موردنظر خود را جهت نمایش در صفحه ایجاد شده انتخاب کنید.

سایه متن:

 با استفاده از این گزینه می‌توانید برای متن خود سایه ایجاد کنید.

حالت ادغام:

 در این گزینه می‌توانید حالت نمایش و ترکیب حروف را تغییر دهید.

 

پیشرفته

تنظیمات پیشرفته در المنتور

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

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

در نهایت کافی است بر روی دکمه انتشار کلیک کنید تا صفحه موردنظر در وردپرس موردنظر شما نمایش داده شود.

 

 

آخرین نسخه WPBakery Page Builder

WPBakery Page Builder نام جدید افزونه ویژوال کامپوزر می‌باشد که به این نام تغییر کرده است.شما می‌توانید از طریق این افزونه بدون نیاز به کد نویسی و دانش برنامه نویسی ، تنها با کشیدن و رها کردن اشیا و بخش ها ، می توانید قالب خود را طراحی و مدیریت کنید. همچنین این افزونه از زبان های RTL مخصوصا زبان شیرین فارسی استفاده می‌کند و به کاربران فارسی زبان این امکان را می‌دهد تا بتوانند از امکانات خوب این افزونه صفحه ساز استفاده کنند.

WPBakery Page Builder هم اکنون اولین ، محبوب ترین و پر امکانات ترین افزونه در زمینه طراحی به صورت دیداری می باشد که تقریبا همه قالب های حرفه ای وردپرسی و ووکامرسی از آن پشتیبانی می کنند. این افزونه دارای بیش از 100 بخش و طرح مختلف پویا و ایستا مانند منو ها ، آکوردئون ، مطالب ، مطالب ، نوشته ها ، محصولات ووکامرسی و… می باشد.

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

*نکته:برای تست و اطمینان افزونه میتوانید به سایت virustotal.com مراجعه کنید و افزونه را چک نید.

قابلیت های افزونه صفحه ساز و ویرایشگر دیداری WPBakery Page Builder نسخه 6.0.5

• پشتیبانی از زبان های RTL (مخصوصا زبان شیرین فارسی)
• قابلیت ایجاد ستون بندی و طرح بندی صفحات ، نوشته ها و محصولات ووکامرس
• قابلیت ایجاد هر گونه طرح در صفحات ایجاد شده
• قابلیت ایجاد کوئری های پویای وردپرسی در طرح های ایجاد شده
• سازگاری با موبایل و تبلت
• دارای افزونه های جانبی دیگر
• مدیریت آسان CSS ها
• پشتیبانی از سطح دسترسی کاربران
• پشتیبانی از سایت های چند زبانه
• قابلیت ایجاد انواع نمودار های گرافیکی
• ساخت انواع دکمه و پاراگراف
• ساخت منو ها ، اکوردئون ها و…
• سازگاری با تمامی قالب های مدرن
• قرار دادن ویدئو برای پس زمینه
• دارای فیلتر برای تصاویر
• امکان استفاده از تکنیک پارالاکس برای پس زمینه
• دارای سئو قدرتمند

ورژن 6.0.5

لینک در استوری

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

 

نحوه درج لینک در استوری اینستاگرام

اگر تعداد فالورهای شما در اینستاگرام بیش از 10 هزار نفر باشد یا اگر از کاربران تایید شده اینستاگرام باشید (با تیک آبی) ابزاری بسیار موثر به نام لینک swipe up در اختیار شماست.

این نوع لینک‌ها امکان درج محتوایی جذاب درباره یک محصول، سرویس یا رویداد جدید و سپس تشویق کاربران به “بالا کشیدن لینک برای مشاهده اطلاعات بیشتر” را فراهم می‌کنند.

اما این قدرت و توانایی منجر به ایجاد مسئولیت‌هایی برای شما می‌شود. در این مطلب که به شما ترفندهای اینستاگرام را آموزش می‌دهیم،

ابتدا خواهید آموخت که چطور یک لینک به استوری خودتان اضافه کنید و چطور می‌توانید از آن به نفع خودتان استفاده کنید.

 

چگونه به استوری‌های اینستاگرام swipe up اضافه کنیم.

1. اگر 10 هزار فالوور دارید یا اکانت شما یک اکانت تایید شده است، وقتی ابزار استوری اینستاگرام را باز می‌کنید یک آیکن لینک مشاهده خواهید کرد.
2. روی آیکن لینک کلیک کنید و آدرس لینک موردنظرتان را در قسمت مشخص شده درج کنید.
3. روی گزینه Done در سمت راست بالای صفحه کلیک کنید.

 

نحوه اضافه کردن لینک به استوری اینستاگرام

در توضیح یکی دیگر از ترفندهای اینستاگرام که از اکانت رسمی وبسایت HubSpot استفاده شده که یک اکانت تایید شده رسمی است:

1. با موبایل تان یک عکس برای اینستاگرام گرفته یا یکی از عکس‌های موجود خودتان را به استوری اینستاگرام آپلود کنید؛ سپس روی آیکن سمت راست بالای صفحه که شبیه به یک زنجیره است کلیک کنید.
2. در این قسمت، روی گزینه + URL کلیک کنید تا بتوانید لینک یک صفحه را اضافه کنید. در صورتیکه می‌خواهید لینک یک ویدیوی IGTV را در استوری قرار دهید می‌توانید گزینه مربوط به این کار را انتخاب کنید.

 

[caption id="attachment_2113" align="aligncenter" width="376"] روی گزینه + URL کلیک کنید تا بتوانید لینک یک صفحه را اضافه کنید[/caption]

URL مورد نظرتان را در کادر متنی وارد کنید. بعد از اینکه کارتان انجام شد روی گزینه Done در سمت راست بالای صفحه کلیک کنید.

[caption id="attachment_2114" align="aligncenter" width="375"] URL مورد نظرتان را در کادر متنی وارد کنید[/caption]

 

 

1. وقتی استوری شما آماده انتشار بود روی گزینه + Story در سمت راست پایین استوری کلیک کنید. حالا استوری شما یک لینک با نام See More خواهد داشت.

 

[caption id="attachment_2115" align="aligncenter" width="375"] روی گزینه + Story در سمت راست پایین استوری کلیک کنید[/caption]

مثال‌های ترفندهای اینستاگرام در استفاده از لینک Swipe Up در اینستاگرام

مثال اول: دستور پخت در @Detoxinista

یکی دیگر از ترفندهای اینستاگرام این است که وبلاگ نویسان حوزه آشپزی و غذا مثل @Detoxinista از لینک swipe up در استوری‌های اینستاگرام برای قرار دادن دستور پخت غذا در این پلتفرم استفاده می‌کنند.

این افراد تصاویری از غذاهای لذیذ را در استوری منتشر می‌کنند که کاربران را تشویق به کلیک روی لینک می‌کند تا دستور پخت آن را مشاهده کنند و خودشان آن را بپزند.

این لینک‌ها تبلیغ مستقیم نیستند اما کاربران را به وبسایت Detoxinista هدایت می‌کنند که در آنجا می‌توانند کتاب آشپزی این وبسایت را خریداری کرده و با برند آنها بیشتر آشنا شوند.

 

[caption id="attachment_2118" align="aligncenter" width="375"] کاربران را به وبسایت Detoxinista هدایت می‌کنند[/caption]

 

مثال دوم: آیتم‌های پوشیدنی @Alifedotowsky

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

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

همچنین وی تخفیف‌هایی برای کاربرانی که از این طریق خرید کنند در نظر می‌گیرد که همین کار باعث تشویق کاربران به خرید از وبسایت یک برند می‌شود.

 

 

مثال سوم: آموزش حرکات ورزشی ویژه تابستان در @Popsugarfitness

یکی از موثرترین روش‌های استفاده از لینک‌های swipe up که از ترفندهای اینستاگرام است، پیشنهاد دادن چیزی ارزشمند به فالوورها است.

برای مثال @Popsugarfitness یک سری تمرین تابستانی با پیشنهادهای وسوسه انگیز ارائه داده با این عنوان که: “لینک را بالا بکشید تا 10 دقیقه تمرین برای فرم دهی بدن بدون نیاز به تجهیزات بگیرید”.

قطعاً هر چه وبسایت شما برای کاربران ارزش بیشتری داشته باشد زمان بیشتری را در آن سپری می‌کنند و تبدیل به طرفداران پروپا قرص برند شما خواهند شد.

 

مثال چهارم: کمپین Be More Human اینستاگرام  @Reebok

Reebok کمپینی قدرتمند و به موقع به نام “Be More Human” راه‌اندازی کرده است که خانم‌ها را تشویق به افزایش قدرت بدنی خودشان از طریق ورزش‌های تناسب اندام می‌کند.

این شرکت از طریق استوری اینستاگرام و با نشان دادن خانم‌هایی مثل Gigi Hadid یا Danai Gurira سعی میزان اطلاعات مردم را درباره این کمپین افزایش دهد و وقتی لینک Swipe up این استورهای را بالا بکشید,

اطلاعات بیشتری درباره این کمپین کسب می‌کنید. در وبسایت این شرکت امکان خرید تی شرت یا اهدای پول برای این کمپین وجود دارد اما مسلم است که Reebok سعی دارد بیشتر از هر چیزی در کانون توجه قرار داشته باشد.

 

 

قالب فوق حرفه ای Betheme

*نصب 417 دمو بدون نیاز به لایسنس برای دامنه انجام میشود و نیازی به تهیه لایسنس برای هر دامنه ندارید .

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

چندین قالب پرفروش در مارکت های جهانی پیدا می‌شوند. قالب وردپرس BeTheme یکی از آن‌هاست.این قالب سال‌هاست که رتبه یکی از پرفروش‌ترین پوسته‌های وردپرسی دنیا را کسب کرده.

 

قالب وردپرس BeTheme

قالب وردپرس BeTheme یکی از برترین قالب های وردپرسی تم فارست است.این قالب چند منظوره برای انواع وبسایت‌ها با هر موضوعی قابل استفاده است.

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

سازگاری با تمام مرورگر‌ها

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

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

واقعا با نوشتن هزاران خط متن هم نمیتوان امکانات این قالب را بازگو کرد.

کار با یکی از متفاوت‌ترین قالب‌های دنیا را تجربه کنید!

بدون شک قالب Be Theme یکی از متفاوت‌ترین قالب‌های ارائه شده در دنیاست، ویژگی‌های منحصربه‌فرد این قالب شما را شگفت‌زده می‌کنه،

ویژگی‌های این قالب بیان کردنی نیستند و شما تنها با تجربه استفاده از این قالب می‌تونید ویژگی‌های این قالب را درک کنید.

معمولا بسیاری از قالب‌های رایگان و غیررایگان موجود دارای مشکلات بسیاری هستند و یا هر یک از آن‌ها برای یک کسب و کار خاص طراحی شده‌اند ,

مثلا قالب‌های مخصوص کسب و کارهای فروشگاهی، برای افرادی که وب‌سایت‌های خبری دارند نمی‌تونه گزینه‌ی مناسبی باشه و مدیران این سایت‌ها باید به‌دنبال قالب متناسب با فعالیت وب‌سایت خودشون باشند.

در اینجا می‌خواهیم یک قالبی رو به شما ارائه کنیم که ویژگی‌های باورنکردنی رو ارائه کرده و در واقع شما رو از نصب دیگر قالب‌ها بی‌نیاز می‌کنه،

فرقی نداره شما چه وب‌سایتی رو مدیریت می‌کنید و کسب و کارتون در چه زمینه‌ای هست. وب‌سایت خبری داشته باشید یا فروشگاهی فرقی نداره این قالب مناسب با کار شما در بسیاری از فعالیت‌ها است.

سئو قالب وردپرس Betheme

این قالب در واقع شما رو برای نصب افزونه‌های که برای بالا بردن سئو سایت در برخی دیگر از قالب‌ها بود بی‌نیاز می‌کنه، تقریبا تمام مواردی که باعث بالا رفتن سئو سایت شما می‌شه در این قالب رعایت شده،

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

البته این موضوع رو فراموش نکنید که این قالب سازگاری کامل با افزونه‌هایی که برای بالا بردن میزان سئو هست از جمله Yoast SEO و All in one SEO رو داره و شما می‌تونید به راحتی از این افزونه‌ها در این قالب استفاده کنید.

سئوی این قالب را می توان از همه نظر جزو برترین ها دانست. این قالب از بخش سئوی اختصاصی برای بهینه سازی وبسایت شما با موتور های جستجوگر استفاده می کند,

اما اگر هنوز هم قصد دارید از افزونه های wordpress seo و یا all in one seo pack استفاده کنید میتوانید بخش سئوی قالب را غیر فعال کرده و از بخش سئوی این افزونه ها استفاده کنید.

 

امکانات قالب وردپرس Betheme

شما برای داشتن منوهای خاص و زیبا در وب‌سایت خودتون در بیشتر قالب‌ها به یک مگا منو احتیاج دارید، مگا منوها علاوه بر اینکه به کاربران وب‌سایت شما دسترسی راحتی می‌دهند زیبایی سایت شما را نیز چندبرابر می‌کنند،

به همین دلیل افراد زیادی در وب‌سایت خود از افزونه‌هایی به این منظور استفاده می‌کنند.

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

 

سازگار با موبایل و تبلت

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

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

یکی از دغدغه‌های افرادی که کسب و کار اینترنتی دارند و به ‌دنبال توسعه کسب و کار خودشون در کشورهای دیگه هستند چندزبانه بودن وب‌سایت خودشون است در واقع اون‌ها به دنبال معرفی وب‌سایت خودشون در کشورهای مختلف با زبان‌های مختلف هستند و تعداد کمی از قالب‌ها به اون‌ها این امکان رو می‌ده،

یکی از قالب‌هایی که قابلیت چندزبانه بودن رو داره قالب Be Theme هست پس اگه دنبال یک قالب چندزبانه می‌گردید و می‌خواهید یک وب‌سایت بین‌المللی داشته باشید پیشنهاد ما به شما استفاده از این قالب هست.

جذب کاربر به وب‌سایت و در پیش گرفتن یک سری راهکار برای ماندگاری کاربران در وب‌سایت شما از مهم‌ترین مواردی هست که باید به اون توجه کنید در این قالب امکان اضافه کردن ویدئو در صفحه سایت به شما داده می‌شه که این موضوع باعث می‌شه کاربر با ورود به سایت شما احساس یکنواختی نکنه و در واقع سایت شما رو سریع ترک نکنه.

علاوه بر موارد بالا قالب Be Theme ده‌ها ویژگی خاص و متنوع دیگه رو در اختیار شما قرار می‌ده که شما با نصب اون می‌تونید از این ویژگی‌ها بهره ببرید.

 

صفحه ساز اختصاصی قالب بی تم

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

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

 

لیست امکانات قالب وردپرس Be Theme

• سازگاری کامل با موبایل و تبلت
• سازنده گرافیکی صفحات
• منو های نامحدود
• فونت بی یکان فارسی
• دارای مگا منو ها
• بیش از 7 نوع هدر
• قابلیت تنظیم در حالت صفحه در دست ساخت
• راه اندازی فقط با یک کلیک
• سرعت بارگزاری بالا
• دارای 2 عرض 1240 و 960 پیکسل
• انیمیشن های جذاب و گرافیک عالی
• دارای اسلایدر محبوب روولوشن
• دارای ناحیه ابزارک در بالای هدر
• دارای افکت پارالاکس
• قابلیت تک صفحه ای کردن وبسایت
• بیش از 200 عنصر در طراحی صفحه با صفحه ساز گرافیکی
• کاملا رسپانسیو
• فرم تماس با ما
• دارای 3 لایوت برای حالت وبلاگی
• راحتی استفاده برای انواع وبسایت
• کاملا سئو شده
• لوگوی سفارشی
• فاو آیکون سفارشی
• HTML5 / CSS3
• دارای نمایشگر موقعیت کاربر در سایت
• دارای فایل های PSD لایه باز

*برای مشاهده ی دموی قالب اینجا کلیک کنید