آموزش قالب

آموزش وردپرس ، نمایش مشخصات قالب

اگر یک وردپرس کار باشید بدون شک تا به امروز قالب خودتان را ساخته اید و یا حداقل می دانید که چطور یک قالب را شخصی سازی کنید،‌ وردپرس برای هر قالب یک سری اطلاعات نیاز دارد به عنوان مثال هر قالب یک نام ، نام توسعه دهنده ، آدرس سایت توسعه دهنده ، توضیحات ، نسخه قالب و... اینها در حقیقت اطلاعات اصلی یک قالب می باشند یا بهتر است بگوییم شناسنامه یک قالب اند. امروز می خواهیم نحوه دریافت این اطلاعات و نمایش آن ها را توضیح دهیم با مردان وردپرس همراه باشید. برای تنظیم اطلاعات قالب وردپرس یک فایل اصلی به نام Style.css در پوشه اصلی هر قالب نیاز دارد ...

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

در نظر بگیرید که می خواهید همه عکس هایی که در سایت دارید در هنگام نمایش یک خصیصه خاص داشته باشید و می خواهید این کار به صورت اتوماتیک صورت بگیرید کافیست یک که از کدهای آماده وردپرس کمک بگیرید تا به نتیجه دلخواه برسید ، به عنوان مثال می خواهیم یک کلاس و یک عنوان به عکس های خود در هنگام فراخوانی و نمایش انتساب کنیم برای این کار می خواهیم از تابع the_post_thumbnail استفاده کنیم این تابع  دو ورودی میگیرد اولی سایز تصویر می باشد و دومین ورودی خصیصه های عکس می باشد که در مثال زیر یک کلاس img-responsive و همچنین یک عنوان با مقدار Feature image  برای عکس قرار داده ایم در هنگامی که ...

ادامه مطالب
استایل دهی چیدمان نظرات در وردپرس

 در این مطلب شما یاد می گیرید که چگونه در سایت وردپرسی خود با استایل های پیش فرض نظرات کاربران را نمایش دهید.کد های css ای که در زیر نمایش می دهیم را در فایل css خود قرار داده و نظرات را به زیبایی نمایش دهید. در زیر class ها و id های پیشفرض css وردپرس را می بینید. [crayon-5a30843109fa1678588296/]   که می توانید نظرات کاربران خود را استایل دهی نمایید. حال اگر طراح html با کد های css دیگری نظرات را استایل داده  باشد می توانید  از طریق کلیک راست کردن و Inspect Elemen گرفتن کد های css مربوطه را بگیرید و استایل دهید. با استفاده از کد زیر شما می توانید به نظرات فرد و زوج استایل دهید و مانند تصویر زیر ...

ادامه مطالب
ساختار اصلی فایل header.php در قالب وردپرس

همه سایت ها دارای هدر می باشند، در سیستم وردپرس اگر شما فایلی را با نام header.php در پوشه اصلی قالب خود قرار دهید در هر کجا که از تابع get_header() استفاده کنید فایل هدر فراخوانی می شود. اما وردپرس دارای یکسری توابع است که در هدر به کار می رود از جمله زبان سایت و همچنین یکی از توابع اصلی وردپرس wp_head() که در آن هوک ها و مواردی که مورد نیاز پلاگین ها باشد فراخوانی می شود، با مردان وردپرس همراه باشید تا به با نحوه ساخت هدر استاندارد در وردپرس آشنا شویم. در ابتدا زمانی که تگ html را باز می کنید قبل از کلمه html عبارت !DOCTYPE را وارد کنید. پس از html عبارت   ...

ادامه مطالب
کلاس های اصلی در قالب وردپرس

در اینجا قصد معرفی کلاس های اصلی برای ساخت قالب وردپرس را داریم کلاس هایی که به وسلیه آن ها می توانید از امکانات وردپرس در سیستم خود به خوبی استفاده کنید با مردان وردپرس همراه باشید. در واقع وردپرس سه کلاس اصلی دارد که به تربیت زیر است: body_class() post_class() comment_class() یکی از مهمترین کلاس ها در وردپرس body_class می باشد که به صورت زیر می توانید فراخوانی کنید: [crayon-5a3084310c8a2794025764/] با فراخوانی این کلاس در هر صفحه به صورت اتوماتیک کلاس مربوط به همان بخش فراخوانی می شود این کار کمک شایانی در خصوص نوشتن کلاس ها در قالب css می کند به عنوان مثال زمانی که شما وارد یک صفحه شده اید در خروجی این برای شما چاپ می شود: [crayon-5a3084310c8aa906663076/] اگر ...

ادامه مطالب
ساختار پست ( Post Format ) در وردپرس چیست ؟

زمانی که وردپرس 3.1 منتشر شد به همراه خود تغییرات فراوانی را آورد یکی از چشم گیر ترین آن ها امکانی بود به نام Post Format که در آن برنامه نویس می تواند پست ها را به نوع خاص ایجاد کند به نحو دیگر برچسبی به روی پست زده می شود و نوع آن پست مشخص می شود، این اطلاعات به صورت متا ذخیره می شوند. تعدادی پست فرمت سیستم وردپرس به صورت پیش فرض دارد و شما برنامه نویس نیز می توانید به آن بیفزاید، در زیر توضیحاتی در خصوص هر کدام میدهیم با مردان وردپرس همراه باشید:  aside - این نوع بدونه عنوان می باشد. gallery - این نوع می تواند دارای گالری ...

ادامه مطالب
آموزش وردپرس ، استایل دهی به زیر دسته بندی ها

دسته بندی ها در وردپرس یکی از بخش های اصلی سایت می باشد .با استفاده از دسته بندی ها می توان موضوعات اصلی سایت را برجسته تر کرده و برای آنها زیر دسته بندی قرار داد.حال وردپرس برای دسته بندی ها و زیر دسته بندی ها کلاس های پیشفرض خود را  قرار می دهد تا کاربران (طراح های یک سایت بیشتر) بتوانند از این کلاس ها استفاده کرده و سبک (style ) سایت خود را به دلخواه تغییر دهند. اگر از کد زیر برای نمایش دسته بندی ها استفاده می شود [crayon-5a3084310d1bb171320090/] می توان از طریق کد زیر دسته ها را در وردپرس سبک دهی کرد.اگر قرار باشد زیر دسته ها نمایش داده نشوند و یا با سبک خاص نمایش داده ...

ادامه مطالب
آموزش وردپرس ، نحوه پر رنگ کردن نظرات مدیر

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

ادامه مطالب
آموزش وردپرس، استایل دهی فرم های contact form 7

مدیران سایت ها برای اینکه با کاربران خود تعامل داشته باشند از فرم های تماس استفاده می کنند .این فرم ها به مدیران بسیار کمک می کند تا  به سوالات کاربران پاسخگو بوده و همچنین کاربران برای ارتباط لازم نباشد پست الکترونیکی خود مانند gmail را باز کرده و با مدیران ایمیل دهند فقط کافیست فرم تماس را پر کرده و دکمه ارسال را بزنند. وردپرس دارای فرم های تماس بسیاری می باشد مانند gravity و یا contact form 7 که از بهترین فرم ساز های وردپرس می باشند .حتما هم پیش آمده که وقتی از پلاگین Contact Form 7  استفاده  کرده باشید و  وقتی فرم ها را در جای مخصوص می گذارید استایل ...

ادامه مطالب
ساخت صفحاتی با قالب های مختلف در وردپرس

زمانی نیاز دارید صفحاتی با طرح های متفاوت از هم داشته باشید به عنوان مثال ممکن است صفحه " درباره ما " و " تماس با ما " شکل و ساختاری متفاوت از هم داشته باشند در این شرایط چه می توان کرد، وردپرس فکر این جا را هم کرده و کار را برای طراحان راحت تر از هر سیستم دیگری کرده است کافیست فایلی را در قالب خود بسازید و در ابتدای آن کد زیر را قرار دهید: [crayon-5a3084310df4e617519616/] توجه کنید در بالا ما کدی نوشتیم که در آن  نام یک ساختار را درج کردیم وردپرس با دیدن این کد متوجه آن می شود که این یک فایل با ساختاری جدا از بقیه قالب می باشد، بنابراین برای استفاده از آن نیز ...

ادامه مطالب