نمایش نمونه کارها با وردپرس portfolio

سلام و درود به دوستان عزیز و همراهان گرامی مِستر آموز.

 

همانطور که احتمالا در برخی سایت ها دیده اید بک بخشی به نام نمونه کارها دارند. که نمونه کارهای هنری ، شرکتی و … خودشان را در آن قرار داده اند.

البته این قابلیت در هر سایت با هر موضوعی کاربرد ندارد و به عنوان مثال در سایت هایی که شرکتی هستند و نرم افزار و یا پروژه و… تولید می کنند کاربرد دارد.

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

 

افزونه portfolio وردپرس

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

 

 

برای دانلود افزونه Portfolio by BestWebSoft اینجا یا روی تصویر زیر کلیک کنید.

 

 

 

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

 

تنظیمات افزونه Portfolio by BestWebSoft

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

 

تنظیمات

خود تب تنظیمات افزونه سه تب تنظیمات، Go PRO، Custom code دارد. مهم ترین آن ها را بررسی می کنیم.

 

تب تنظیمات

 

 

تب تنظیمات گزینه های متعددی دارد ، که فقط گزینه های مهم را بررسی می کنیم:

Image size: تعیین اندازه تصویر اصلی و تصاویر زیرمجموعه نمونه کارها
Sort portfolio by: این بخش برای مرتب سازی نمونه کارها با آیدی یا عنوان یا تاریخ یا… می باشد.
Portfolio sorting:  نحوه مرتب سازی نمونه کارها به صورت صعودی یا نزولی
Number of images in the row: این بخش تعداد تصاویر زیرمجموعه نمونه کار در یک سطر را تعیین می کند.
Display in the front end: وارد کردن مشخصات نمونه کارها را که می خواهید در صفحه آنها نمایش داده شود.
Text for additional fields: در این بخش نیز یک عنوان مناسب برای هر یک از مشخصات نمونه کارها بنویسید.

 

 

تب Custom code

در این بخش می توانید شخصی سازی نمونه کارهای خود را انجام دهید، با استفاده از کدهای CSS یا کدهای PHP.

 

 

فن آوری ها

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

 

 

Executor

افرادی که در ساخت نمونه کارها نقشی داشته اند را در این بخش مشخص کنید. سپس در صفحه هر وردپرس portfolio در بخش شناسه مجریان، نام آنها را وارد کنید.

 

 

افزودن

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

برای نمونه کار خود یک تصویر شاخص انتخاب کنید و در بخش portfolioimages، تصاویر زیرمجموعه نمونه کار را آپلود کنید:

 

 

اکنون برای گذاشتن این نمونه کار در نوشته ها یا برگه ها، باید از قطعه کد آن استفاده کنید.

برای مثال من به بخش برگه ها رفتم تا شورت کد نمونه کارها را در یک برگه قرار دهم:

 

 

با کلیک بر روی گزینه [ ] Add BWS Shortcode در ویرایشگر، می توانید نمونه کارها را در برگه نمایش دهید.
مقدار عددی این شورت کد هم تعداد نمایش، وردپرس portfolio در برگه را مشخص می کند.

 

توجه:

شما می توانید برای برگه خود قالب portfolio template را انتخاب نمایید.

 

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

 

 

 

موفق و پیروز باشید.