راهنمای افزونهٔ پرتفولیوی ویرا
همهچیزی که برای اضافهکردن پروژه، گالری، ویدیو و سند به سایت لازم دارید — بدون یک خط کدنویسی.
۱. از کجا شروع کنم
کل کار شما در پیشخوان وردپرس انجام میشود. وارد پیشخوان که شدید، در منوی راست این گزینهها را میبینید:
| منو | برای چه کاری |
|---|---|
| پروژهها | نمونهکارها — هر پروژه یک صفحه دارد |
| مشتریان | برندهایی که با آنها کار کردهاید |
| دپارتمانها | گرافیک، فیلم، عکس، خلاق، دکوراسیون، رویداد، دیجیتال مارکتینگ |
| دستهبندی مشتریان | صنعت هر مشتری (ساختمان، خودرو، دارویی و…) |
| رسانه | همهٔ تصویرها، ویدیوها و فایلهای PDF |
| پیامها | فرمهایی که بازدیدکنندهها پر کردهاند |
هر فایلی که میخواهید روی سایت دیده شود، اول باید در رسانه بارگذاری شود. هیچوقت نشانی یک فایل از سایت دیگری را کپی نکنید — روزی که آن سایت پاک شود، تصویر شما هم از بین میرود.
۲. ساختار سایت در یک نگاه
چهار چیز به هم وصلاند. اگر این را بفهمید، بقیهٔ راهنما ساده میشود:
| چیست | مثال | رابطه |
|---|---|---|
| صنعت | ساختمان و انبوهسازی | هر مشتری در یک یا چند صنعت است |
| مشتری | کیپلاس (کناف ایران) | هر مشتری چند پروژه دارد |
| پروژه | جلسه هماندیشی کیپلاس | فقط یک مشتری · میتواند چند دپارتمان داشته باشد |
| دپارتمان | فیلم، عکس، گرافیک | تیمی که پروژه را اجرا کرده |
در ستون کناری صفحهٔ پروژه، جعبهٔ «مشتری» تیکدار است ولی مثل دکمهٔ رادیویی کار میکند: با انتخاب مشتری تازه، قبلی خودش برداشته میشود. این عمدی است. دپارتمان اما محدودیتی ندارد — یک پروژه میتواند همزمان کار فیلم و عکس باشد.
۳. ساخت یک پروژه، گام به گام
-
از منوی راست، پروژهها ← افزودن پروژه را بزنید.
-
عنوان پروژه را بنویسید. همین عنوان روی کاشی و در صفحهٔ پروژه دیده میشود.
-
در ستون کناری، مشتری و دپارتمان را تیک بزنید. اگر مشتری هنوز ساخته نشده، اول از منوی «مشتریان» بسازیدش.
-
در ستون کناری، تصویر شاخص را انتخاب کنید. این تصویر بزرگِ بالای صفحهٔ پروژه و روی کارت پروژه در فهرستهاست. توضیح کامل در بخش ۵.
-
جعبهٔ «جزئیات پروژه» را پر کنید:
تاریخ اجرای پروژه همانطور که میخواهید دیده شود بنویسید — مثلاً «آبان ۱۴۰۴» خدمات ارائهشده با ویرگول جدا کنید — «طراحی لوگو، ست اداری، بستهبندی» اندازهٔ کاشی فقط در چیدمان «کاشیهای ثابت» اثر دارد — بخش ۶ -
جعبهٔ «رسانهٔ پروژه» — مهمترین قسمت. گالری، ویدیو و سند اینجا اضافه میشوند. بخش ۴ را بخوانید.
-
دکمهٔ انتشار را بزنید. تمام.
۴. رسانهٔ پروژه — قلب کار
رسانهٔ هر پروژه از بلوک ساخته میشود. هر بلوک یک کاشی روی صفحهٔ پروژه میسازد. میتوانید هر تعداد بلوک اضافه کنید، به هر ترتیبی.
سه نوع بلوک وجود دارد:
هر بلوک سه تنظیم مشترک دارد که خودتان انتخاب میکنید:
| تنظیم | چه میکند | اگر خالی بگذارید |
|---|---|---|
| نوع | گالری / ویدیو / سند | پیشفرض «گالری تصویر» |
| عنوان | نوشتهای که روی کاشی میآید | عنوان پیشفرض: «دیدن گالری» یا «دیدن سند» |
| تصویر جلد | تصویری که روی کاشی دیده میشود | خودش یکی انتخاب میکند — بخش ۴.۴ |
افزودن بلوک تازه
پایین جعبهٔ «رسانهٔ پروژه» دکمهٔ «+ افزودن بلوک رسانه» هست. با هر بار زدن، یک بلوک خالی اضافه میشود. از کشویی سمت راستِ هر بلوک، نوعش را انتخاب کنید.
بلوک اول بالاترین کاشی میشود. اگر میخواهید ویدیو اول دیده شود، بلوک ویدیو را اول بگذارید.
۴.۱ گالری تصویر
بلوک را روی «گالری تصویر» بگذارید.
دکمهٔ «افزودن تصویر» را بزنید؛ کتابخانهٔ رسانه باز میشود.
تصویرها را انتخاب کنید (با نگهداشتن
Ctrlچندتایی) و «افزودن به گالری» را بزنید.برای حذف یک تصویر، روی × گوشهٔ بندانگشتیاش بزنید.
یک کاشی با آیکون گالری و تعداد تصویرها. بازدیدکننده که کلیک کند، گالری تمامصفحه با فلش قبلی/بعدی باز میشود.
۴.۲ ویدیو
ویدیو سه راه دارد:
| راه | چطور | تصویر جلد لازم است؟ |
|---|---|---|
| آپارات | نشانی ویدیو را از آپارات کپی و در کادر بچسبانید — مثل https://www.aparat.com/v/xxxxx |
نه، آپارات پوستر خودش را دارد |
| یوتیوب | همانطور، نشانی ویدیو را بچسبانید | نه |
| فایل روی سایت خودمان | دکمهٔ «افزودن از کتابخانهٔ رسانه» را بزنید و فایل MP4 را انتخاب کنید | بله، حتماً — وگرنه بازدیدکننده یک مستطیل سیاه میبیند |
میتوانید چند نشانی را هر کدام در یک خط بگذارید — هر کدام یک کاشی جدا میشود. ولی همه یک تصویر جلد مشترک میگیرند. اگر میخواهید هر ویدیو جلد خودش را داشته باشد، برای هر ویدیو یک بلوک جداگانه بسازید.
۴.۳ سند PDF
اول فایل PDF را در رسانه ← افزودن بارگذاری کنید.
بلوک را روی «سند (PDF)» بگذارید.
دکمهٔ «انتخاب سند» را بزنید و فایل را انتخاب کنید.
یک تصویر جلد بگذارید تا کاشی خالی نباشد.
کاشی با آیکون سند، نام فایل و حجمش. با کلیک، PDF در تب تازه باز میشود.
۴.۴ تصویر جلد — مهم
هر بلوک تصویر جلد مستقل خودش را دارد. گالری یک جلد، ویدیو یک جلد، سند یک جلد. این تصویر فقط روی کاشی دیده میشود.
در بلوک موردنظر، زیر عنوان «تصویر جلد» دکمهٔ «انتخاب» را بزنید.
تصویر را از کتابخانهٔ رسانه انتخاب کنید.
برای برداشتنش، دکمهٔ «حذف» کنارش را بزنید.
اگر جلد را خالی بگذارید، افزونه خودش یکی انتخاب میکند:
| نوع بلوک | جلد پیشفرض |
|---|---|
| گالری | اولین تصویر همان گالری |
| ویدیو | تصویر شاخص پروژه |
| سند | تصویر شاخص خودِ فایل PDF، بعد تصویر شاخص پروژه |
بهترین نتیجه با تصویر افقی نزدیک به ۱۶:۹ گرفته میشود — کل کاشی را پر میکند. اگر تصویر عمودی باشد (مثل یک صفحهٔ اسکنشدهٔ PDF)، افزونه خودش تشخیص میدهد و کاملش را نشان میدهد تا بریده نشود.
۴.۵ چند گالری در یک پروژه
یکی از قابلیتهای مهم: میتوانید چند بلوک گالری در یک پروژه داشته باشید. مثلاً در یک پروژهٔ هویت بصری:
هر کدام جلد و عنوان خودش را دارد و گالریها با هم قاطی نمیشوند — وقتی روی «ست اداری» کلیک میشود، فقط همان ۱۲ تصویر باز میشود.
سه بار دکمهٔ «افزودن بلوک رسانه» را بزنید، هر سه را روی «گالری تصویر» بگذارید، و برای هرکدام عنوان و تصویرهای خودش را انتخاب کنید.
۵. تصویر شاخص — با «تصویر جلد» اشتباه نگیرید
این دو فرق دارند و جایشان هم فرق دارد. مهمترین نکتهٔ این راهنماست.
| تصویر شاخص | تصویر جلد | |
|---|---|---|
| کجاست | ستون کناری صفحهٔ پروژه، جعبهٔ «تصویر شاخص» | داخل هر بلوک، در جعبهٔ «رسانهٔ پروژه» |
| کجا دیده میشود | تصویر بزرگ بالای صفحهٔ پروژه · کارت پروژه در فهرستها | فقط روی کاشی همان بلوک |
| چندتا | یکی برای کل پروژه | یکی برای هر بلوک |
| اگر نگذارید | بالای صفحهٔ پروژه خالی میماند و کارت پروژه بیتصویر است | افزونه خودش یکی انتخاب میکند |
بدون آن، پروژه در فهرست /projects/ و در صفحهٔ مشتری بیتصویر
دیده میشود. حتی اگر پروژه فقط یک PDF دارد، یک تصویر شاخص مناسب بگذارید.
۶. اندازهٔ کاشی و چیدمان فهرست
ویجت «گرید پروژهها» سه چیدمان دارد. در المنتور، کشویی «چیدمان» را عوض کنید:
| چیدمان | چه میکند | کی بهدردبخور است |
|---|---|---|
| ردیفهای همارتفاع پیشفرض |
هر تصویر با نسبت واقعی خودش، بدون برش؛ ردیفها همارتفاع | وقتی تصویرها نسبتهای متفاوت دارند |
| موزاییکی | ستونی، هر تصویر با ارتفاع واقعی خودش | گالریهای عمودی و متنوع |
| کاشیهای ثابت | اندازهٔ هر پروژه را خودتان تعیین میکنید | وقتی میخواهید چیدمان دقیقاً کنترلشده باشد |
کاشیهای ثابت
در این حالت، کشویی «اندازهٔ کاشی در گرید» در جعبهٔ «جزئیات پروژه» اثر میگذارد. چهار گزینه دارد:
اگر چیدمان روی «ردیفهای همارتفاع» یا «موزاییکی» باشد، این کشویی هیچ اثری ندارد. اول چیدمان را روی «کاشیهای ثابت» بگذارید.
۷. مشتری، دپارتمان و صنعت
ساخت مشتری تازه
مشتریان ← افزودن مشتری.
نام را بنویسید و نامک را به انگلیسی بگذارید — مثلاً
kplus.لوگوی مشتری را انتخاب کنید (در فهرست مشتریان دیده میشود).
تصویر هیرو را انتخاب کنید (بنر بالای صفحهٔ آن مشتری).
دستهبندیهای مشتری (صنعت) را تیک بزنید.
در توضیح، معرفی کوتاه مشتری را بنویسید.
نامک فارسی در نشانی به شکل نامفهوم درمیآید
(%d8%a7%d9%86...) و در اشتراکگذاری و پیامک خوانا نیست.
kplus بنویسید نه «کیپلاس».
دپارتمانها
هفت دپارتمان از قبل ساخته شدهاند و معمولاً نیازی به ساخت تازه نیست. برای هر دپارتمان میتوانید آیکون، تصویر هیرو و توضیح بگذارید.
۸. ویجتهای المنتور
در ادیتور المنتور، دستهٔ «ویرا» را باز کنید. ده ویجت دارید:
| ویجت | چه میکند |
|---|---|
| گرید پروژهها | فهرست پروژهها با سه چیدمان |
| فیلتر دپارتمان / دستهبندی | چیپهای فیلتر بالای فهرست |
| کارتهای دپارتمان | دایرههای دپارتمانها |
| هیروی ترم | بنر بالای صفحهٔ دپارتمان یا مشتری |
| شبکهٔ مشتریها | لوگوی مشتریها |
| دکمهٔ نمونهکارهای بیشتر | بارگذاری صفحهٔ بعد بدون رفرش |
| پروفایل مشتری/دپارتمان | معرفی و اطلاعات ترم |
| هیروی برگه | بنر بالای برگههای معمولی |
| اطلاعات پروژه | جدول کارفرما، تاریخ، خدمات، دپارتمان |
| گالری پروژه | کاشیهای رسانه — همان بلوکهای بخش ۴ |
صفحهٔ تکپروژه، آرشیو مشتری و آرشیو دپارتمان با قالب ساخته شدهاند (قالبها ← سازندهٔ قالب). اگر ویجتی را از آنها پاک کنید، همهٔ پروژهها یا مشتریها با هم خراب میشوند، نه فقط یکی.
۹. وبلاگ
نوشتهها ← افزودن نوشته.
عنوان و متن را بنویسید.
دسته را انتخاب کنید — برندینگ، فیلم و تیزر، عکاسی، راهنمای پروژه.
تصویر شاخص بگذارید. بدون آن، کارت نوشته در فهرست وبلاگ بیتصویر است.
نامک را انگلیسی بگذارید.
تاریخها خودکار شمسی میشوند و زمان مطالعه هم خودکار حساب میشود.
۱۰. اشتباههای رایج
پروژه در فهرستها بیتصویر میشود. همیشه بگذارید.
نشانی نامفهوم میشود. همیشه انگلیسی و با خط تیره: kplus-visual-identity
بازدیدکننده یک مستطیل سیاه میبیند. برای فایل MP4 حتماً جلد بگذارید.
تصویر ۵ مگابایتی صفحه را کُند میکند. پیش از بارگذاری، تصویر را به عرض حدود ۱۶۰۰ پیکسل و حجم زیر ۳۰۰ کیلوبایت برسانید.
اگر فایل را از «رسانه» پاک کنید، از همهٔ پروژههایی که از آن استفاده کردهاند حذف میشود. برای برداشتن از یک گالری، روی × بندانگشتی در همان بلوک بزنید.
۱۱. پرسشهای پرتکرار
گالری را خالی کردم ولی کاشی گالری هنوز هست
بلوک گالری خالی خودش حذف میشود. اگر کاشی مانده، احتمالاً بلوک دیگری هم دارید. فهرست بلوکها را ببینید و بلوک اضافی را با آیکون سطل زباله پاک کنید.
میخواهم ترتیب کاشیها را عوض کنم
ترتیب بلوکها در متاباکس، همان ترتیب نمایش روی صفحه است. بلوکی که بالاتر باشد، کاشیاش هم بالاتر میآید.
ویدیوی آپارات پخش نمیشود
نشانی باید نشانی صفحهٔ ویدیو باشد، نه کد امبد. شکل درست:
https://www.aparat.com/v/xxxxxxx
پروژه در فهرست پیدا نمیشود
سه چیز را بررسی کنید: پروژه منتشر شده باشد (نه پیشنویس)، مشتری و دپارتمان انتخاب شده باشند، و اگر فیلتری روشن است آن را خاموش کنید.
میخواهم پروژهای بالای فهرست باشد
فهرست بر اساس تاریخ انتشار مرتب میشود. در جعبهٔ «انتشار» روی «ویرایش» کنار تاریخ بزنید و تاریخ را جلوتر بگذارید. این کار «تاریخ اجرای پروژه» را که روی صفحه دیده میشود عوض نمیکند.
تصویر جلد کادر را کامل پر نمیکند
تصویر شما احتمالاً عمودی است. افزونه تصویر عمودی را کامل نشان میدهد تا بریده نشود. برای پرشدن کامل کادر، تصویر افقی نزدیک به ۱۶:۹ بگذارید.
روی تصویرها راستکلیک کار نمیکند
عمدی است. روی تصویرهای پروژه منوی مخصوص ویرا باز میشود تا تصویرها راحت ذخیره نشوند. روی متن و لینکها راستکلیک عادی کار میکند.
میخواهم فقط تصویرهای یک پروژه را در رسانه ببینم
رسانه ← کتابخانه، حالت فهرستی. بالای صفحه کشویی «فیلتر بر اساس پروژه» هست. پروژه را انتخاب کنید تا فقط فایلهای همان نشان داده شوند.