ما در دنیایی زندگی می‌کنیم که رشد اینترنت و استفاده از گوشی‌های هوشمند و آشنایی با فضای مجازی، از علاقه‌مندی‌ها و نیازهای امروزه است؛ و این امر باعث رشد روزافزون سایت‌ها و خدمات فروش آنلاین گردیده است. اگر می‌خواهید طراح سایت شوید باید در یک دوره طراحی سایت با وردپرس شرکت کنید.
شرکت‌های موفقی در این زمینه وجود دارند که درآمد پرسودی از طریق یک سایت دارند. همچنین فروشگاه‌هایی وجود دارند که در کنار کسبوکار سنتی خود از یک سایت معتبر برای فروش آنلاین نیز استفاده می‌کنند. حال برای داشتن این نوع از کسبوکار پرسود شما یا نیاز به داشتن علم این کار رادارید، و یا با پرداخت هزینه زیاد از طراحان سایت کمک بگیرید.
درگذشته‌ی نه‌چندان دور، میهن وردپرس دوره حضوری طراحی سایت داشت، که افراد مشتاق خاص خودش را می‌طلبید! با بزرگ‌تر شدن میهن وردپرس، رفته‌رفته بر تعداد درخواست‌های آموزش طراحی سایت افزوده می‌شد. این شد که تصمیم گرفتیم دوره را به‌صورت آنلاین برگزار کنیم؛ تا همه‌ی افراد شانس یادگیری این مهارت پرسود و شیرین را داشته باشند.
به‌این‌ترتیب این آموزش جامع در وبسایت میهن وردپرس قرار گرفت. از آن روز به بعد دوره حضوری که فقط مختص افرادی خاص بود (فقط افرادی که در شیراز حضور داشتند) تبدیل به دوره‌ای شد که همه می‌توانند در آن شرکت کنند؛ و بعد از یادگیری به‌راحتی به کسب درآمد بپردازند.
با برگزاری دوره‌های آموزشی آنلاین شانس یادگیری این کسبوکار نوین و پردرآمد در اختیار عموم مردم قرار گرفت. دوره‌ای که همه می‌توانند در آن شرکت کنند و بعد از یادگیری به‌راحتی به کسب درآمد بپردازند.
دوره طراحی سایت با وردپرس
امروزه سایت‌های زیادی هستند که به سبکی زیبا طراحی شده و درآمد بالایی دارند. مثلاً وبسایت دیجیکالا را می‌بینیم که از یک فروشگاه زنجیره‌ای هم فراگیرتر شد و سود و حتی مشتریان بیشتری هم دارد. حالا شاید شما بگویید رسیدن به دیجی کالا خیلی رؤیایی است. اما جالب است که بگویم فروشگاه کفشی را در قشم دیدم که می‌گفت ۹۰ درصد فروش روزانه‌اش از طریق فروش آنلاین بوده. خب برای دست‌یابی به این بستر پرسود لازم است که شما یا علم این کار را داشته باشید؛ یا هزینه‌ای کنید تا طراحان سایت برای شما سایتی را طراحی کنند.
طراحی سایت، فقط طراحی ظاهری نیست!
بسیاری از طراحان سایت بر این باورند که طراحی سایت تنها در ساخت سایت‌های جذاب و زیبا خلاصه میشود. اما در حقیقت طراحی سایت چیزی فراتر از طراحی ظاهر آن است. برای طراحی سایتی مطلوب، عوامل زیادی ازجمله ساختار سایت، کاربردپذیری، خوانایی، عملکرد و… تأثیرگذار هستند. امروزه تمام وبمستران و مدیران سایت‌های حرفه‌ای و به‌روز به دنبال اجرای سایت‌های باکیفیت و پاسخگو هستند.
طراحی و اجرای سایت برای کسبوکار، تنها به این معنی نیست که یک برنامه‌نویس و یا متخصص سایتی را برای ما طراحی کند. امروزه روش‌های متفاوتی از طراحی سایت در بازار و سایت‌های مربوطه وجود دارد، و تنها با آموزش‌های کافی و حرفه‌ای می‌توانیم خودمان طراح سایت خود باشیم.
ازاین‌رو برخی از طراحان قالب‌های حرفه‌ای و سایت‌های به‌روز جهان تلاش می‌کنند تا روش‌های آسان‌تر و کاربردی‌تری برای اجرای یک سایت ارائه دهند. مانند قالب‌های حرفه‌ای که اکثر سایت‌های حرفه‌ای دنیا از آنها استفاده می‌کنند. هنگامی‌که کلمه طراحی وبسایت به گوش ما می‌خورد؛ اولین مسئله‌ای که به ذهن ما خطور میکند رنگبندی، جذابیت و طراحی زیبای صفحات سایت است. اما توجه کنید که این تمام‌کار نیست.
برخی از افراد طراحی سایت را به‌عنوان یک اثر هنری می‌شناسند. باید توجه داشت که یک سایت، ارائه محصولات و خدمات به‌صورت دیجیتالی است؛ که در آن قالب، کد نویسی و ساختار سایت امری اساسی و مهم به شمار می‌آید. بر همین اساس، طراحی وبسایت موضوعی فراتر از طراحی ظاهر آن است زیرا یک طراحی مناسب و ایده آل ساختار، کارایی و قابلیت‌های یک وبسایت را رقم می‌زند.
دوره آموزش طراحی قالب وردپرس
اما چرا تأکید کاری ما در بستر آماده‌ای مانند وردپرس است؟ خب جواب ساده است. شما برای خرید خودرو و رانندگی کردن، به سراغ این کار نمی‌روید که تک‌تک وسایل را مثل موتور، چرخ، دنده را بخرید و مونتاژ کنید و بعد تازه بخواهید رانندگی کنید. وردپرس هم به همین صورت عمل کرده است، به این طریق که شما را از دردسرهای اولیه ساخت سیستم مدیریت محتوا نجات داده؛ و فقط لازم است با یادگیری طراحی قالب HTML و CSS و علم کار با وردپرس با کمک ما در این جاده همواری که CMS فراهم کرده است، در این مسیر برانید و ویراژ دهید.
وردپرس به‌گونه‌ای عمل کرده که شما را از دردسرهای اولیه ساخت سیستم مدیریت محتوا نجات داده است. فقط با یادگیری طراحی قالب Html، CSS و علم کار با وردپرس در این جاده همواری که CMS فراهم کرده با یک خودرو از قبل آماده‌شده برانید. درگذشته نه‌چندان دور میهن وردپرس با برگزاری دوره‌های حضوری طراحی سایت آغاز به‌کار کرد؛ و افراد علاقه‌مند و خاص خودش را می‌طلبید.
قالب یا همان ساختار کلی یک سایت از عوامل بسیار مهم در طراحی سایت است. انتخاب زبان‌های برنامه‌نویسی مختلف مانند PHP، CSS، HTML و نظیر این‌ها و قالب‌های آماده هرکدام معایب و مزایای زیادی دارند؛ که بنا بر سلیقه و نظر طراح آن و هدفی که از طراحی سایت دنبال میکند می‌تواند متفاوت باشد. البته این موضوع در بهینه‌سازی سایت نیز بی‌تأثیر نخواهد بود.
چرا دوره طراحی سایت با وردپرس به شما پیشنهاد میشود؟
امروزه برای هر کسب‌وکاری که ما داریم، به‌شدت احساس نیاز میشود که یک وبسایت داشته باشیم. برای داشتن یک وبسایت، وردپرس یکی از بهترین گزینه‌ها است. که با توجه به حجم مطالب آموزشی، یادگیری آن بسیار آسان است. البته برای متفاوت بودن سایتمان و همچنین زیباسازی آن باید از قالب‌های وردپرسی استفاده کرد. گروهی از قالب‌های وردپرسی، قالب‌های اختصاصی هستند که بهترین گزینه برای طراحی سایت‌های سفارشی هستند؛ یا برای زمانی که ما می‌خواهیم سایتی را از پایه طراحی کنیم مناسب می‌باشند. در این دوره ما به آموزش طراحی سایت از ۰ تا ۱۰۰ پرداخته‌ایم.
هنگامی‌که بخواهید یک سایت تأثیرگذار و کاربردی طراحی کنید؛ احتیاج دارید که زبان‌های برنامه‌نویسی زیادی را آموزش ببینید. این زبان‌های برنامه‌نویسی شامل HTML، CSS، JavaScript و… هستند؛ که ایجاد به‌روزرسانی و یا تغییرات را امکان‌پذیر می‌کنند. به هنگام استفاده از قالب‌های آماده، ایجاد تغییرات می‌تواند سخت یا غیرممکن باشد. به همین دلیل داشتن دانش کافی در خصوص مدیریت و ویرایش قالب‌های باکیفیت اهمیت زیادی دارد.
به‌این‌ترتیب میتوانید وب‌سایتتان را در مسیری طراحی کنید که به‌راحتی و با سرعت پشتیبانی و مدیریت شود. ما در این دوره آموزشی امکان ویرایش کردن قالب‌ها را به شما آموزش می‌دهیم؛ و به‌راحتی میتوانید قالب خود را همان‌گونه که می‌خواهید تغییر دهید و یا ویرایش کنید.
کاربردپذیری در طراحی سایت به معنای استفاده آسان از سایت و راهنمای آن است، تا کاربران بتوانند با سایت تعامل برقرار کنند و به‌راحتی بتوانند در صفحات سایت جستجو کنند. یکی از مهم‌ترین عوامل در طراحی سایت بهینه‌سازی آن است. طراحان حرفه‌ای با طراحی و پیاده‌سازی ساختار و نقشه مناسب برای سایت، سایت را برای کاربران بهینه‌سازی می‌کنند. یکی دیگر از عناصر مهم در طراحی وبسایت خوانایی سایت است. در طراحی‌ها باید از رنگ و فونت‌های مناسب در متن و پس‌زمینه استفاده شود تا متن‌ها به‌راحتی قابل مشاهده باشند.
پکیج طراحی قالب وردپرس
به‌طورکلی مفاهیم موردنیاز برای طراحی وبسایت را توضیح می‌دهیم. مفاهیم اولیه HTML و CSS و همچنین توضیحاتی در رابطه با فتوشاپ و طراحی سایت قبل از کد نویسی را برای شما توضیح خواهیم داد. شما میتوانید قالب HTML خود را طراحی کنید. Hyper Text Markup Language به معنی زبان نشانه‌گذاری فوق متن است. زبان استاندارد طراحی صفحات وب CSS یا Cascade Style Sheets زبانی است که توسط آن قادر خواهید بود؛ تا استایل طراحی صفحات وبسایت خود را یک بار تعریف، و در صفحات موردنیازتان اعمال کنید. اضافه کردن فروشگاه به سایت هم یکی دیگر از سرفصل‌های بحث‌برانگیز این دوره است!
از طراحی سایت در فتوشاپ تا برنامه نویسی تحت وب
شما در این دوره آموزشی، یک پروژه را از ۰ تا ۱۰۰ یعنی از یک سند خالی در فتوشاپ تا یک قالب در وردپرس، طبق مراحل طراحی قالب اختصاصی (مراحلی که در بالا آورده شد) انجام می‌دهید؛ و در جریان تمام مراحل و حتی مشکلات احتمالی قرار میگیرید. و در آخر اضافه کنیم که اگر زمان و حوصله‌ی تمرین کردن را دارید و پیگیر این هستید که طراح وب شوید ما این آموزش را به شما پیشنهاد می‌کنیم.
چرا طراحی سایت را از فتوشاپ شروع می‌کنیم؟
فتوشاپ بهترین نرم‌افزار طراحی ۲ بعدی در دنیا است که توسط شرکت معروف Adobe ساخته‌شده؛ و قابلیت‌های بارزتری نسبت به سایر نرم‌افزارهای طراحی دارد. که به چند مورد از آن اشاره می‌کنیم: امکان جداسازی Header و Footer، سایر اجزا را جدا از هم نگه می‌دارد و همچنین اگر مشتری بخواهد تغییری ایجاد کند فقط در همان قسمت اعمال میشود.
همچنین وجود ابزارهایی که به صرفه‌جویی در زمان کمک میکند. فرمت‌های مختلف برای خروجی گرفتن مانند gif،png،jpg،SVG و دیگر فرمت‌ها وجود دارد. در فتوشاپ می‌توانیم طرح را کامل ببینیم و بعد از تأیید نهایی کارفرما شروع به برنامه‌نویسی می‌کنیم؛ که زمان کم‌تری نسبت به برنامه‌نویسی صرف میشود. همچنین فرصت مناسبی است برای اینکه از وضعیت طراحی خود قبل از برنامه‌نویسی باخبر می‌شویم. علاوه بر این امکان تغییرات قبل از شروع برنامه‌نویسی نیز وجود دارد.
ووکامرس چیست؟
افزونهای رایگان برای طراحی فروشگاه اینترنتی در وردپرس، که به دلیل پشتیبانی گسترده از افزونه‌ها و ترکیب با وردپرس بسیاری از وب‌سایت‌ها از آن برای اضافه کردن امکانات فروشگاهی استفاده می‌کنند.
امکانات پیش‌فرض ووکامرس تمامی نیازهای کلی برای ایجاد یک فروشگاه برای فروش فیزیکی یا فروش فایل‌ها و محتواهای دیجیتالی را فراهم میکند. امکانات بسیاری نیز با استفاده از افزونه‌های رایگان و تجاری که برای این سیستم توسعه پیداکرده است، به آن افزوده می‌شوند.
طراحی فروشگاه اینترنتی با ووکامرس یکی مناسب‌ترین گزینه‌ها در بیشتر موارد به شمار می‌رود. به دلیل اینکه ووکامرس بر روی وردپرس پیاده‌سازی شده است؛ در اختیار داشتن امکانات ووکامرس و وردپرس در کنار هم، مزیتی غیرقابل‌چشم‌پوشی به شمار می‌رود. طراحی فروشگاه اینترنتی با ووکامرس بهینه، کارآمد، مقرون‌به‌صرفه و پشتیبانی‌کننده از تجارت و کسبوکار آنلاین شما به‌حساب می‌آید.
ووکامرس افزونه‌های بسیار زیادی برای سفارشی کردن و افزودن امکانات جدید به فروشگاه شما در اختیارتان قرار می‌دهد. افزونه‌هایی برای مدیریت مشتریان، راه‌اندازی بازاریابی در فروشگاه، آمار فروشگاه و …
چرا طراحی سایت با برنامه نویسی؟
برنامه‌نویسی وبسایت در طراحی وبسایت، مجموعه کدها و اسکریپت‌ها و ماژول‌ها و ابزاری که در طراحی وبسایت از آن توسط طراح سایت استفاده میشود است. این کدها می‌توانند کدهای آماده باشند یا توسط خود طراح نوشته شود. این کدها باید در قالبی خاص که قرارگیری این قالب نیز دارای کدهای خاص است نوشته شوند؛ تا ظاهر سایت ما آراسته و شکیل باشد.
با استفاده از برنامه‌نویسی می‌توانیم به طرح دلخواه خود و یا سفارش‌دهنده برسیم. تهیه یک طرح کلی از وبسایت و تطبیق آن با اصول علمی هدایت کاربر (UX)، طراحی قسمت گرافیکی سایت (UI) توسط طراح، تبدیل صفحات طراحی‌شده به HTML,CSS و تبدیل به قالب وردپرس مطابق نیاز مشتری را میتوان از مراحل کلی طراحی سایت با برنامه‌نویسی عنوان کرد.
طرح‌های طراحی شده در این دوره
تصمیم گیری در مورد شرکت در پکیج طراحی سایت با وردپرس
اگر می‌خواهید یک طراح سایت موفق درزمینهٔ توسعه تجارت الکترونیک خود از طریق اینترنت باشید، باید وب‌سایتی جذاب، تعامل برانگیز، کاربرپسند و همچنین دارای خدمات کاربردی داشته باشید.
داشتن یک سایت حرفه‌ای و کاربرپسند کار مشکلی نیست. شما حتی با کمترین هزینه میتوانید یک سایت حرفه‌ای داشته باشید و کسبوکار خود را به‌صورت حرفه گسترش دهید. کافی است در این دوره آموزشی بسیار مفید شرکت کنید و در کمترین زمان ممکن سایت کاملاً اختصاصی و حرفه‌ای برای خود و مشتریان خود را راه‌اندازی کنید.
افرادی که دوست دارند از طریق طراحی سایت کسب درآمد کنند.
کسانی که به کسب درآمد از اینترنت اعتقادی دارند و می‌خواهند سایت خودشان را حرفه‌ای بسازند.
کسانی که می‌خواهند ایده‌های کسب و کار خود را ارزیابی کنند.
کسانی که ایده‌های لازم برای کسبوکار اینترنتی خود را اجرا می‌کنند.
آن دسته از افرادی که به دنبال اجرای کسب و کارهای خود هستند.
افرادی که برای یادگیری خود ارزش قائلند.
کسانی که به کسب درآمد از اینترنت اعتقادی ندارند.
کسانی که دوست دارند هزینه‌های گزافی بابت طراحی قالبشان یا ایجاد یک سفارشی‌سازی جزئی در قالبشان، پرداخت کنند.
کسانی که فکر می‌کنند نمی‌توانند خود طراح سایت حرفه‌ای شوند و سایت خودشان را طراحی کنند.
آن دسته از افرادی که خود را در امر یادگیری باور ندارند.
بوت استرپ و سایر فریمورک‌های طراحی سایت، کدهای آماده از پیش تعریف شده‌ای هستند که می‌توانند به شما در طراحی سایت کمک کنند. اما شما باید از پایه اصول CSS و HTML را یاد بگیرید. در این دوره از صفر مطلق شروع به آموزش طراحی سایت کرده‌ایم. پس با دیدن دوره میتوانید به راحتی کدهای موجود در فریمورک‌های مختلف را درک کنید. اینجا ماهی‌گیری را یاد میگیرید!
از این گذشته، بوت استرپ حجم بسیار زیادی دارد و هزاران خط کد را به سایت شما اضافه خواهد کرد. این موضوع باعث میشود سرعت سایت شما کمتر شود.
در صورت عدم تطابق دوره با سرفصل‌ها، وجه پرداختی شما را بازگشت خواهیم داد.
رضا حسینی راد
ببخشید سوالم اینه که با این اموزش میشه یک قالب حرفه ای با پنل مدیریت حرفه ای مثال سایت خودتون طراحی کرد؟
درود بله با این آموزش میتونید سایتی مثل سایت خودمون طراحی کنید آموزش ساخت پنل مدیریت نیز توضیح داده شده
سلام استاد mainmenu را وقتی تعریف میکنم هر کار میکنم میره زیر navbarcenter . باید چکار کنم تا بیاد روی اون؟
سلام باید بهش z-index:999999 بدید توی سی اس اس
سلام استاد چطوری میشه ساعت و تاریخ رو در بالای سایت طراحی شده خودمون اضافه کنیم؟
درود توی سایت سرچ بفرمایید نمایش ساعت و تاریخ در وردپرس
ممنون دیدم. استاد میخوام بصورت دیجیتالی بالای سایتم نمایش داده بشه؟ امکانش هست؟
سلام
با استفاده از جاوا اسکریپت باید قرار بدهید، افزونه ساعت در سایت موجود است.
سلام دراین محصول ازامنیت کدنویسی بحث شده هست؟
سلام خیر نیازی نیست چون با استفاده از توابع وردپرس توضیح داده شده که کاملا امن هستند
با سلام دورهها صفر تا صد ورد پرس آنلاین برگزار میشه؟ و یا کلاسهای حضوری هم دارید؟
درود به شما. کلاس حضوری فعلا در دستور کار ما نیست و تمامی دوره ها به صورت پک آموزشی در اختیار شما قرار میگیرد.
سلام مرسی استاد بابت این آپدیت و این آموزش که برای من و دیگر دوستان گذاشتید. عالی بود مثل همیشه
درود خواهش میکنم لطف دارید
سلام استاد میخوام یه پیج ثبت نام در یک دوره آموزشی رو بسازم که زمانی که کاربر رو لینک پرداخت میزنه بره به درگاه پرداخت و پرداخت انجام بشه. و در اون پیج ایمیل و نام و شماره تماس از کاربر گرفته بشه. چطوری باید طراحی کنم؟ آیا فقط با html باید طراحی کنم؟ لطفا راهنماییم کنید. با تشکر
سلام خیر برای اینکار کافیست از یک افزونه فروشگاه ساز مثل ووکامرس استفاده کنید یا افزونه EDD . آموزش ووکامرس: https://mihanwp.com/woo/
با عرض سلام و احترام
بنده آموزش رو هنوز نگرفتم ، دموی سایت ساخته شده رو دیدم خب یه سایت خیلی قشنگ و حرفه ای بود ، اما هنوز نمی دانم آیا بعد از گزراندن این دوره توانایی ساخت هر سایت یا به ویژه تغییر در سایت یاقالبی را دارم یا خیر ….چون این چیزیست که به دنبال آن هستم ،والا باصرف هزینه و زمان کمتر میتوان قالبی تهیه و صاحب سایت زیبا شد… رشته تحصیلی من در دانشگاه کامپیوتر نبوده و تا چند وقت پیش اطلاعاتی از کد نویسی و برنامه نویسی نداشتم ، چند ماه هست که شروع کردم و انتظار ندارم با یک دوره آموزشی تبدیل به یک مهندس کامپیوتر خبره شوم، اما میخواستم ببینم این دوره چه اندازه به من کمک میکند تا تغییراتی که دلم میخواد و نیاز به کد نویسی دارد را در سایت خودم بدهم…
سوال بعدی اینکه اینطور که من در این صفحه دیدم گویا قصد دارید قسمت های تکمیلی به این آموزش اضافه کنید، اگر بعد از اینکه ما آموزش رو تهیه کردیم چنین شد، امکان این هست که مابا پرداخت هزینه آن قسمتها فقط آنها را به صورت جداگانه دریافت کنیم؟
با سپاس فراوان ، موفق و پیروز باشید.
سلام
در این دوره شما با بیس کد نویسی قالب وردپرس و طراحی قالب در فتوشاپ و تبدیل آن به کد آشنا میشوید که با ارتقا دادن دانش خود شما قادر خواهید بود که قالب های بسیار حرفه ای را طبق سلیقه خود بسازید.
قسمت هایی که اضافه میشود به آموزش را میتوانید به صورت رایگان در آپدیت هایی که برای این آموزش داده میشود دریافت کنید.
سلام آمورزشی که دادید خیلی خوب بود ولی کاش یک قالبی در آموزش استفاده میکردید که امروزه نیاز دارند.
مثل قالبی در آموزش مثل سایت خودتون یا سایتی شبیه به سایت خودتون استفاده میکردید که حرفه ای تر به نظر بیاد میدونم هر کس این دوره رو تماشا کنه به هدف که میخواد میتونه برسه ولی کمی باید بیشتر آموزش حرفه ای تر باشه.
آموزش های شما واقعا خوبه..
سلام متشکرم لطف دارید. در جلسات آپدیتی این دوره روش های مدرن تر و کامل تری توضیح داده میشه که میتونید حتی حرفه ای تر از سایت ما رو باهاشون طراحی کنید. مهم اینه شما پایه و اساس کار رو یاد بگیرید بعدش هر سایتی رو طبق سلیقه خودتون میتونید طراحی کنید.
سلام استاد میشه در تاپ منو برای هر کدام از منوها یه کلاس جدا تعریف کرد؟ بجای اینکه از دستور
استفاده کنیم فقط از a link استفاده کنیم؟
سلام بعد از ساخت منوها با inspect element مرورگر کدهای قالب رو نگاه کنید خود وردپرس به هر آیتم یه کلاس داده. می تونید برای اون کلاس ها توی استایل سی اس اس دلخواه بنویسید
مرسی. استاد میخوام وقتی لینک یا شیپ هاور میشه و رنگ متفاوت بهش میدم از سمت راست به سمت چپ هاور بشه. نه اینکه یه دفه هاور بشه.باید چکار کنم؟
سلام باید با خاصیت keyframe این کار رو انجام بدید. توی گوگل سرچ کنید در موردش بصورت کامل توضیحاتی داده شده. اگر متوجه نشدید بگید توی اپدیت بعدی آموزش توضیح بدیم خدمتتون
سلام استاد راستش متوجه نشدم اگه ممکنه تو آپدیت بعدی بگین. مرسی
چشم حتما این موضوع رو توضیح خواهیم داد.
استاد چطوری میشه داخل یه div یه div دیگه نوشت جوری که یه عمل متفاوت انجام بشه. مثلا div اول یه shape یا آیکون باشه وقتی روش میریم یه پنجره جدید باز بشه یا منوی جدید
سلام دقیقا مثل منوها عمل کنید div:hover > span{background:red}
استاد وقتی اینکارو میکنم درست میشه ولی باید دقیقا وقتی رو آیکون میرم اون منو باز بشه ولی اینجوری نیس وقتی با فاصله زیاد هم زیر اون آیکون موس رو میبرم باز اون منو یا اون باکس ظاهر میشه. opacity رو در حالت عادی صفر زدم و در حالت هاور ۱ زدم. مشکل چیه؟ چطوری باید درستش کنم؟
سلام شما باید visibility:hidden و یا display:none رو هم بهش بدید. با اینکار هست که هنگام قرار گرفتن روی آیکون فقط منو نمایش داده میشه
سلام استاد تو کد نویسی css میخوام height عکس رو در محصولات ووکامرس بیشتر کنم height همه عکسهای قالبم زیاد میشه . چکار کنم که فقط height عکس محصولاتم زیادتر بشه؟
درود.
از تنظیمات ووکامرس > پیکربندی > محصولات > نمایش، نگاره های محصول، می توانید سایز تصاویر محصول را تعیین کنید.
سلام پیشنیاز این دوره چی هست ؟؟
درود.
اطلاعات متوسط از CSS و HTML.
سلام
میبخشید ما قصد طراحی سایت موزیک رو داریم با یه پلیر موزیک و موزیک ویدئو اختصاصی از اونجایی که موزیک پلیر و ویدیو پلیر وردپرس قابلیت لینک دانلود و قابلیت لینک دانلود برای ویدیو ها رو به صورت چند کیفیتی نداره خواستم بدونم با این اموزش این امر هم میسر میشه . افزنه هایی هم که این قبلیت رو دارن مثل jw player متاسفانه نال شدشون که خوب نیست اصلشون هم قیمت بالایی داره با پرداخت به صورت ماهانه
ممنون میشم راهنمایی کنید
سلام خیر اما در صورت نیاز در آپدیت های بعدی در مورد موزیک پلیر ها و ویدیو پلیرها آموزش خواهیم داد
سلام خسته نباشید
راهی برای اتصال سایتی با برنامه نویسی html به درگاه پرداخت وجود داره؟
درود.
خیر، حتما باید از یک زبان برنامه نویسی مانند PHP، ASP و یا دیگر زبان های برنامه نویسی استفاده کنید.
با سلام و عرض ادب من میخواستم یک کتاب بهم معرفی کنید که آموزش کامل برنامه نویسی html وcss رو آموزش بده بصورت فارسی
سلام متاسفانه کتاب کاملی ندیدم چنین موردی رو باید با سرچ گوگل پیدا کنید.
سلام. چجوری میشه یه باکس طراحی کنیم مثلا به شکل دایره و بک گراندش رو یه فیلم بزاریم؟ آیا امکانش هست؟
بک گراند رو توی سی اس اس نمیشه فیلم گذاشت . برای قرار دادن فیلم در صفحه معمولا از شورت کد فیلم یا آیتم ویدیو روولوشن اسلایدر استفاده می شود
بله متوجه شدم ممنون استاد
شب خوشی داشته باشید
آیا با این آموزش میتوان فیلتر های مختلفی برای خصوصیات محصول ایجاد کرد.(مثلا بعد از انتخاب مبایل : فیلتر رنگ , سایز صفحه نمایش , برند شرکت ها , و غیره … ) اگر خیر , خواهشا راهنمایی بفرمایید با کدام آموزش میتوان به این فوت و فن دست یافت
سلام
این قسمت هایی که میفرمایید مربوط به ووکامرس هست که میتوانید از افزونه زیر استفاده کنید.
https://mihanwp.com/product-filter/
سلام. من در آموزش ديدم كه از position هاي absolute و relative استفاده مي شود. اما علتش رو متوجه نشدم.بخاطر چي از اين پوزيشن ها استفاده ميشه ؟
سلام . از absolute برای شناور کردن آیتم و از relative برای گرفتن ایتم absolute استفاده می شود. موقع استفاده در آموزش توضیح داده شده
آموزش طراحی قالب
شامل طراحی گرافیک انواع فرم ها میشود ؟
مثلا فرم ثبت فرم ورود فرم خرید
سلام
این کار نیاز به کد نویسی ندارد و میتوانید با افزونه یوزر پرو و فرم 7 انجام بدهید.
فرض کنید که از گرافیک یوزرپرو نخواسته باشم استفاده کنم .آِیا شکل گرافیکی فرم ها و گرافیک صفحات فرایند مراحل خرید یک کحصول را میتوانم با این آموزش درست کنم ؟ اگر خیر لطفا راهنمایی بفرمایید که با چه آموزشی میتوانم به این فوت و فن مسلط شوم
در گرافیک یوزرپرو تغییر بدهید خیر نمیتونید با این افزونه چون باید به کد نویسی مسلط باشید.
چگونه ووکامرس را با قالب سایت سازگار کنیم؟
برای اینکه افزونهای دیگر را نیز با قالب سازگار کنیم هم آموزشی داده شده ؟
سلام
در این آموزش یاد خواهید گرفت که قالب طراحی کنید که همه افزونه ها باهاش سازگار باشد.
سوالي دارم . وقتي كه آموزش ها تمام شد چطور ميتونم براي سايتي كه براي مشتري طراحي ميكنم قيمت گذاري كنم؟
درود.
بستگی به میزان مدت زمانی که می گذارید و کارهایی که انجام می دهید، خودتان قیمت گذاری کنید بر روی کار و با مشتری به توافق برسید.
قیمت به خصوصی مشخص نیست.
ميشه دقيق تر توضيح بديد كه چقدر ميشه.
درود.
این یک امر کاملا شخصی از سمت شمایی که طراح هستید برای مشتریتان می باشد، بسته به پروژه ای که در حال انجام آن هستید و کاملا توافقی.
يعني يك حداقل يا حداكثرمعيارهايي توي اين زمينه وجود نداره ؟
درود.
خیر، کاملا شخصی و دست خودتون هستش.
سلام . اين سايتي رو كه جناب حسيني طراحي كردن به عرف بازار چقدر قيمت داره ؟
سلام بستگی به نجربه طراح داره اما توی بازار بین ۱.۵ تا ۲.۵ میلیون تومن قیمت گذاری میشه
سلام . چه جوري ميتونم يك box در html طراحي كنم كه زماني كه صفحه سايت رو اسكرول مي كنم ، اين box از بيرون صفحه سايتمون وارد صفحه شود ؟
ابتدا باید به باکس position:fixed;left:-200px بدید سپس به hover اون باکس left:200px; رو بدید
سلام . اگه بخوام تو صفحه اصلی سایتم یک یا چند ویدیو داشته باشم که در پنل مدیریت هم بتونم عوض کنم تو html و css چجوری باید عمل کنم؟ ممنون
درود.
از لینک زیر و کدهای آموزشی آن استفاده کنید :
https://www.w3schools.com/html/html5_video.asp
ممنونم ویدیوها رو گذاشتم ولی آیا میتونم بعدا که پنل مدیریت وردپرس رو براش ساختم این ویدیو ها رو از اونجا تغییر بدم؟ اگه میشه بگید چجوری؟
درود.
شما در هر صفحه که مدنظر دارید، برگه ها و پست ها و یا حتی Custom Post Type های مختلف، ویرایشگر پیش فرض وردپرس را دارد که یکی از قابلیت های آن اضافه کردن ویدئو به محتوای آنهاست.
پس من ویدیو هامو با همین کدها بذارم تو هر پیجی که میخوام بعدا از وبرایشگر وردپرس میتونم عوضش کنم. درسته؟
خیر، شما فقط برای یک صفحه ایستا (Static) که فقط HTML باشد استفاده کنید، وگرنه برای وردپرس که قالب درست کنید، همانطور که گفته شد، به صورت پیش فرض این قابلیت وجود دارد.
چرا براي تگ هاي a مورد display رو برابر block قرار ميديم ؟( مورد topmenu)
درود.
برای نمایش به صورت یک بلاک.
سلام . سوالي دارم . اگر 3 تا DIV تودرتو داشته باشيم چطور ميتونيم در فايل css به داخلي ترين div اشاره كنيم ؟ (دستورش چيه)
درود.
برای سومین DIV یک کلاس و یا ID تعریف کنید و در استایل ها قرار دهید.
من در بعضي css ها نحوه ادرس دهي div رو به اين صورت مي بينم . اين به چه صورته ؟
} id .class1 .class2 .class3 #
{
استاد css reset رو استفاده کردم جواب نداد. div هم داخل div دیگه ای نیس. آقای حسینی راد هم تو فایل نمونه در آموزشهاشون برای body عرض ۱۲۰۰ تعریف نکردند.
درود.
شما گفتید می توان استفاده کرد؟ بنده هم گفتم بله، می توانید به Body تگ 1200px بدید در صورت دلخواه، به صورت پیش فرض Body خودش 100% هستش.
از آموزش پکیج از اول با دقت بیشتری استفاده کنید، در صورت وجود مشکل تیکت ارسال کنید.
سلام استاد وقت بخیر. یه سوال داشتم؟ اگه بخوایم عرض سایتمون ۱۲۰۰px در بیاد باید چکار کنیم؟ آیا باید در تگ body در css عرض رو ۱۲۰۰px تعریف کنیم؟ یا نیازی نیست؟
درود.
بله، باید Body را 1200 پیکسل قرار دهید.
اینکارو میکنم ولی وقتی navbar رو ۱۲۰۰ پیکسل یا ۱۰۰ درصد قرار میدم تمام عرض صفحه رو نمیگیره و ۷۰ یا ۸۰ درصد رو میگیره. چکار کنم که مشکلم حل بشه؟فقط زمانی که برای body عرض ۱۲۰۰ پیکسل تعریف نمیکنم navbar تمام عرض صفحه رو میگیره.
درود.
از CSS reset ها استفاده کنید و یا شاید DIV ای که مد نظر دارید در DIV دیگری قرار گرفته باشد و باید DIV اولیه را میزان width صحیح را تعریف کنید.
!important را نیز امتحان کنید.
سلام و عرض ادب
آیا این دوره پیش نیازی هم دارد یا تمامی مطالب در خود دوره مطرح شده است !؟
درود.
خیر، نیازی به پیش نیاز نیست ولی می توانید دوره کامل آموزش کار با وردپرس را اور بگذرانید.
و سوال بعدیم اینکه چطور میتونم برای یک دسته بندی یک قالب در قسمت برگه ها اضافه کنم
سلام توی این آموزش توضیح دادیم https://mihanwp.com/templates-for-different-categories/
سلام
من وقتی که برای قالبم دارم پنل میزنم میخوام به جای مثلا input در array یه تگ select بزارم که چند تا گزینه باشه تا بتونه اونا رو انتخاب کنه باید چیکار کنم؟؟؟؟
سلام به جای input بنویسید select و سپس مقدار به select بدید توی یه آرایه پی اچ پی
کدش چیه من متوجه نشدم میشه کامل توضیح بدید
دوست عزیز میشه کدش رو کامل برم بفرستید
درود.
تیکت بزنید، کد را ارسال کنم خدمتتان.
سوالي دارم . من تنوع قالب ها رو در سايت براي فروش مي بينم . سوالي كه دارم اينه كه اگه من دارم طراحي سايت رو آموزش مي بينم پس نقش قالب در اين مابين چيست ؟
سلام
در آموزش شما یاد میگیرید که چطوری یک قالب اختصاصی بنا به سلیقه خودتون طراحی و پیاده سازی کنید و به دانش کد نویسی مسلط بشوید.
سلام خسته نباشید میخوام این پکیج رو خرید کنم ایا میتونم با دیدن این اموزش سایتی همانند وبسایت شما طراحی کنم ممنون میشم جواب واضح تری بفرمایید.
سلام
شما با دیدن این آموزش میتوانید مفهوم کلی ساخت سایت را آموزش ببینید و بعد از آن میتوانید با سلیقه خودتون سایتی که میخواید رو طراحی و پیاده سازی کنید.
من تا جلسه ده این پکیج رو خوندم ….
ایا تو این دوره قالبی که طراحی میشه با صفحه ساز ویژوال کامپوزر سازگار میشه میشه؟
درود.
خیر، باید از پکیج آموزشی Visual Composer استفاده کنید.
لینک پکیج : https://mihanwp.com/visual-composer
دوست عزیز من پکیج ویژوال کامپوزر رو خریدم از شما !!!!!!!!!!!!!!!
ظاهرا سوال رو خوب نخوندید
من منظورم این بود که ایا برای استفاده از ویژوال کامپوزر در قالبی توسط خودمون طراحی میشه استفاده کرد یا اینکه باید قالب رو با اون سازگار کنیم
سلام
میتوانید از ویژوال کامپوزر استفاده کنید.
سلام من بخوام منو بالای صفحه فیکس بشه و وقتی پایین صفحه اسکرول میکنم نشون داده بشه چیکار باید بکنم
سلام توی جلسه آخر توضیح دادیم باید با استفاده از position:fixed بهش استایل ثابت بدید
وقتی پوزیشن فیکس میدم هدر میره زیر منو قرار میگیره چیکار باید بکنم که اینطور نشه
به منو یه margin-top بدید
سلام وقت بخیر. یه سوال دارم؟ استاد میشه کدهای html صفحات ووکامرس رو تغییر داد مثل کدهای css اون؟ اگه میشه چجوری باید به این کدها دسترسی پیدا کرد؟ ممنون میشم راهنمایی کنید.
سلام بله توی همین دوره توضیح داده شده
سلام. استاد آموزش طراحی قالب ووکامرس رو کی میذارید؟
درود.
طی مدتی نه چندان دور بر روی وب سایت قرار گرفته خواهد شد.
با سلام
يه پيشنهاد داشتم. اگه ممكنه وقتي يه محصولي رو آپديت مي كنيد، بفرماييد كه مربوط به كدوم بخش هستش كه ما راحت تر متوجه بشيم.
الان اين محصول آپديت شده و من قبلاً كل اين محصول رو دانلود كردم ولي نميدونم آپديت مربوط به كدوم بخشه.
ممنونم ازتون
درود.
لینک های محصول + تصویر آن به روز شده است.
سلام چون ذکر شده اموزش طراحی قالب ورد پرس با اموزش این دوره می توان به صورت 0 تا 100 طراحی فروشگاه اینترنتی را یاد گرفت یا فقط اموزش طراحی سایت است
باتشکر
درود.
شما زمانی که بتوانید یک سایت را طراحی کنید، سپس می توانید یک سایت فروشگاهی را طراحی کنید.
پس اول باید طراحی قالب وردپرس را بلد باشید.
سلام شرمنده بخوام این محصول رو برام ارسال کنید امکان پذیر است.
با تشکر
درود.
با دفتر واحد پشتیبانی در تماس باشید جهت پیگیری.
سلام آقای حسینی .
من پکیج آموزش طراحی وردپرسو تهیه کردم .
میخواستم مثل قالب صحیفه یا این قالب شما که پکیجارو نمایش میده .عکس نمایش بدم و حالت zoom داشته باشه .ممنون اگه راهنمایی کنید
درود.
کافیه در گوگل سرچ کنید : CSS zoom hover animation و موارد نمونه های مختلف را ببینید و در قالب به کار ببرید.
باعرض سلام و خسته نباشید خدمت تیم میهن وردپرس
بنده میخواستم این پک رو خریداری کنم قبلش یه چند سوال داشتم ممنون میشم پاسخ بنده رو بدید.
اول در مورد زبان های برنامه نویسی بود که html و css رو توی این پک توضیح میدید میخواستم بدونم برای طراحی های سایت های پیشرفته که در وبسایت راستچین هست آیا نیازی نیست که ما زبان php رو یاد بگیریم همین دو زبان کافی هست ؟ java توی این مبحث تدریس میشود یا خیر ؟
من بعد خریداری این محصول یک قالب میتوانم طراحی کنم و در وبسایت راستچین یا هر وبسایت دیگه ای برای فروش قرار دهم لطفا بنده رو راهنمایی کنید بسیار این مسئله برای من مهم هست که بعد از یادگیری کامل این آموزش بتونم یه وبسایت حرفه ای طراحی کنم ؟
باتشکر
سلام
خیر نیازی به php نیست چون با افزونه های وردپرس و خود وردپرس میتونید سایت طراحی کنید. البته php در حدی که بتونید قالب طراحی کنید توی این آموزش توضیح داده شده. برای مراحل بعدی میتونید آموزش php رو ببینید که به زودی در سایت منتشر می کنیم. خیر جاوا نیازی نیست
بله چون آموزش ساخت پنل مدیریت قالب رو توضیح دادیم بدون مشکل می تونید قالب وردپرس رو طراحی کنید و هر جایی به فروش برسونید.
با احترام
سلام و وقت بخیر .
ببخشید بنده با زبان برنامه نویسی HTML , CSS , JAVA SCRIPT آشنایی دارم . اگه این دوره رو خریداری کنم می تونم هر طرحی که دوست داشته باشم کد نویسی کنم ؟ آیا بهینه سازی و سئو تدریس میشه توی این آموزش ؟
و یک سوال دیگه ، به طور مثال در پایان این دوره آموزشی ، می تونم یک قالب مانند وب سایت سافت 98 و یا وب سایت دانلودلی طراحی کنم ؟
درود.
بله، به صورت کاملا اصولی تمامی موارد آموزش داده شده است.
ولی برای بهتر کار کردن سئو، پک سئو نیز موجود می باشد که می توانید تهیه کنید.
آهان بله خیلی ممنونم بابت راهنماییتون 🙂
موفق باشید .
سلام
من تقریبا توی برنامه نویسی وب هیچی نمیدونم آیا با این آموزش من میتونم یه قالب کامل و جامع مطابق دلخواه خودم از صفر طراحی کنم؟
جاوا اسکریپت هم توضیح داده نشده اون نیاز نمیشه؟ یا کمتر کاربرد داره توی برنامه نویسی وب؟
درود.
بله، آموزش کاملا جامع و کامل هستش.
نیازی به جاوا نیست، به دلیل اینکه قالب وردپرسی هست و نیازی ندارید.
با سلام و خسته نباشید
شرمنده من الان خواستم این محصول رو خریداری کنم. اما کد تخفیف رو نمیشه اعمال کرد در حالی که توی سایت هنوز تخفیف وجود دارد لطفا راهنمایی فرمائید میخوام این محصول رو تهیه کنم تخفیف هم تو سایت شما هست ولی نمیشه خریداری کرد.
با تشکر
درود.
خیر متاسفانه، تخفیف به اتمام رسیده است، تصویر تا فردا از وب سایت حذف می گردد.
ببخشید آقای حسینی نمیشه درس دوم رو یه خورده ساده تر و آهسته تر توضیح بدید
من کاملا مبتدی هستم با واژه ها زیاد آشنا نیستم
درود.
آموزش به صورت ساده بیان شده است.
شما محصول را خریداری نکرده اید!
سلام
میخواستم بدونم که در این دوره html و Css به طور کامل آموزش داده میشه و پس از پایان دوره تسلط کامل در این دو را دانشجو فرا میگیره یا خیر ؟
و سوال بعدی اینکه از نظر تیم خودتان دوره شما نسبت به دوره های آموزشی وب سایت های همسایه که شاید چند برابر دوره آموزشی شما هزینه داشته باشه چه تفاوتی داره و یا مشابه آن ها می باشد یا خیر
درود.
شما پس از طی کردن این دوره آموزشی قادر خواهید بود تا یک قالب اختصاصی برای وب سایت خود با تمامی امکانات بسازید.
با عرض سلام من اگر بخواهم سبد خیریدم عین دیجیکالا باشد آیا با این آموزش میتوانم طراحیش کنم یا خیر
کجاهاش میشود و کدوم قسمتهایش نمیشود
سلام ببینید توی این آموزش کد نویسی رو بصورت کامل توضیح دادیم و با دیدن آموزش می تونید هر طرحی که دوست دارید رو طراحی کنید نه تنها مواردی که توضیح داده شده
معذرت میخوام دوباره سوال میپرسم
چه طور امکان دارد تمام خصوصیات سبد خرید دیجیکالا رو طراحی کردش؟
1- مثلا یک مبایل رو در نظر بگیرین که 4 رنگ متفاوت دارد . من در وردپرس مجبورم 4 رنگش رو جداگانه در محصول اضافه کنم (قالب نیلسون رو خریداری کرده ام)
2- یا فیلترینگ برای هر محصولی به صورت جدا گانه (چون هر محصول ویژگیهای خود را دارد)
و کلام آخر اینکه ما وردپرسی ها , محدود به ووکامرس و بقیه ی افزونه های ووردپرس, مگر نیستیم پس چه طور میشود که مثل سایت دیجیکالا طراحی کرد؟؟؟؟؟؟؟؟؟
سلام باید با این آموزش ابتدا یاد بگیرید سی اس اس رو. سپس با کدنویسی php سبد خرید دلخواه رو طراحی کنید. ما وردپرسی ها محدود به قالب ها و افزونه ها نیستیم. میتونید با کد نویسی اختصاصی اینکار رو انجام بدید
باسلام بسیار دوره جامع و کاملی بود و من به کمک اش تونستم.قالب سایتم را طراحی کنم.
ممنون.
با سلام بنده به عنوان یک مبتدی یه سوال داشتم
بستر ورد پرس مثل وبلاگ ها هستن یعنی ما می تونیم با وردپرس سایت بسازیم بدون اینکه هزینه ای مثل هاست و دامنه داشته باشیم و مثل وبلاگهایی نظیر بلاگفا می تونیم سایت بسازیم یا اینکه نه باید اول هاست و دامنه سایت رو بخریم و سپس با وردپرس مدیریتش کنیم
سلام خیر مانند بلاگفا نیست، باید در ابتدا هاست و دامنه تهیه کنید سپس با استفاده از قالب های وردپرس سایت خود را راه اندازی کنید.