دوره مجازی قالب وردپرس (جلسه 10) : کدنویسی header و منوی اصلی قالب در html و css



visibility  
mode_comment   ۳۵

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

در این جلسه خواهیم دید :

  • پیاده سازی بخش لوگو
  • پیاده سازی بخش اطلاعات تماس با ما در header
  • پیاده سازی منوی اصلی وب سایت

info توجه

این مطلب یک جلسه از آموزش طراحی قالب وردپرس حرفه ای می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی قالب وردپرس حرفه ای

comment دیدگاه کاربران
sajadprm replyپاسخ

سلام استاد
من یک قالب ورد پرس ایجاد کردم ولی در قسمت مطالب اولین پست من تاریخ رو نشون میده ولی پست های زیر اون تاریخ رو ندارند دز صورتی که من از if و حلقه استفاده کردم مشکل کار من کجاست ؟
آدرسش سایت هم http://residentialarad.ir هست ممنون میشم ملاحظه کنید و ایراد من رو بگید با تشکر 🙁 🙁

کیوان علی محمدی

سلام باید کدت رو قرار بدی تا بررسی کنم.

حمید رضا مصطفی زاده replyپاسخ

سلام استاد
اون حالت transtion که برای hover میگذارید داخل phpstorm پیش فرض برای مرورگرهای دیگه هم داره (moz- و ….) میگذاره
نمیشه از فایل پیش فرض های مرورگرها استفاده کنید که دیگه نخواید اون قسمت هاش رو بنویسیم و تعداد خط کدمون کمتر بشه؟
ممنون

کیوان علی محمدی

سلام من منظورتون رو درست متوجه نشدم.بیشتر توضیح میدین.

sara salami replyپاسخ

سلام استاد پنل کاربران رو به صورتی که مثل پنل پیش فرض وردپرس نباشه باید باافزونه ایجادکنیم که مثلا کاربرواردمیشه وبایدیکسری مشخصاتشو تکمیل کنه و… کاملا کاستمایزباشه یا اینکه بدون افزونه هم میشه .ممنونم .میشه شما نحوه درست اونو پیاده کنید.

کیوان علی محمدی

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

sajadprm replyپاسخ

کجا کد ها رو قرار بدم ؟
تو این قسمت با شکل مطلوبی نمایش داده نمی شود
برای شما ایمیل می کنم

کیوان علی محمدی

باشه بفرستین بررسی میکنم.

sajadprm replyپاسخ

آقای محمدی ایمیل تون رو چک کنید من برای شما ارسال کردم

کیوان علی محمدی

چشم حتما.

حمیدرضا replyپاسخ

سلام
قسمت 10 از زمان 13:30 مشکل داره و پخش نمیشه

وحید صالحی

اگر دانلود کردید احتمالا ناقص دانلود شده مجددا دانلود کنید

رضا سهرابی replyپاسخ

سلام جناب علی محمدی. من هر کاری میکنم کد مربوط به عکس-لوگو- تو مرورگر نشون نمیده کداشو هم چک کردم درسته اما بجای عکس مقدار خصوصیت alt رو نشون میده توی تنظیمات فایرفاکسم چک کردم که محدودیتی واس نمایش عکس ها اعمال نکردم!!
میخواستم بدونم مشکل از کجاس و راه حلش چیه؟ روت عکسم درست وارد میکنم!
لطفا هر چه زودتر پاسخ بدید خیلی وختمو گرفته. با تشکر

کیوان علی محمدی

سلام از قسمت inspect element آدرس تصویر رو چک کنید و سعی کنید همون آدرس رو در یه تب جدید باز کنید. اگه ادرس درست باشه پس مشکل یا از کدهای html یا از کدهای css هستش.

سحر بشری replyپاسخ

سلام اقای علی محمدی وقتتون بخیر .فصل ده از دقیقه 20 که position که relative. و absoulte میشه متوجه نمیشم اون قسمت before هم نمیدونم چطور میشه میدونم که کاراییشون چیه اما از استفاده این ها برای این قالب ک توضیح میدین متوجه نمیشم میشه لطفا ی توضیح مختصری بدین.ممنونم

کیوان علی محمدی

سلام. لطفا برای بنده ایمیل کنید.

محمد پارسا کوشش replyپاسخ

سلام اقای علی محمدی عزیز
یک سوال داشتم . سوال من اینکه من منوی اصلی ام را ساخته هم فقط الان خواستم زیر منو هم را طراحی کنم. لطفا بگویید چگونه این کار را بکنم؟

کیوان علی محمدی

برای طراحی زیر منو باید در قسمت مدیریت منوها برای گزینه های مورد نظرتون زیر منو ها رو ایجاد کنید. سپس در قسمت نمایش قالب این گزینه ها نمایش داده میشه که باید با کدهای css حالت نمایش این زیر منو رو تعیین کنید.

محمد پارسا کوشش replyپاسخ

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

کیوان علی محمدی

سلام. می تونید از این مطلب کمک بگیرید.

محمد پارسا کوشش replyپاسخ

با سلام اقای کیوان علی محمدی من تقریبا 5 روز یا شاید هم بیشتر است که سوال پرسیدم ولی پاسخ ندادید.پشتیبانیتان ضعیف شده است . لطفا پشتیبانیتان را مانند قبل قوی کنید . حالا امید وارم به این سوالم پاسخ دهید . من وقتی یک متنی را در یک مثلا مکهبی می نویسم خب وقتی عرض تمام شد می رود یک خط دیگر می سازد . حالا مشکل اینکه وقتی خط جدید ساخته شد چپ چین است و از سمت چپ به راست می اید . لطفا بگویید با چه کدی این را درست کنم.باتشکر

کیوان علی محمدی

سلام دوست عزیز. متاسفانه اصلا سوال شما رو ندیدم که بخوام پاسخ بدم با این حال عذرخواهی می کنم. برای مشکلتون فکر کنم اگر direction رو با مقدار rtl ست کنید و هم چنین از text-align با مقدار right استفاده کنید مشکلتون حل بشه.

علی رضا موذن replyپاسخ

آقا این بخشو ما چی جوری دانلود کنیم خوب؟ ما دوره رو خریدیم دوباره بیاییم vip بخریم ؟؟؟؟

کیوان علی محمدی

این مشکل مربوط به قالب جدید بود که حل شد.

محمد پارسا کوشش replyپاسخ

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

پشتیبانی سون لرن

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

Mohammad Reza Kiani replyپاسخ

چطوری می تونم این باتن رو به هدر سایت اضافه کنم؟

ممنون

Mohammad Reza Kiani

https://www.7learn.com/code/create-beauty-and-attractive-code-buttons-depth-effect

منظورم این باتن است

مرتضی مهاچر replyپاسخ

سلام علیکم خدا قوت
اون خط های عمودی کنار سه تا آیکون هدر (نامه – لوکیشن – تلفن) رو از کجا پیدا کنم وارد کنم ؟ توی صفحه کیبرد نتونستم پیدا کنم
تشکر

مرتضی مهاچر

|
|

منظورم این خط هاست |

کیوان علی محمدی

سلام معمولا این کاراکتر روی کلید های نزدیک یا زیر enter قرار داره.

E M replyپاسخ

سلام
برای من فایل index.html به صورت صحیح در کروم و فایرفاکس نمایش داده می شود، از طریق آدرس 7learn.html در کروم استایل ها نمایش داده نمی شود(به نظر می رسد فقط فایل HTMLاجرا می شود) ولی در فایرفاکس صحیح نمایش داده می شود(صفحه به صورت کامل لود می شود). از نظر شما مشکل کجاست؟ متشکرم

کیوان علی محمدی

سلام مشکلی نباید وجود داشته باشه از لحاظ مرورگر ها. حتما آدرس ها رو چک کنید

سبحان توکلی replyپاسخ

با سلام
میخواستم بدونم که در چه صورت میشه width و height متعلق به border تگ before به صورت داینامیک با توجه با طول متن و فونت سایز که درونش هست تنظیم بشه؟

کیوان علی محمدی

سلام باید با javascript اینکارو انجام بدید.

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.