دوره مجازی قالب وردپرس (جلسه 11) : کدنویسی اسلایدر و تبدیل آن به html و css

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

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

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

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

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

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

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

جلسات دوره

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

نازمحمد گری

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

fontawesome-webfont.woff:1 Failed to load resource: the server responded with a status of 404 (Not Found)
fontawesome-webfont.ttf:1 Failed to load resource: the server responded with a status of 404 (Not Found)
نازمحمد گری

با سلام
مشکلی که در بالا اشاره کردم حل شد ممنون/.

Mohammad Reza Kiani

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

HTML : 
<!–StartHeader–>
    <header id="top-header">
        <div class="container">
         <div id="logo">
            <a href="http://hessfilm.ir/">
                <img  width="150" height="150" src="img/2.png" alt="آمازون">
                <h1>باکس اکانت</h1>
            </a>
        </div>
            <div id="contact-bar">
                <a href=""><i class="fa fa-mobile"></i>|</a>
                <a href=""><i class="fa fa-map-marker"></i>|</a>
                <a href=""><i class="fa fa-globe"></i></a>
            </div>
        </div>

      </div>
    </header>

<!–EndHeader–>


CSS :
/*start header*/
#top-header{
    height: 200px;
    width: 1005%;
}
#top-header #logo {
    float: right;
    margin: 30px 10px 10px 10px;
}
#top-header #logo a {
    text-decoration: none;
}

#top-header #logo a h1{
    display: inline-block;
    font-family:yekan ;
    color : #1A3C40;

}
#top-header #contact-bar {
    float: left;
    padding-top: 70px;
    font-size: 25px;
}
/*End header*/
زارعی هوشیار

مرسی….همون چیزی که حدس میزدم
تشکر از پاسختون….

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

سلام دوست عزیز. ممنون. id برای الصاق یک شناسه منحصر به فرد به المنت مورد نظر در صفحات html به کار میره در حالی که name معمولا برای تگ های اطلاعات در form ها استفاده میشه تا با استفاده از این name اطلاعات اونها در سمت سرور قابل دریافت باشه.مطمئن نیستم ولی فکر میکنم نسبت به خود شی جا به جایی داره.

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

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

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

نیاز به لاگین

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