آموزش قالب

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

 در این مطلب شما یاد می گیرید که چگونه در سایت وردپرسی خود با استایل های پیش فرض نظرات کاربران را نمایش دهید.کد های css ای که در زیر نمایش می دهیم را در فایل css خود قرار داده و نظرات را به زیبایی نمایش دهید. در زیر class ها و id های پیشفرض css وردپرس را می بینید. /*Comment Output*/ .commentlist .reply {} .commentlist .reply a {} .commentlist .alt {} .commentlist .odd {} .commentlist .even {} .commentlist .thread-alt {} .commentlist .thread-odd {} .commentlist .thread-even {} .commentlist li ul.children .alt {} .commentlist li ul.children .odd {} .commentlist li ul.children .even {} .commentlist .vcard {} .commentlist .vcard cite.fn {} .commentlist .vcard span.says {} .commentlist .vcard img.photo {} .commentlist .vcard img.avatar {} .commentlist .vcard cite.fn a.url {} .commentlist .comment-meta {} .commentlist .comment-meta a {} .commentlist .commentmetadata {} .commentlist .commentmetadata a {} .commentlist ...

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

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

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

در اینجا قصد معرفی کلاس های اصلی برای ساخت قالب وردپرس را داریم کلاس هایی که به وسلیه آن ها می توانید از امکانات وردپرس در سیستم خود به خوبی استفاده کنید با مردان وردپرس همراه باشید. در واقع وردپرس سه کلاس اصلی دارد که به تربیت زیر است: body_class() post_class() comment_class() یکی از مهمترین کلاس ها در وردپرس body_class می باشد که به صورت زیر می توانید فراخوانی کنید: <body <?php body_class( $class ); ?>> با فراخوانی این کلاس در هر صفحه به صورت اتوماتیک کلاس مربوط به همان بخش فراخوانی می شود این کار کمک شایانی در خصوص نوشتن کلاس ها در قالب css می کند به عنوان مثال زمانی که شما وارد یک صفحه شده اید در ...

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

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

ادامه مطالب
استایل دهی به زیر موضوعات در وردپرس

شما از طریق کد زیر می توانید زیر دسته ها را در وردپرس استایل بدهید .اگر بخواهید نمایش داده نشوند و یا با سبک خاص نمایش داده شوند.کافیست آن را در یکی از فایل های css خود قرار دهید عدم نمایش زیر دسته بندی ها  .children { display:none; } استایل  دهی زیر دسته بندی ها    .children { padding: 0 0 0 6px; margin: 0 0 0 8px; border-left: 1px solid #333; }  

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

در اکثر سایت ها پیدا کردن نظرات  مدیر از بین نظرات در وردپرس  کار سختی می باشد.به همین منظور شما می توانید نظرات مدیر را برجسته تر از نظرات دیگران نمایش دهید.با استفاده از کد زیر در style.css  می توانید نظرات مدیر را برجسته کنید. .commentlist .bypostauthor {} .commentlist li ul.children li.bypostauthor {}    

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

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

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

زمانی نیاز دارید صفحاتی با طرح های متفاوت از هم داشته باشید به عنوان مثال ممکن است صفحه " درباره ما " و " تماس با ما " شکل و ساختاری متفاوت از هم داشته باشند در این شرایط چه می توان کرد، وردپرس فکر این جا را هم کرده و کار را برای طراحان راحت تر از هر سیستم دیگری کرده است کافیست فایلی را در قالب خود بسازید و در ابتدای آن کد زیر را قرار دهید: <?php /* Template Name: نام صفحه */ ?> توجه کنید در بالا ما کدی نوشتیم که در آن  نام یک ساختار را درج کردیم وردپرس با دیدن این کد متوجه آن می شود که این یک فایل با ساختاری جدا از بقیه قالب می باشد، ...

ادامه مطالب
ساختار ساده قالب وردپرس

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

ادامه مطالب
فایل Functions در قالب وردپرس چیست ؟

ممکن است بخواهید امکاناتی را در قالبی که نوشته اید اضافه کنید از جمله محدود سازی تعداد کلمات در نمایش نوشته ها و هزاران تابع دیگر که می خواهید در قالبتان استفاده کنید، در حقیقت با نوشتن توابعی درون قالبتان یک پلاگین درون قالبی را می سازید با این تفاوت که فقط درون همان قالب قابل استفاده است. از جمله کار هایی که می توان انجام داد به شرح زیر است: Enqueue کردن فایل های مورد نیاز فعال کردن امکاناتی نظیر Sidebars ، منوها، تصاویر شاخص، نوع پست و... وردپرس به طور پیش فرض فایل Functions.php را درون قالب فراخوانی می کند اما برای تمیز تر شدن کد ها پیشنهاد می کنیم حتما فایل های قسمت های مختلف را جدا کنید ...

ادامه مطالب