گروه آموزش طراحی سایت 29 فروردین 1394 15 1798 بازدید دوره مجازی آموزش طراحی قالب وردپرس

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

یکی دیگر از مطالب و نکاتی که شاید تا الآن نیز به ذهن شما رسیده باشد، این است که نحوه ی برقراری ارتباط میان یک قالب وردپرس و افزونه های وردپرسی که در یک سایت مورد استفاده قرار میگیرند، چگونه ارتباط برقرار میشود؟ مثلا وقتی یک افزونه ی وردپرس از کدهای جاوااسکریپت – جی کوئری خاص خودش استفاده می کند و یا نیاز به فایل های CSS مورد نیازش دارد، چگونه این ارتباط دهی ها انجام میشود؟

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

آن چه در این فیلم آموزش وردپرس تقدیم تان میگردد:

  • آموزش کار با تابع language_attributes وردپرس و نمایش اطلاعات زبان و سو (جهت) صفحه ی وب در قالب وردپرس
  • آموزش نحوه ی صحیح استخراج و نمایش charset صفحه ی وب در قالب وردپرس
  • آموزش تابع wp_head در وردپرس، نحوه ی استفاده از آن و موقعیت قراردهی اش در قالب وردپرس
  • آموزش برقراری ارتباط میان قالب وردپرس و افزونه های مورد استفاده در وردپرس به وسیله ی تابع wp_head
  • آموزش مخفی (پنهان) سازی نسخه (ورژن) وردپرس با استفاده از قرار دهی کدهای مربوطه در فایل functions.php قالب وردپرس
  • آموزش مقدماتی (در حد آشنایی کلی) کار با تابع remove_action در وردپرس

آموزش کار با تابع wp_head در قالب وردپرس

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

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

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

دسترسی سریع :

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



  1. توسعه دهنده وب

    سلام
    واقعا از این جلسه لذت بردم
    می بخشید یک سوال : آیا با وجود تابع language_attributes()
    بازم نیازی به تعریف خصیصه dir=rtl خواهد بود ؟

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

      با عرض سلام و احترام خدمت شما
      خیر دیگر نیازی به تعریف dir=rtl نخواهد بود.

  2. احمد

    منظور از template page در کامانت بالا، همون custom template است.

  3. احمد

    در رابطه با تعیین direction برای قالب یه ابهامی وجود داره.
    من معمولا direction رو به تگ html نمیدم بلکه توی فایل css میام و direction رو به تگ های html و body میدم.
    اخیرا داشتم یک پلاگین جی کوئری روی یک قالب html کار میذاشتم و هر کاری میکردم پلاگین تنظیم نمیشد و قالب بهم میریخت. تا اینکه فهمیدم چون به کل صفحه خصوصیت direction:rtl دادم، یاعث شده که اون پلاگین بهم بریزه.
    بنابراین خصوصیت direction:rtl رو از تگهای body و html حذف کردم و برای هر کدوم از لایه های اصلی قالب به صورت جداگانه خصوصیت direction:rtl رو نوشتم؛ و برای لایه ای که اون پلاگین جی کوئری قرار داشت، خصوصیت direction:rtl رو ننوشتم تا پلاگین کار کنه.

    حالا سوال من اینه که اگر با روشی که شما گفتید برای کل صفحه خصوصیت direction:rtl رو تعریف کنیم، ممکنه باز مشکلی که من در رابطه با اون پلاگین جی کوئری داشتم، پیش بیاد.

    راه حل چیه؟

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

      با عرض سلام و احترام خدمت شما
      اول اینکه توجه داشته باشید صفت direction در html با مشخصه ی direction در CSS متفاوت اند.
      دوم اینکه در این حالت هم دقیقا میتوانید به همان روشی که برای قالب HTML خودتان اقدام میکردید، کار کنید. یعنی direction کلی صفحه با تعیین در تگ html به صورت rtl باشد و سپس برای همان تگ خاصی که مشکل دارید، یک صفت direction دیگر تعریف کنید و مقدار آن را ltr بگذارید. (در حقیقت کافیست یک بار کل صفحه را rtl تعریف کنید، سپس تنها در همان بخشی که مشکل پلاگین jQuery را دارید، فقط آن را به صورت ltr تعریف کنید)

  4. احمد

    سلام.

    توی فیلم اشاره کردید که میتونیم برای تابع ()body_class شرط بذاریم اگر در فلان صفحه یا برگه یا دسته بندی بودیم، کلاس های خاصی رو به تگ body اضافه کنیم و اگر نبودیم کلاس های دیگه ای رو اضافه کنه یا نکنه.

    چطور باید این کارو انجام بدیم؟ اگر یک مثال بزنید ممنون میشم.
    البته اگر در ادامه اموزش ها این مسئله گنجونده شده، صبر میکنم تا نوبت سرفصلش برسه.

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

      با عرض سلام و احترام خدمت شما
      بله در ادامه ی آموزش ها چنین سرفصلی را داریم.

      • احمد

        خواهش میکنم اگر امکان داره، از حالت شرط گذاشتن برای تابع ()body_class یک مثال بزنید.

        البته فرموده بودید که در ادامه همچین آموزشی رو دارید؛ اما من الان برای یک پروژه ای نیاز دارم که برای تابع ()body_class شرط بذارم که اگر در فلان صفحه بود، کلاس خاصی رو به body اضافه کنه. برای یک صفحه خاص هم نیس بلکه برای چند تا صفحه باید از این شرط استفاده بکنم.
        اگر صلاح نمیدونید که در کامنتها پاسخم رو بدید، لطف کنید پاسخ رو ایمیل بفرمایید.

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

          با عرض سلام و احترام خدمت شما
          ببینید مثلا وقتی میخواهید در صفحات داخلی یک class خاص را به body اعمال کنید، میتوانید شرط بگذارید، مثلا به صورت:
          if(is_single()) YOUR CODE
          در عبارت بالا تابع is_single چک می کند که در صفحه ی داخلی هستید، چه کاری انجام بشود. بنابر این میتوانید نام کلاس سی اس اس مورد نظرتان را به یک متغیر اعمال بفرمایید و در نهایت همان متغیر را در داخل تابع body_class بعنوان آرگومان تابع به کار بگیرید، همچنین میتوانید این شرط را بر اساس آیدی برگه و یا مطلب وردپرسی مربوطه نیز بگذارید. منتها همه چیز بستگی به این دارد که دقیقا برنامه شما و هدفی که در کارتان دارید، چه باشد؛ چرا که شرط های مختلف زیادی را میتوان در نظر گرفت و بیان کرد.

          • احمد

            ممنون از پاسختون.

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

            توی این سایت چندتا صفحه هست که در واقع template page هست؛ نمیدونم اسمش رو درست گفتم یا نه. منظورم صفحاتی هست که ظاهر متفاوت استایل های خاصی داره و چینش عناصر در درون صفحه با page معمولی تفاوت داره.

            این سایت طراحی خاصی داره. مثلا هر کدوم از این template page ها یک بکگراند خاصی دارن که باید روی عنصر body اعمال بشه.
            برای همین میخام که شرط بذارم که در هر صفحه که بود، کلاس مخصوص خودش رو به body اضافه کنه تا بتونم در css به اون body بکگراند مورد نظرمو بدم.

            از طرفی این سایت یک هدر و فوتر برای صفحه اصلی داره؛ و یک هدر و فوتر متفاوت هم برای باقی صفحات داره.
            در اینجا من باز باید شرط بذارم که در هر صفحه خاص که بود، کلاس مخصوص خودش رو به body اضافه کنه تا من بتونم هدر و فوتر مخصوص خودشون رو فراخوانی کنم.

            برای یه همچین موردی، باید چطور شرط بذارم که برای هر صفحه کلاس های مورد نظرمو به body اضافه کنه؟

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

            در ادامه 3 راه حل خدمت شما معرفی می کنم تا بتوانید در طراحی قالب وردپرس از آن ها استفاده کنید:
            راه حل شماره یک)
            راحت ترین کار کنترل عبارت شرطی با مقدار ID صفحه است، البته این روش برای مواقعی است که آیدی ها مشخص باشند، در صورتی که چنین حالتی نباشد و ممکن باشد برگه های دیگری نیز اضافه شوند که از همان custom template برای نمایش شان استفاده میشود، میتوانید سایر روش ها را استفاده کنید.
            راه حل شماره دو)
            برای استایل دهی متفاوت، در داخل همان custom template مربوطه، یک فراخوانی فایل CSS دیگر انجام بدهید. این کار را میتوانید به وسیله ی تگ style انجام بدهید، توجه داشته باشید که این تگ را میتوانید در هر جایی از صفحه استفاده کنید و فقط مجبور به استفاده از آن در head نیستید.
            راه حل شماره سه)
            می توانید از تابع is_page_template استفاده کنید و آن را درون شرط if بگذارید، آرگومان این تابع نیز نام همان custom template مورد نظرتان در قالب وردپرس تان هست (که قبلا ایجاد کرده اید)؛ مثلا ممکن است چیزی به نام sitemap.php باشد. بنابر این در روش شماره 3 شما کنترل می کنید که اگر custom template شما نام خاصی داشته باشد، در مقابل چه کاری انجام بشود.

          • احمد

            سلام.
            پاسختون ناقص ارسال شده.

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

            با عرض سلام و احترام خدمت شما
            پاسخ را بررسی کردم و کامل ارسال شده (شامل سه راه حل است).

          • احمد

            سلام.

            کل پاسخی که من میبینم، متن زیر است:

            ————————————

            در ادامه ۳ راه حل خدمت شما معرفی می کنم تا بتوانید در طراحی قالب وردپرس از آن ها استفاده کنید:
            راه حل شماره یک)
            راحت ترین کار کنترل عبارت شرطی با مقدار ID صفحه است، البته این روش برای مواقعی است که آیدی ها مشخص باشند، در صورتی که چنین حالتی نباشد و ممکن باشد برگه های دیگری نیز اضافه شوند که از همان custom template برای نمایش شان استفاده میشود، میتوانید سایر روش ها را استفاده کنید.
            راه حل شماره دو)
            برای استایل دهی متفاوت، در داخل همان custom template مربوطه، یک فراخوانی فایل CSS دیگر انجام بدهید. این کار را میتوانید به وسیله ی تگ

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

            با عرض سلام و احترام خدمت شما
            با عرض پوزش؛ تصحیح شد.