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

دسته بندی: وردپرس
زمان مطالعه: 1 دقیقه
۰۱ مهر ۱۳۹۴

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

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

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

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

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

چه امتیازی به این مقاله می دید؟
نویسنده
یادگیرنده ی همیشگی،برنامه نویس،نویسنده،عاشق خلق چیزهای عجیب،عاشق تحلیل داده ها، مسئول بخش فنی و هم بنیان گذار در سون لرن.

جلسات دوره

نظرات کاربران

سبحان توکلی

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

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

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

E M

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

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

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

مرتضی مهاچر

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

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

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

مرتضی مهاچر

|
|

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

Mohammad Reza Kiani

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

ممنون

Mohammad Reza Kiani

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

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

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

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

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

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

علی رضا موذن

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پایان زمان پشتیبانی

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

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

نیاز به لاگین

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