آیا می دانید تا کنون 8184 نفر در 16 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی قالب وردپرس (جلسه 9) : تبدیل بخش منوی بالای قالب به html و css

48 3648 ۲۹ شهریور ۹۴
با سلام.در خدمت شما هستیم با نهمین جلسه از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس.در این جلسه بخش دوم دوره ما که تبدیل قالب طراحی شده به Html و Css هست رو شروع می کنیم.ابتدا یک هاست مجازی با آدرس 7learn.html ایجاد می کنیم تا کدهای Html رو اونجا قرار بدیم و بعد از اون ساختار فایل ایجاد می کنیم و بعدشم هم میریم سراغ کد نویسی منوی بالای قالب.با ما باشید :) در این جلسه خواهیم دید :
  • ایجاد هاست مجازی 7learn.html
  • پیاده سازی قالب آماده Html5Boilerplate
  • پیاده سازی بخش منوی بالای سایت
  • پیاده سازی بخش لینک های شبکه های اجتماعی منوی بالای سایت
این مطلب یک جلسه از دوره مجازی آموزش جامع طراحی قالب حرفه ای وردپرس است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : بعد از درخواست های فراوان دوستان برای برگزاری دوره آموزش طراحی قالب وردپرس به صورت حرفه ای و تلاش سون لرن برای انجام مقدمات برگزاری دوره بالاخره انتظار ها به پایان رسید.در این دوره یک قالب حرفه ای و مردن با افکت های زیبا را به همراه کد نویسی بهینه و هم چنین امکانات متعدد یک وب سایت دانلود و آموزش را با هم پیاده سازی خواهیم کرد.برای راحتی کار دوره به سه بخش کلی تقسیم شده که بخش اول طراحی قالب در فتوشاپ - بخش دوم تبدیل قالب طراحی شده به HTML و CSS و بخش سوم هم پیاده سازی قالب با امکانات حرفه ای در وردپرس هست.چنانچه قبلا در دوره های دیگر سون لرن شرکت کرده اید این دوره علاوه بر آموزش کامل وردپرس تمرینی بسیار حرفه ای برای شما خواهد بود و هم اکنون با محتوایی غنی تر و حرفه ای تر و قیمتی بسیار کمتر از آن چه در دوره های حضوری وجود دارد می توانید در آن ثبت نام کنید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 48 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام
    نام کلاس های Font-Awesome برای شبکه های اجتماعی به طور مثال class=”fa fa-facebook-square” بود ولی در css از fa اولی چشم پوشی کردیم چرا ؟ ( i.fa-facebook-square )

    • ‏‏
      کیوان علی محمدی(۱۰ بهمن ۱۳۹۴)

      سلام چون کلاس اولی مشخصات و استایل های کلی هر آیکن رو داره و ما نباید تغییرش بدیم و کلاس دوم هم محتوای آیکن که همون شکل گرافیکی هست رو مشخص میکنه و ما به همون استایل رنگ و … اعمال می کنیم.

  • ‏‏

    سلام
    میخواستم بدونم چطور رنگ زمینه PHPStorm رو از سفید به رنگ تیره ببرم
    واسه من ورژن 10 هست
    با تشکر

    • ‏‏
      وحید صالحی(۲۳ اسفند ۱۳۹۴)

      به مسیر زیر برید
      flie->setting->appearance &behavior
      بعد از پنجره سمت راست قسمت UI Option گزینه theme مقدارش رو تغییر بدید و مثلا گزینه Darcula رو انتخاب کنید بعد از apply کردن از همون مسیر بالا به قسمت Editor برید و گزینه Colors & Fonts رو انتخاب کنید و از پنجره سمت راست یکی از گزینه های Scheme رو انتخاب کنید منظور رنگ مورد نظر هست
      در ضمن اینگونه سوالات رو در انجمن مطرح کنید

  • ‏‏
    امین عظیمی(۲۷ فروردین ۱۳۹۵)

    سلام . خسته نباشید
    من برای تعریف هاست مجازی تو مرحله ای که باید داخل پوشه etc میرفتم به مشکل خوردم
    فایل hosts برای من موجود نیست
    چه کار باید کرد؟
    تو ویدیو آموزشی تاریخ ایجاد این فایل دقیقا همون روز و همون ساعتی هست که آموزش داره رکورد میشه، پس ظاهرا باید ایجادش کنم درسته؟

    • ‏‏
      کیوان علی محمدی(۲۸ فروردین ۱۳۹۵)

      سلام. چک کنید فایل مخفی نباشه و اگر مخفی نبود ایجادش کنید.

  • ‏‏
    امین عظیمی(۲۷ فروردین ۱۳۹۵)

    برای ایجاد آیکن منوی تاپ بار از تگ i استفاده شد
    تا جایی که من میدونم این تگ برای ایتالیک کردن متن استفاده میشه
    کاربرد دیگه ای هم داره؟
    میشد از تگ b هم برای اینجا استفاده کرد؟

    • ‏‏
      کیوان علی محمدی(۲۸ فروردین ۱۳۹۵)

      سلام موردی که شما گفتین در html 4.01 بود و در html5 ضروری نیستش برای همین کتابخانه های نمایش فونت از این تگ بیشتر استفاده می کنن.

  • ‏‏
    پرستو کفیلی(۸ خرداد ۱۳۹۵)

    salam
    man in dore ro kharidam. cd ro ham kharidam , vali hanoz baram ersal nashode.
    fekr konam yek ya do hafte pish cd ro kharidam. shomareye peigiri ro ham daram 🙁

    • ‏‏
      لقمان آوند(۸ خرداد ۱۳۹۵)

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

  • ‏‏
    mostafa saedi(۳ مرداد ۱۳۹۵)

    عرض سلام و احترام خدمت مدرس محترم
    آقای محمدی من از پلت فرم html5boiler استفاده می کنم برای ایجاد منوی تاپ بار کدهای مربوطه رو وارد می کنم ولی چیزی نمایش داده نمیشه در css وقتی بکگراند رو در body تغییر می دم تغییر می کنه ولی برای ایجاد منوی top bar هر کاری می کنم نمایش داده نمیشه حتی از فایل های تمرین استفاده کردم بازم نمایش نداد کلافم کرده لطفا راهنمایی کنید.
    با تشکر

    • ‏‏
      کیوان علی محمدی(۸ مرداد ۱۳۹۵)

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

  • ‏‏

    با سلام و تشکر بابت آموزش های مفیدتون

    من قالب وردپرسم ، وقتی پلاگین های مختلف و نصب می کنم ، style اون ها رو برام لود نمی کنه .
    مجبور می شم داخل css های خودم به کلاس های پلاگین style بدم .

    مشکل از کجا است و چه طوری می توان مشکل را حل کرد ؟
    ممنون

    • ‏‏
      کیوان علی محمدی(۱۵ مرداد ۱۳۹۵)

      سلام تابع wp_head در قالبتون اضافه شده؟

      • ‏‏

        نه من خودم header را می نویسم توابع مثل wp-header یا wp-footer را صدا نمی زنم .

        • ‏‏
          کیوان علی محمدی(۱۷ مرداد ۱۳۹۵)

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

  • ‏‏
    محمد پارسا کوشش(۲۴ فروردین ۱۳۹۶)

    سلام یک سوال داشتم
    سوال من اینکه من توی کد نویسی خواستم یک عکسی را پس زمینه ی هدرم کنم مانند سایت ای نتورک و آرمانیک . بعد گفتم برای این کار که عکس ، عرضش full بشه و … ودقیقا مثل سایت ای نتورک بشه باید چه کد هایی به قالب اضافه کنم ؟

    • ‏‏
      کیوان علی محمدی(۲۵ فروردین ۱۳۹۶)

      سلام. شما می تونید مثال های زیادی با سرچ عبارت hero image with css بدست بیارید و کدهاش رو استفاده کنید

  • ‏‏
    محمد پارسا کوشش(۲۶ فروردین ۱۳۹۶)

    با سلام یک سوال دیگه هم داشتم. سوالم اینکه که من یک مستطیلی ساختم و در CSS یک border radius دادم و خواستم یک نوشته در آن قرار دهم ولی هرچی پدینگ و مارجینگ می دهم متن جابه جا نمی شود . حالا من باید چه کدی اضافه کنم؟

    • ‏‏
      کیوان علی محمدی(۲۷ فروردین ۱۳۹۶)

      سلام. سوالتون خیلی واضح نیست ولی بهتره متن رو بر اساس text-align و خاصیت های دیگه تنظیم کنید. می تونید متن رو داخل یک تگ p قرار بدین و بعدش به تگ p استایل بدین.

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره مجازی آموزش جامع طراحی قالب حرفه ای وردپرس است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram