کد های وردپرس برای طراحی قالب
شما می دانید HTML، CSS، و جاوا اسکریپت. شما می توانید وب سایت های زیبا را ایجاد کنید.
شاید شما درباره WordPress شنیده باشید، اما کاملا مطمئن نیستید که چگونه آن را پیاده سازی کنید یا اینکه چرا ممکن است به آن نیاز داشته باشید.
شاید یک مشتری برای وردپرس درخواست کند، اما شما واقعا با آن آشنا نیستید. شاید قبل از آن با آن کار کرده باشید،
اما نمی دانید چطور تم های خود را از ابتدا بسازید. به هر حال، این مقاله کد های وردپرس برای شما مناسب است.
چه کاری وردپرس برای من می تواند انجام دهد؟
وردپرس در اصل به عنوان یک پلت فرم وبلاگ نویسی ساخته شده است، اما اکنون به عنوان یک سیستم مدیریت محتوا شناخته شده است که با استفاده از کد های وردپرس .
اگر کسی به شما برای ایجاد یک وب سایت پولی پرداخت می کند، دلیل آن این است که آنها نمی دانند چگونه و یا زمان کافی برای طراحی قالب وقت ندارند .
شروع کار: آموزش استفاده از کد ها وردپرس
من قصد دارم یک قالب استارت موجود ساده را پیدا کنم و آن را برای این مقاله به وردپرس تبدیل کنم.
تم وردپرس نیاز به تنها دو فایل برای وجود دارد – style.css و index.php .
توابع وردپرس و کدهای لازم برای طراحی قالب wordpress حرفه ای و استاندارد – فیلم آموزشی
style.css
در پوشه تم سفارشی خود، style.css را ایجاد کنید .
این به سادگی حاوی یک کد ساده داخل آن قرار بدید که به wordpres هشدار میدهد که یک تم در اینجا وجود دارد. نام، نویسنده، توضیحات و غیره را تغییر دهید.
|
1 2 3 4 5 6 7 |
/* Theme Name: قالب سون ریپلای Author: زمان الله ابراهیمی Description: یک قالب جدید Version: 0.0.1 Tags:سون ریپلای */ |
index.php
تم شما در حال حاضر ایجاد شده است. به داشبورد وردپرس بروید و روی > Themes. کلیک کنید موضوع را در مجموعه با تمام تم های پیش فرض مشاهده خواهید کرد.
آموزش استفاده از کد ها وردپرس
خوب بعد از این که قالب را فعال کردیم بریم سراغ فایل های دیگه
- فایل اصلی پوسته وردپرس index.php
- شیوه نامه یا استایل style.css
- صفحه دسته بندی : category.php
- نمایش ادامه مطلب و توضیحات نوشته : single.php
- نماش محتوای برگه های سایت: page.php
- نمایش صفحه جستجو : search.php
- صفحه خطای ۴۰۴ یا پیدا نشد با نام 404.PHP
- ستونهای کناری پوسته : sidebar.php
- هدر یا سربرگ : header.php
- فوتر یا پانوشت : footer.php
برای نمایش در بخش پوسته های wordpres پوشه های بنام
- برای تصاویر images
- برای فایل های css از پوشه css
- برای فونت های fontst
- برای قایل های js از پوشه js
خوب بعد از این که تمام فایل های مورد نظر wordpres را ساختیم حال نوبت این رسیده که از توابع وردپرس برای نمایش مطالب استفاده کنیم
توابع وردپرس مهم برای طراحی پوسته
به طور کلی توابع را در دو بخش توابع درون حلقه و توابع خارج حلقه وردپرس دسته بندی میکنیم.
توابع درون حلقه یا کوئری wordpres برای نمایش نوشته ها مورد استفاده قرار میگیرند و بیشترین کاربرد را در کد نویسی یا طراحی قالب وردپرس دارند،
در این بخش مهمترین تابع های وردپرس عبارتند از:
برای شروع حلقه را ایجاد می کنیم
حلقه وردپرس
بخش هیجان انگیز است به صورت پویا مطالب را وارد کند و در وردپرس این کار را با The Loop انجام می دهد .
این مهمترین وظیفه وردپرس است. تمام مطالب شما از طریق یک حلقه تولید می شود.
در داشبورد، اگر شما بر روی پست ها کلیک کنید،
شما به طور پیش فرض یک پست “Hello، world!” را خواهید دید. هدف ما نمایش این پست در وبلاگ است.
حلقه خود بسیار ساده است.
|
1 2 3 4 5 |
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <!-- contents of the loop --> <?php endwhile; endif; ?> |
آموزش توابع wordpres
این خود توضیح می دهد – اگر پست ها وجود دارد، در حالی که پست ها وجود دارد، نمایش پست. هر چیزی در داخل حلقه تکرار خواهد شد.
برای یک وبلاگ، این عنوان پست، تاریخ، محتوا و نظرات خواهد بود. جایی که هر پست پست باید پایان یابد، کجا حلقه پایان خواهد یافت.
ما قصد داریم حلقه را به آن اضافه کنیم index.php.
در اینجا فایل index شما وجود دارد.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<?php get_header(); ?> <div class="row"> <div class="col-sm-8 blog-main"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); get_template_part( 'content', get_post_format() ); endwhile; endif; ?> </div> <!-- /.blog-main --> <?php get_sidebar(); ?> </div> <!-- /.row --> <?php get_footer(); ?> |
تنها چیزی که درون حلقه شماست محتوای content.php است که محتویات یک پست را شامل می شود.
بنابراین content.php را باز کنید و محتویات را به این تغییر دهید:
|
1 2 3 4 5 6 7 |
<div class="blog-post"> <h2 class="blog-post-title"><?php the_title(); ?></h2> <p class="blog-post-meta"><?php the_date(); ?> by <a href="#"><?php the_author(); ?></a></p> <?php the_content(); ?> </div><!-- /.blog-post --> |
این شگفت آور ساده است! the_title();عنوان پست وبلاگ است،
the_date();تاریخ، the_author();نویسنده را نشان می دهد ،
و the_content();محتوای پست شما است.
آموزش توابع وردپرس پرکاربردترین ها
- تابع نمایش عنوان نوشته the_title
- تابع نمایش لینک پست the_permalink
- تابع نمایش نویسنده مطلب the_author_name
- تابع نمایش تعداد دیدگاه های ارسال شده در مطلب comments_number
- کد نمایش دسته بندی که مطلب در آن قرار دارد the_category
- تابع نمایش برچسب های مطلب the_tags
- تابع نمایش تاریخ انتشار نوشته the_time
- تابع نمایش تاریخ بروزرسانی یا آپدیت شدن پست the_modified_date
- تابع نمایش توضیحات و محتوای مطلب the_content
- تابع نمایش تصویر شاخص نوشته the_post_thumbnail
- توابعی که توسط افزونه ها به وردپرس اضافه میشوند
خوب دوستان عزیز این آموزش هم همین جا به پایان رسید امید وارد که برای شما مفید بوده باشه اگه این مطالب را دوست داشتید به دوستان خود هم معرفی کنید توی شبکه های اجتماعی
منتظر پیشنهادات و انتقادت شما عزیزان هستیم توی زندگی موفق باشید
ممنون از توضیحات بینظیر شما در خصوص توابع وردپرس
خواهش میکنم دوست گرامی خوشحالم که برای شما مفيد بوده
سلام وقت بخیر من دنبال یک کدی هستم که داخل دسته بندی و برچسب ها لینک اون برچسب یا دسته بندی رو داخل هدر سایت بزارم .یعنی داخل هر دسته بندی سایت رفتم لینک همون صفحه رو نمایش بده ممنون میشم راهنمایی کنید اگه امکانش هست برام ایمیل کنید
سلام وقتتون بخیر.ممنون از آموزش خوبتون
برای نمایش زمان ارسال کالا از چه کدی برای php در نظر بگیریم؟
سلام خدمت شما دوست عزیز شما برای ارسال کالا از ووکامرس استفاده می کنید ؟
سلام
ای ول فوق العاده هستین و خیلی خوب توضیح دادین امیدوارم همیشه سربلند باشید
ادامه دهید کارتون خیلی عالیه
سلام خدمت شما خیلی خوشحالم که آموزش که دادم براتون کاربردی بوده منتظر یک دوره رایگان طراحی قالب وردپرس باشید موفق و سر بلند باشید