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

امنیت سایت

رفع خطاهای w3c

رفع خطاهای w3c

افزایش سرعت سایت

سرعت سایت

ریسپانسیو

ریسپانسیو

پشتیبانی

پشتیبانی سایت

سئو و بهینه سازی

سئو و بهینه سازی

فروشگاه انجمن

فروشگاه انجمن

هاست وردپرس

هاست وردپرس


نمایش نتایج: از 1 به 5 از 5

موضوع: آموزش طراحی قالب وردپرس جلسه سه

  1. #1
    مدیر بخش yazdanian آواتار ها
    تاریخ عضویت
    Oct 2017
    نوشته ها
    179
    تشکر تشکر کرده 
    5
    تشکر تشکر شده 
    16
    Thanked in
    9 پست

    Thumbs up آموزش طراحی قالب وردپرس جلسه سه

    سلام عرض ادب ب دوستان

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


    در جلسه قبل یک سری توضیح درباره فراخوانی هدر و فوتر و قرار دادن اونا در ایندکس و یک تابع ک ادرس قالب رو فراخوانی میکنه دادیم.
    ...

    در این جلسه میخوایم ساختار هدر رو بررسی کنیم (اموزش ها حالت چریکی و نامنظم دارن و این روش اموزشیه ک من خودم روش تاکید دارم )


    هدر ما :
    کد PHP:

    <!DOCTYPE html>

    <html class="no-js" dir="rtl" lang="fa-IR">

    <head>

        <meta charset="<?php bloginfo'charset' ); ?>">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <?php wp_head(); ?>

    </head>


    <body <?php body_class(); ?>>
    این ساختار قسمت اصلی هدر ما هست .
    خب عزیزان بزارید اول چندتا نکته رو بگم
    اگر دقت کنید
    من اینجا چندتا تابع جدید استفاده کردم
    این تابع ها :

    کد PHP:

    <?php bloginfo'charset' ); ?>  این تابع مربوط به یونیکد استفاده در سایت هست  ک معمولا UTF-8 می باشد. 


    <?php wp_head(); ?>
    این تابع یکی از مهم ترین تابع های شما هست ک زمانی ک حرفه ای میشید باهاش زیاد سر و کار خواهید داشت . تمام پلاگین ها و حتی در دور دوم آموزش ما دیگه فایل های استایل و جاوا اسکریپت ها و متا تگ های ما رو مستقیم فراخوانی نمی کنیم بلکه در یک فایل دیگه توسط هوک ها به این تابع اضافه می کنیم. و بعد دیگه هرجا ک این تابع باشه نمایش داده میشن .
    توضیح این مساله باشه برای دور دوم اموزش.

    همیشه این تابع رو قبل از تگ
    </head>

    قرار بدین.

    خب تابع بعدی ک استفاده کردیم
    <?php body_class(); ?>
    بود که استفاده بسیار بسیار زیادی توی استایل دهی برای ما خواهد داشت . و حتما توی تگ body یعنی بدنه قالب استفاده میشه.




    ///////////

    دوستان اشنایی با html و html5 برای این اموزش واجبه کسیم خواست میتونه تو یک روز یاد بگیره اموزشهاش تو وب هست .

    در این صفحه
    کد PHP:

    <html class="no-js" dir="rtl" lang="fa-IR"
    این رو هم استفاده کردیم
    dir="rtl" این پارامتر یعنی سایت ما میخواد راست چین باشه بر خلاف ltr
    ک مخفف right to left هست .
    پارامتر بعدی هم ک زبان سایت رو گذاشتیم . و قبلی هم بعدا می گم.

    ///////////////

    متا ها
    متا ها یک سری اطلاعات برای مرورگر ها و ربات ها صادر می کنن مثلا برای ربات های گوگل
    یا مثلا برای مرورگر ها
    مثلا میشه با متا ها به دیوایس ها دستوراتی داد.( مثلا موبایل ..لبتاب ..سایز تغییر کنه منظورم هست )
    انواع متا داریم .

    تو متای زیر ما یونیکد رو با تابع مخصوصش فراخوانی کردیم.
    ک ساختار نوشته ها رو تو قالب بر اساس یونیکد مورد نظر ما نشون بده .
    کد PHP:


    <meta charset="<?php bloginfo'charset' ); ?>">
    متا تگ viewport
    به بازدید کننده کمک میکنه تا سایت رو در تمام اسکرین ها و دستگاه ها (مانند موبایل، تبلت و دسکتاپ) بدرستی مشاهده کنند

    کد PHP:

        
    <meta name="viewport" content="width=device-width, initial-scale=1.0"
    اگه دقت کنید دارای دو مولفه است
    یکی عرض width که الان مقدار device رو گذاشتیم ک میاد میگه عرض سایت ب اندازه عرض دستگاهی ک سایت را باز کرده تغییر بده .مثلا موبایل بود ب اندازه اون موبایل عرضش تغییر کنه و..

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





    یکی دیگه از تابع های مهم دیگه ک در اینده باهاش سروکار داریم این تابع شناسایی کاربر مهمان و کاربر وارد شده است . :

    کد PHP:

    <?php
    if ( is_user_logged_in() ) {
        
    این نوشته فقط برای کاربری ک وارد شده است نشان داده می شود
    } else {
    این نوشته فقط برای کاربری ک وارد نشده است نشان داده می شود یعنی کاربری ک مهمان هست .
    }

    ?>

    خب عزیزان


    خط کد زیر رو برای فراخوانی استایل اصلی قالب
    کد PHP:

    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri() ?>/style.css">
    در بین
    تگ head وارد کنید.


    در این خط کد ما اومدیم یک فایل استایل را فراخوانی کردیم.
    پس اگه خواستین یک استایل رو فراخوانی کنین این روشش هست و حتما هم باید بین تگ هد باشه (درستش اینه )

    در واقع یک لینک رو فراخوانی کردیم ب عنوان استایل .

    پس یک تگ
    <link >

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

    هر مولفه باید بین یک = و "" قرار بگیره . مثلا مولفه href ک یک url یعنی ادرس لینک رو فراخوانی میکنه
    باید به این صورت باشه :
    کد PHP:
    href="" 
    خب حالا لینک استایل رو بین این "اینجا" قرار میدیم.

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

    این هست ک دقیق در پوشه قالب هست .
    پس ادرسش میشه :

    کد PHP:
    <?php echo get_template_directory_uri() ?>/style.css

    تا اینجا اموزش جلسه سوم ب پایان رسید انشالله در جلسه بعد چیزای بیشتری یاد می گیریم .
    ویرایش توسط yazdanian : 10-13-2019 در ساعت 01:57 AM

  2. 2 کاربر مقابل از yazdanian عزیز به خاطر این پست مفید تشکر کرده اند.

    admin (10-13-2019), hojjat (10-13-2019)

  3. #2
    مدیریت کل سایت admin آواتار ها
    تاریخ عضویت
    Oct 2017
    نوشته ها
    799
    تشکر تشکر کرده 
    15
    تشکر تشکر شده 
    17
    Thanked in
    15 پست

    پیش فرض

    دکتر جان بهتر است از type="text/css" و type="text/javascript" استفاده نکنید چون منسوخ شده است

    تلگرام بنده :
    برای استفاده از امکانات سایت کنید
    برای استفاده از امکانات سایت کنیدبرای استفاده از امکانات سایت کنید
    برای استفاده از امکانات سایت کنید

  4. کاربر مقابل از admin عزیز به خاطر این پست مفید تشکر کرده است:

    yazdanian (10-14-2019)

  5. #3
    کاربر جدید azaroghli آواتار ها
    تاریخ عضویت
    Aug 2018
    نوشته ها
    1
    تشکر تشکر کرده 
    0
    تشکر تشکر شده 
    2
    Thanked in
    1 پست

    پیش فرض

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

    ممنونم که به حالت پروژه محور جلو میرید این مدل بهترین روشه...

  6. 2 کاربر مقابل از azaroghli عزیز به خاطر این پست مفید تشکر کرده اند.

    admin (10-13-2019), hojjat (10-13-2019)

  7. #4
    کاربر جدید j_mehdi آواتار ها
    تاریخ عضویت
    Oct 2019
    نوشته ها
    1
    تشکر تشکر کرده 
    0
    تشکر تشکر شده 
    0
    Thanked in
    0 پست

    پیش فرض

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

  8. #5
    مدیریت کل سایت admin آواتار ها
    تاریخ عضویت
    Oct 2017
    نوشته ها
    799
    تشکر تشکر کرده 
    15
    تشکر تشکر شده 
    17
    Thanked in
    15 پست

    پیش فرض

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

    تلگرام بنده :
    برای استفاده از امکانات سایت کنید
    برای استفاده از امکانات سایت کنیدبرای استفاده از امکانات سایت کنید
    برای استفاده از امکانات سایت کنید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

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