طراحی پروژه محور طراحی سایت
همان طور که می دانید صفحه اصلی، ویترین سایت بوده و مطالب مهمی مانند معرفی خدمات و امکانات سایت و کسب و کار، نمودارهای پیشرفت، نمودارهای دایرهای مشتریان راضی و محصولات و… در صفحه اصلی به نمایش گذاشته می شوند.
با توجه به امکانات متفاوت قالب ها میتوان از عناصر و المان هایی برای نمایش اجزای سایت استفاده کرد.
برای ادامه طراحی سایت، در پیشخوان وردپرس، صفحه اصلی سایت را در حالت ویرایش باز کنید. یک المان ردیف به آن اضافه کرده و تصویری را به عنوان پس زمینه در ردیف قرار دهید. این تصویر میتواند تمام ردیف را پر کند یا یک تصویر کوچک در گوشه ردیف باشد.
اگر در وردپرس بخواهید تصویری را ویرایش کنید.(مانند چرخش، بردین(Crop)، تغییر اندازه و…) در زمان بارگذاری تصویر در قسمت رسانه، یا از کتابخانه پرونده های چند رسانه ای گزینه “ویرایش تصویر” را کلیک کرده و سپس تغییرات را اجرا کنید.
المان
میتوانید از المان “بلاک متن” برای نوشتن توضیحاتی در مورد کسب و کار، محصولات یا اطلاعاتی در مورد سایت و خدماتی که ارائه می دهد استفاده کنید.
المان “نوار پیشرفت” ابزار مناسبی برای نمایش میزان پیشرفت کارها و خدمات ارائه شده است که می توانید آن ها را به سایتتان اضافه کنید. در صفحه تنظیمات این المان میتوانید رنگ های متنوعی برای نمایش میزان پیشرفت نوارها در نظر گرفته تا توجه کاربران را بیشتر جلب کند.
المان “باکس چرخشی” یا المان ” Flip Box ” برای معرفی کوتاه از خدمات سایت بسیار مناسب است. با توجه به اینکه در این المان می توان از آیکون ها استفاده کرد. همچنین در قسمت جلو و پشت المان نوشته درج کرد. با قرار گیری موس روی المان حالت چرخشی بین دو طرف جعبه ایجاد می شود. کاربران به سمت المان باکس چرخشی و عملکرد و مطالب آن جذب خواهند شد.
در قسمت های آینده آموزش طراحی سایت پروژه محور ادامه سایت را طراحی خواهیم کرد.
34 دیدگاه. Leave new
سلام چجوری می توانیم ultimate vc addons بر المنتور رانصب کنیم؟
باسلام خدمت شما
این مورد برای ویژوال کامپوزر ارایه شده است و در المنتور کاربردی ندارد. برای داشتن المان های بیشتر در المنتور میتوانید از افزودنی های جانبی آن مانند المنت پک پرو یا پاور پک که در سایت موجود هستند استفاده فرمایید.
از حضور شما ممنونیم.
سلام و احترام یک سوال داشتم آیا پس از طی این دوره امکان اینکه بتوان در تم فارست کسب درآمد داشت وجود دارد؟ سپاس
وقت شما بخیر
بستگی به شما دارد . تخصص آن را یاد میگیرید ، اما اینکه بتوانید این کار را انجام دهید بستگی به شما دارد .
با تشکر.
سلام وقت بخیر. ممنون از اموزش های عالیتون
من تمام جلسات رو نگاه کردم. تو یکی از جلسات استاد یه سایت برای ترکیب رنگ و … گفتند که سایت خیلی فوق العاده ای بود. خیلی سایت هست ولی این خیلی عالی بود وهم مکمل و هم طیف اش رو میگفتو الان هرچی میگردم پیداش نمیکنم لطف میکنید اگر میدونید بهم بگید. تشکر
سلام بر شما ، وقت بخیر از حضور شما ممنونیم.
سایت های مختلفی وجود دارند ، فقط کافی است که color palette را در گوگل سرچ نمایید.
آرزوی موفقیت برای شما داریم.
سایت uigradients.com بود. برای گرادیانت‌ها
سلام خسته نباشید راجب اون عکس پس زمینه برای باکس چرخشی که نتوانستن استاد انجام بدن بنده توانستم باید در قستمت تنظیمات باکس چرخشی در منو طراحی و قسمت پس زمینه عکس رو اپلود کنید و تکرار عکس زمینه رو هم روی هیچ کدام بگذارید و رنگ پس زمینه بزارید که اون عکس نمایش داده بشود اکر رنگ نگزارید عکس نشان داده نمیشود با سپاس.
سلام راجع به این عکس پس زمینه من هر کاری کردم پشت نمودارها قرار نمیگیرد
سلام بر شما،
اگر محصولی از ابزار وردپرس تهیه کرده اید، تیکت ارسال نمایید تا طراحی شمارا بررسی کنیم، تا ببینیم به چه صورت انجام شده است.
با تشکر.
سلام به استاد عزیزم ، خیلی ممنونم از شما که خیلی چیزها از شما یاد گرفتم.
استاد اون قسمتی که یه ایده به ذهنتون رسید که یه بک گراند به گوشه پس زمینه بالا بدین و امتحان کردین نشد.
من با روش خودتون که گفتین پیگیری کنید و کم نیارید ، امتحان کردم و در قسمت پس زمینه اوپسیتی را پائین اوردم و تونستم که گوشه کار رو مثل سایت نمونه یه پس زمینه بهش بدم
خیلی ممنونم .
سلام مجتبی عزیز،
بسیار عالی، احسن به شما و برای شما آرزوی موفقیت داریم.
با تشکر از حضور گرمتون.
با سلام
آیتم نوار پیشرفتی که استاد در آموزش استفاده کردند برای بنده یک شکل دیگه داره تنظیماتش خیلی کمه (قالبی که استفاده میکنم قالب زفایر است) تمام افزونه ها و همچنین قالب به روز می باشد
سلام آقای جان بزرگی عزیز
لطفاً تیکت ارسال نمایید تا بررسی انجام دهیم.
با تشکر
با سلام
آیتم نوار پیشرفتی که استاد در آموزش استفاده کردند برای بنده یک شکل دیگه داره تنظیماتش خیلی کمه (قالبی که استفاده میکنم قالب زفایر است)
سلام بر شما، وقت بخیر
در ابتدا توجه نمایید که افزونه های همراه قالب را هم نصب و فعال کرده باشید، همچنین در صورتی که احساس می کنید مشکلی وجود دارد، از بخش ناحیه کاربری، یک تیکت با تصویر این مورد ارسال نمایید تا در تیکت این مورد بررسی شود.
موفق و پیروز باشید.
سلام خسته نباشيد . توي قسمت باکس آيکون يا اطلاعات وقتي ميخوام از آيکوني که خودم دانلود کردم استفاده کنم آيکون رو توي سايت اصلا نشون نميده . ولي آيکن هايي که به صورت پيشفرض هست رو نشون ميده (تصوير دلخواه نميتونم جايگزين کنم) امکانش هست راهنمايي کنين؟
سلام و احترام
سلامت باشید. لطفاً از ناحیه کاربری یک تیکت ارسال کنید تا کارشناسان بخش فنی بررسی کنند.
با سپاس از حضور شما
سلام وقت بخیر.
ببخشید میشه لطفا بگید که چطور می تونم اون تصویری که استاد در ویدیو در فتوشاپ تغییراتی روش ایجاد کردند و در سایتشون قرار دادند رو من بتونم در سایتم به حالت طراحی کنم که حتی بدون بردن موس روی تصویر، اون تصویر همیشه حالت شناور و متحرک داشته باشه … ممنون.
سلام و احترام
برای طراحی این مورد می توانید از افزونه روولوشن اسلایدر استفاده کنید.
با تشکر
بله ممنونم، میشه لطفا بگید چطور؟ من کار با اسلایدر روولوشن رو بلدم ولی به این صورت خیر، آموزش این قسمت رو هم دارید؟
خواهش می کنم. آموزش زیر را مشاهده کنید.
آموزش کار با حلقه ها در روولوشن اسلایدر
با تشکر
سلام وقتتون بخیر
ممنون از آموزش های خوبتون
تصویرهایی که داخل ویدیو دانلود میکنین و استفاده میکنید ما چطور میتونیم بدست بیاریم؟
سلام و درود خانم حمزه بیکی
می توانید از سایت هایی مانند freepik.com استفاده کنید. برای استفاده از این سایت می بایست از نرم افزار تغییر آیپی استفاده کنید.
با تشکر
سلام و درود ?
می خواستم ببینم کی جلسات جدید رو منتشر می کنید …
حدود یک ماهه آموزش جدید منتشر نشده
( میدونم تولید ویدئوی سخته و زمان بره و مشغله شما زیاده ??)
امیدوارم روند انتشار ویدئوی ها بهتر بشه و آرزوی سلامتی برای تیم ابزار وردپرس …❤❤
سلام و درود آقای کیانی عزیز
متأسفانه به دلیل مشغله زیاد وقفه زمانی بین انتشار ویدیوها ایجاد گردید. انشالله به زودی آموزش ها بر روی سایت قرار خواهند گرفت.
با تشکر
سلام من فصل ششم این اموزش دارم میبینم و البته کلیه قسمتها رو دانلود کردم و آفلاین استفاده میکنم، کیفیت آموزش بسیاذ عالی هست. سوال اینکه از فصل چندم به بعد میتونم یه وبسایت برای خودم طراحی کنم و این اموزش تا کی ادامه داره، در ادامه از زحمات شما دوست و استاد عزیز تشکر میکنم و ارزوی موفقیت دارم براتون.
سلام. من اموزش هاتون رو از زمان قالب 7 پیگیری میکنم …کارتون خیلی خیلی عالیه واقعا خسته نباشید.من با آموزش های طرلحی سایت و seo کلی کار انجام دادم و درامد کسب کردم.خیلی از سایت هارو گشتم…شما تنها نفری هستید که اینقدر کامل و دقیق توضیح میدید. موفق باشید
سلامت و تن درست باشید ، انشالله بتوانیم در خدمت شما باشیم.