افزونهvisual composer-بخش چهارم
#1
ایجاد پست گرید یا شبکه محتوا
آیا دوست دارید پست‌های سایت وردپرس خود را به صورت جدولی نمایش دهید؟ برخی قالب‌های وردپرس قابلیت نمایش پست‌ها بصورت شبکه‌ای را ندارند. پس شما مجبور می‌شوید خودتان دست به کار شوید برای نمایش مطالب سایت به آن شکلی که دوست دارید. در واقع با نمایش شبکه‌ای پست‌ها ، مرور کردن آن‌ها برای کاربر راحت‌تر می‌شود. برای اینکار نیازی به کد نویسی پی اچ پی ،اچ تی ام ال و سی اس اس ندارید. شما می‌توانید بدون نیاز به کد نویسی مطالب سایتتان را به صورت جدولی نمایش دهید. برای این کار تنها باید از المان محتوای “Grid Builder” استفاده نمایید.
چگونگی ایجاد گرید با استفاده از ویژوال کامپوزر را در یک بخش آموزشی مجزا برای شما توضیح خواهیم داد.
افزودن پست گرید
ویژوال کامپوزر یکی از بهترین پلاگی‌ها برای نمایش پست گرید در صفحات وب سایت است. برای ایجاد و نمایش پست گرید با استفاده از ویژوال کامپوزر شما می‌توانید از المان محتوای “Post Grid” در این پلاگین استفاده نمایید. شما می‌توانید با استفاده از ابزار گرید بیلدر ویژوال کامپوزر کاستوم گرید نیز ایجاد نمایید. ما در بخش‌های بعدی یک بخش آموزشی مختص آموزش ایجاد پست گرید، کاستوم گرید و چگونگی ایجاد آن‌ها با استفاده از ابزار”Post Grid” ویژوال کامپوزر برای علاقه مندان قرار داده‌ایم.
افزودن فونت‌های گوگل
با استفاده از المان محتوای “Custom Heading” شما می‌توانید فونت‌های رایج گوگل را به پست‌ها و یا صفحات وب سایت خود اضافه نمایید. در این مجموعه آموزشی ما یک بخش مجزا را به آموزش استفاده از المان “Custom Heading” اختصاص داده‌ایم و شما می‌توانید برای یادگیری چگونگی افزودن فونت‌های گوگل به پست‌ها و یا صفحات وب سایت خود به این بخش از مجموعه آموزش ویژوال کامپوزر مراجعه نمایید.
پست اسلایدر
اگر در سایت وردپرس خود مطالب جذابی قرار می‌دهید و مقالات جالبی می‌نویسید و نمی‌خواهید حتی یک کاربر را زمانی که صفحه اصلی سایت شما باز می‌شود از دست دهید شما احتیاج به یک اسلایدر وردپرس خواهید داشت. اسلایدرها المان‌های بسیار کار آمدی هستند که می‌توانند تصاویر، ویدیوها و مطالب سایت شما را به صورت خارق العاده‌ای در مرکز توجه کاربران قرار دهند. با استفاده از پست اسلایدرها شما میتوانید محتواهای وب سایت خود و همچنین پست‌های وبلاگ مربوط به وب سایت خود را به شکل اسلایدر یا متحرک در بسیاری از صفحات برای کاربران نمایش دهید تا زمانی که کاربران به یکی از صفحات وب سایت شما مراجعه می‌نمایند، محتواهای دیگر وب سایت شما را نیز برای آن‌ها به صورت پیش نمایش عرضه گردند تا کاربران ترغیب به مراجعه به آن صفحات گردند.
بسیاری از کاربران وردپرس، پلاگین مجزایی برای ایجاد اسلایدر در صفحات خود نصب می‌نمایند، اما شما می‌توانید به سادگی از المان محتوای”Post Slider” در ویژوال کامپوزر استفاده نمایید. برای استفاده از این المان ابتدا باید بر روی گزینه “Add Element” کلیک کنید و سپس المان محتوای”Post Slider” را انتخاب نمایید. در صفحه‌ای که برای شما نمایش داده می شود باید موارد زیر را تغییر دهید تا اسلایدری مطابق با سلیقه شخصی خودتان درون صفحه ایجاد نمایید:
Widget Title: در این بخش شما می‌توانید عنوانی را برای اسلایدر خود انتخاب کنید که این عنوان در بالای اسلایدر درون صفحه شما نمایش داده می‌شود.
Slider Type: در این بخش شما می‌توانید نوع اسلایدری که می‌خواهید درون صفحه شما ایجاد گردد را انتخاب نمایید.
Slider Count: در این بخش شما می‌توانید تعداد اسلاید‌هایی که می‌خواهید درون اسلایدر شما نمایش داده شود را مشخص نمایید. اگر شما در این بخش عدد مشخصی تعیین ننمایید و گزینه “All” را انتخاب کنید اسلایدر شما برای شما امکان نمایش تعداد زیادی اسلاید را فراهم می‌کند، درواقع هر تعداد اسلایدی که شما ایجاد کنید درون اسلایدر نمایش داده خواهد شد.
Auto Rotate: شما می‌توانید در این بخش مدت زمانی را انتخاب نمایید که در آن زمان گردش یا نمایش اسلایدها مجددا به صورت اتوماتیک شروع گردد. برای مثال شما اگر زمان ۳۰ ثانیه را انتخاب نمایید، نمایش اسلایدهای مد نظر شما در زمانی کمتر از این زمان به پایان می‌رسد و پس از آن با دوره گردش ۳۰ ثانیه نمایش اسلاید‌ها به صورت مکرر انجام می‌شود.
Post Types: شما در این بخش می‌توانید نوع محتواهایی که اسلایدهای درون اسلایدر از آن‌ها بر گرفته می‌شود را انتخاب نمایید. برای مثال می‌توانید نوع را “Page” و یا “Post” انتخاب کنید، در حالت اول اسلاید‌های درون اسلایدر شما از صفحات وب سایت شما برگرفته می‌شوند و در حالت دوم اسلایدها برگرفته از پست‌های درون وب سایت شما خواهند بود.
Description: در این گزینه شما باید منبعی را به اسلایدر معرفی کنید که توضیحات مربوط به اسلایدها را از آن‌ها اخذ نماید.
Out Put Post Title: اگر شما این گزینه را انتخاب نمایید عنوان مطلبی که هر اسلاید از آن برگرفته شده است پیش از نمایش اسلاید اصلی در اسلایدر نمایش داده خواهد شد.
این تنظیمات و بسیاری تنظیمات دیگر همچون سایز تصاویر وThumbnail ها، صعودی یا نزولی بودن مرتب سازی اسلاید‌ها در اسلایدر و … در المان محتوای “Post Slider” برای شما وجود دارد و شما می‌توانید با تغییر آن‌ها اسلایدری مطابق با سلیقه و نیاز خودتان در صفحات وب سایتتان ایجاد نمایید.
ماسونری مدیا گرید (Masonry Media Grid)
مدیا گرید در واقع برای نمایش مدیا‌ها در ترتیب‌ها، چدیمان‌ها و فرم‌های مختلف استفاده می‌شود. ماسونری مدیا گرید نیز نوعی مدیا گرید است که با استفاده از آن کاربران می‌توان مدیا‌های خود را ترتیب‌ها و چیدمان‌های مختلف نمایش دهند اما تفاوت آن با مدیا گرید این است که در مدیا گرید تمامی مدیا با اندازه یکسانی قرار داده می‌شوند.(یعنی اگر شما در مدیا گرید خود ۸ تصویر متفاوت قرار داده باشید تمامی تصاویر باید سایز و فرم یکسانی داشته باشند.) اما در ماسونری مدیا گرید شما می‌توانید مدیاهایی با اندازه‌ها و فرم‌های مختلف داشته باشید (یعنی اگر شما در ماسونری مدیا گرید خود ۸ تصویر متفاوت قرار داده باشید هریک از تصاویر می‌تواند سایز و فرم متفاوتی داشته باشد).
شما با استفاده از ویژوال کامپوزر هم می‌توانید مدیا گرید ایجاد کنید و هم ماسونری مدیا گرید. برای این کار تنها کافیست از المان‌های محتوا “Media Grid” و “Masonry Media Grid” استفاده نمایید.
در بخش‌های بعدی آموزش استفاده از مدیا گرید و ماسونری مدیا گرید نیز به صورت مجزا برای شما آورده شده است.
فلیکر ویجت (Flickr Widget)
فلیکر ویجت ابزاری است که به شما این امکان را می‌دهد که جدیدترین تصاویری را که در وب سایتتان قرار داده‌اید در یک لیست عمودی در نوار کناری خود به صورت بند انگشتی نمایش دهید. با این کار تصاویر شما در معرض دید کاربر قرار می‌‌گیرند و احتمال آن که کاربر بر روی آن‌ها کلیک نماید و از صفحه مربوط به آن‌ها دیدن کند افزایش می‌یابد. ویژوال کامپوزر امکان ایجاد فلیکر ویجت با در وب سایت را با استفاده از یک المان محتوای مجزا برای کاربران فراهم نموده است.
برای ایجاد فلیکر ویجت در صفحات وب سایت خود با استفاده از ویژوال کامپوزر شما باید بر روی دکمه‌ی “Add      Element” کلیک کنید و سپس المان محتوای “Flickr Widget” را انتخاب نمایید. پس از آن که این المان برای شما بارگذاری شد در صفحه باز شده آپشن‌های زیر را تنظیم نمایید:
Widget Title: در این بخش شما می‌توانید متنی را وارد کنید تا آن متن یا عبارت عنوان ویجت شما را تشکیل دهد.
Flickr ID: شما می‌توانید از ابزار IdGetter برای شناسایی آی دی فلیکر خود استفاده نمایید . برای این کار تنها کافیست که لینک مربوط به مجموعه عکس‌هایی که می‌خواهید در فلیکر ویجت خود استتفاده نمایید را در این ابزار کپی کنید.
Number Of Photos: در این بخش شما باید تعداد عکس‌هایی که می‌خواهید در فلیکر ویجت شما نمایش داده شوند را تعیین کنید.
Type: شما می‌توانید در این بخش نوع و فرم فلیکر ویجت خود را تعیین نمایید.
Display Order: شما می توانید در این بخش تعیین کنید که تصاویر با چه ترتیبی نمایش داده شوند.
این گزینه‌های و بسیاری گزینه‌های دیگر در فلیکر ویجت وجود دارد که شما می‌توانید با استفاده از آن‌ها تنظیمات مربوط به نمایش تصاویر مد نظر خود در نوار کناری را تنظیم نمایید. فقط به خاطر داشته باشید زمانی که کار شما به اتمام رسید باید بر روی گزینه “Save Changes” کلیک نمایید تا تغییرات مد نظر شما اعمال گردد، در غیر این صورت تمامی تلاش‌های شما در این بخش بی ثمر خواهد ماند.

منبع
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  افزونهvisual composer-بخش پنجم fatemeh-roshangar 0 146 31-Aug-2017, 11:32 AM
آخرین ارسال: fatemeh-roshangar
  افزونهvisual composer-بخش سوم fatemeh-roshangar 0 98 31-Aug-2017, 11:25 AM
آخرین ارسال: fatemeh-roshangar
  افزونهvisual composer-بخش اول fatemeh-roshangar 0 143 26-Aug-2017, 10:22 PM
آخرین ارسال: fatemeh-roshangar
  معرفی ده افزونه ضروری و کاربردی برای وردپرس ـ قسمت چهارم fatemeh-roshangar 0 150 26-Jul-2017, 08:23 PM
آخرین ارسال: fatemeh-roshangar

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان