گروه آموزش طراحی سایت 09 اردیبهشت 1394 8 1764 بازدید دوره مجازی آموزش طراحی قالب وردپرس

یکی از امکانات بسیار خوبی که وردپرس برای طراحان قالب های وردپرس فراهم کرده است، امکان تعریف جداگانه ی فایل هدر – Header است. و اما چرا این قابلیت سودمند است؟ به این دلیل که در بسیاری از مواقع ما نیاز داریم تا هدر – Header یکسانی را در صفحات مختلف وب سایت وردپرسی ای که برای آن قالب طراحی می کنیم، داشته باشیم، به عبارت دیگر بخش هدر صفحات سایت ما در تمامی template file های پوسته ی وردپرس ما یکسان است.

بنابراین وقتی هدر سایت در صفحه ی اصلی، صفحه ی داخلی برگه ها، صفحه ی داخلی نوشته ها، صفحه ی نتایج جستجو، صفحه ی دسته بندی ها، صفحات آرشیو، صفحه ی خطای 404 و … یکسان باشد، اگر ما نیاز به تغییری در هدر داشته باشیم، با یک مشکل بسیار اساسی مواجه خواهیم بود! و آن اینکه باید در تمامی template file هایی که ایجاد کرده ایم، این ویرایش را انجام بدهیم! فرض کنیم لازم باشد یک تغییر را در index.php، page.php, single.php, search.php, 404.php و … ایجاد کنیم! واقعا کار تکراری ای است که مطلوب نیست و فقط باعث افزایش احتمال بروز خطا و همچنین افزایش مدت زمان طراحی قالب وردپرس مان می شود.

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

آن چه در این فیلم آموزش طراحی قالب وردپرس ارائه میگردد:

  • آموزش تفکیک بخش هدر
  • ساخت فایل header.php
  • آموزش کار با تابع get_header در طراحی قالب وردپرس
  • علت تفکیک بخش هدر و ساخت فایل جداگانه با نام header.php

جهت دانلود فیلم آموزشی مربوطه به همراه قالب وردپرسی که تا این بخش ساخته ایم، روی لینک زیر کلیک نمایید:

خرید این فیلم آموزشی به صورت تک (2200 تومان) :
22,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش طراحی قالب وردپرس قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (8)




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

    • گروه آموزش طراحی سایت

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

  2. احمد

    سلام.

    من نیاز دارم تا در نویگیشن سایت، تمام عنوان های یک پست خاص رو (در واقع post type است) به صورت زیرمنو در یکی لینکهای نویگیشن قرار بدم.
    منتها از اونجایی که نویگیشن در فایل header.php قرار داره، من نمیتونم از حلقه اصلی وردپرس استفاده کنم تا عناوین پست هارو بیرون بکشم.
    آیا راه حلی وجود داره که این کارو انجام بدم؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      دقیق متوجه منظور حضرتعالی نشدم، اما برای پاسخ به نیاز کوئری هایی که با حلقه ی اصلی وردپرس قابل انجام نیستند، امکان custom query وردپرس باید مورد استفاده قرار بگیرد. آموزش کار با query_posts و wp_query در این دوره آموزشی برای این کار در نظر گرفته شده اند.

      • احمد

        ببینید من نیاز دارم که عناوین پست هارو در فایل header.php فراخوانی کنم. اگر ممکنه راهنمایی بفرمایید که چطور میتونم این کارو انجام بدم.
        ضمنا پست معمولی نیستن٬ در واقع از post type ها استفاده کردم برای ایجاد یک نوع پست خاص.

        • گروه آموزش طراحی سایت

          شما نیاز دارید تا از تابع query_posts در وردپرس استفاده بفرمایید و آن را در header.php اجرا بفرمایید.

  3. داوود

    به نام خدا
    جناب آقای مهندس آبسالان، دوست و استاد عزیزم، واقعا از آموزشهای خوبتون ممنون و متشکرم. راستش رو بخواین اصلا فکر نمی کردم دنیای وردپرس اینقدر گسترده و وسیع باشه، فکر می کردم خیلی محدودتر و کوچیک تر از این حرفاست. ببخشید چند تا سوال برام پیش اومده که اگه اشکال نداره اینجا ازتون می پرسم. اگه احیانا دیدین از قانون مربوطه تخطی کرده و در قسمت مربوطه سوال نپرسیدم، لطفا تذکر بدین. ممنونم ازتون.
    1- با توجه به انعطاف پذیری بالایی که در این قسمتهای آموزش من دیدم در ورد پرس وجود داره، آیا سایر سیستم های مدیریت محتوای دیگر هم(بخصوص جوملا و دروپال مد نظرم هستش) همینگونه هستن و در واقع اصول و روش کار(مثل برنامه نویسی) یکی هستش؟؟ یعنی با یادگیری وردپرس میشه گفت اونها رو هم تقریبا یاد گرفتیم؟؟
    2- تو این آموزش شما فرمودین که به اسلاید بار margin-top منفی رو اعمال کردین، من شنیده بودم که تا حد امکان از دادن مقادیر منفی به گزینشگرها خودداری کنیم. آیا درست شنیدم یا اینکه در صورتی که کم استفاده کنیم ایرادی نداره؟؟؟؟
    با تشکر و سپاس از شما.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      1- خیر؛ هر سیستمی کاملا روش جداگانه ای دارد؛ اما مکانیزم کار وردپرس به گونه ای بوده که در حال حاضر بهترین سیستم مدیریت محتوا و پرکاربردترین آن ها شناخته میشود.
      2- اگر تداخلی در زمینه ی کار در مرورگرهای مختلف و … ایجاد نکند هیچ مانعی در این مورد وجود ندارد.