طراحی سایت با وردپرس قسمت ششم


طراحی سایت با وردپرسوردپرس 

طراحی سایت با وردپرس قسمت ششم

در طراحی سایت با وردپرس قسمت ششم به مبانی قالب و فایل های قالب از مبانی قالب می پردازیم:

در بخش قبلی، شما یک نمای کلی از قالب را دیدید. شما همچنین یاد گرفتید که چگونه یک قالب را توسعه دهید.

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

شما همچنین می توانید به  The Loop نگاهی بیاندازید، که مسئول واکشی محتوای خارج از پایگاه داده وردپرس است.

در نهایت، شما در مورد افزودن ویژگی به قالب تان توسط استفاده از توابع قالب، الحاق CSS و JavaScript، اعمال نفوذ تگ های مشروط به تنها محتوای مورد نیاز شما، و کار با default taxonomies and creating your own بیشتر یاد می گیرید.

#فایل های قالب

قالب های فایل در سراسر قالب های وردپرس استفاده می شود، اما در ابتدا درباره مجموعه اصصلاحات فنی یاد بگیرید.

#اصطلاحات قالب

عبارت “template” در روش های مختلف زمانی که با قالب های وردپرس کار می کنید مورد استفاده است:

  • Page Templates با یک قالب و بیان چگونگی نمایش سایت شما وجود دارد.
  • Template Tagsچیزهایی هستند که تنها به صفحات از لحاظ دیداری و احساس (رفتار) به آن ها اعمال می شود. یک قالب برگه می تواند به یک تک برگه، یک بخش از برگه یا یک class از برگه ها اعمال شود.
  • تگ های قالب در توابع وردپرس ساخته می شود شما می توانید داخل یک قالب فایل برای بازیابی و نمایش داده (همانند ()the_title و ()the_content ) استفاده کنید.
  • Template Hierarchy منطق وردپرس است که تصمیم می گیرد با توجه به محتوای مورد تقاضا از کدام فایل های قالب استفاده کند.

#فایل های قالب

قالب های وردپرس از فایل های قالب تشکیل شده اند. آنها فایل های PHP که شامل ترکیبی از HTML است، Template Tags و کد PHP می باشند.

زمانی که شما قالب تان را می سازید، شما برای اثر گذاری در طرح بندی و دیزاین از قسمت های خارجی وب سایتتان استفاده خواهید کرد. برای مثال، شما باید از قالب header.php برای ایجاد یک header، یا از قالب comments.php برای الحاق نظرات استفاده کنید.

زمانی که هر شخصی یکی از صفحات سایت شما را بازدید می کند، با توجه به درخواست، وردپرس یک قالب پایه برای آن بارگزاری می کند. نوع محتوایی که توسط فایل قالب نمایش داده می شود توسط Post Type همراه با فایل قالب مشخص می شود. Template Hierarchy توصیف می کند که فایل قالب وردپرس بر اساس نوع درخواست و اینکه آیا این الگو در قالب وجود دارد بارگذاری خواهد شد. سپس سرور php را در قالب parse کرده و HTML را به کاربر برمی گرداند.

اصلی ترین فایل قالب index.php می باشد، که قالب catch-all می باشد اگر یک قالب more-specific در template hierarchy پیدا نشود. همچنین یک قالب تنها به یک قالب index.php نیاز دارد، معمولا تم ها برای نمایش انواع محتوا و زمینه ها به قالب ها متعدد الحاق می شود.

#Template partials

یک  template partial یک بخش از قالب است که به بخشی از قالب دیگر الحاق می شود، همانند یک header سایت. Template partials می تواند در قالب های متعدد، ایجاد قالب ساده گنجانده شود. template partials مشترک شامل:

  • header.php برای ایجاد header سایت یا سربرگ
  • footer.php برای ایجاد footer یا پابرگ
  • sidebar.php برای ایجاد sidebar یا ستون کناری

در حالی که فایل های قالب بالا special-case در وردپرس هستند و فقط در یک بخش از یک برگه درخواست می شود، شما می توانید هر تعداد از template partials را ایجاد کنید و آن ها را در فایل های قالب دیگر الحاق کنید.

#فایل های مشترک قالب وردپرس

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

index.php

فایل قالب اصلی می باشد. آن در تمام قالب ها الزامی است.

style.css

فایل stylesheet اصلی می باشد. آن در تمام قالب ها الزامی است و شامل اطلاعات header قالب شما می باشد.

rtl.css

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

comments.php

قالب نظرات

front-page.php

قالب front-page همیشه به عنوان front page سایت اگر آن وجود داشته باشد، استفاده می گردد صرف نظر از اینکه چه چیزی در Admin>Settings>Reading تنظیم شده است.

home.php

قالب صفحه خانگی به صورت پیش فرض front-page است. اگر شما وردپرس برای استفاده ایستا از front-page تنظیم نکنید، این قالب برای نمایش آخرین مطالب استفاده می شود.

header.php

فایل قالب header معمولا شامل نوع اسناد سایت شما، اطلاعات متا، لینک های stylesheet و script، و دیگر داده ها می باشد.

singular.php

قالب singular برای پست ها استفاده می شود زمانی که single.php پیدا نشود، یا برای برگه ها استفاده می شود زمانی که page.php پیدا نشود. اگر singular.php یافت نشود index.php استفاده می شود.

single.php

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

single-{post-type}.php

قالب پست یکتا زمانی که بازدید کننده درخواست یک پست یکتا از یک نوع پست شخصی دارد استفاده می شود. برای مثال، single-book.php باید برای نمایش پست های یکتا از یک نوع پست شخصی با نام book استفاده شود. اگر یک کوئری خاص قالب برای نوع پست شخصی موجود نباشد index.php استفاده می شود.

archive-{post-type}.php قالب نوع پست آرشیو زمانی که بازدید کننده درخواست یک پست شخصی آرشیو دارد استفاده می شود. برای مثال، archive-books.php  باید برای نمایش آرشیوی از پست ها با نام داده پست شخصی books استفاده شود. اگر archive-{post-type}.php موجود نباشد archive.php استفاده می شود.

page.php

قالب برگه زمانی که بازدیدکننده درخواست تک برگه ها را دارد استفاده می شود، که در یک قالب ساخته شده اند.

page-{slug}.php

قالب page slug زمانی که بازدید کننده یک برگه خاص درخواست کند استفاده می شود، برای مثال یکی با slug مانند “درباره” (page-about.php).

category.php

قالب category هنگامی که بازدید کننده مطالب را توسط دسته بندی درخواست می کند استفاده می شود.

tag.php

قالب tag هنگامی که بازدید کننده مطالب را توسط برچسب درخواست می کند استفاده می شود.

taxonomy.php

قالب taxonomy term هنگامی که بازدید کننده یک term در یک taxonomy سفارشی درخواست می کند استفاده می شود.

author.php

قالب برگه نویسنده هر زمان که یک بازدید کننده یک برگه نویسنده را بارگزاری نماید استفاده می شود.

date.php

قالب date/time زمانی که مطالب توسط زمان یا تاریخ درخواست شوند استفاده می شود. برای مثال، برگه ها توسط این slug ها تولید شده اند:

http://example.com/blog/2014

http://example.com/blog/2014/05

http://example.com/blog/2014/05/26

archive.php

قالب آرشیو هنگامی که بازدیدکنندگان مطالب را توسط نویسنده، دسته بندی یا تاریخ درخواست کنند استفاده می شود. توجه: این قالب اگر قالب های خاص بیشتری شبیه category.php، author.php و date.php وجود داشته باشند بازنویسی خواهد شد.

search.php

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

attachment.php

قالب پیوست هنگام مشاهده یک پیوست یکتا شبیه تصویر، pdf یا دیگر فایل های رسانه ای استفاده می شود.

image.php

قالب پیوست تصویر یک ورژن خاص تر از attachment.php می باشد و هنگام مشاهده یک تصویر یکتا استفاده می شود. اگر آن وجود نداشته باشد وردپرس به جای آن از attachment.php استفاده خواهد کرد.

404

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

#استفاده از فایل های قالب

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

برای مثال، در index.phpتان شما می توانید فایل های دیگر را به برگه نهایی تولید شده الحاق نمایید:

  • برای الحاق header، از ()get_header استفاده کنید.
  • برای الحاق ستون کناری، از ()get_sidebar استفاده کنید.
  • برای الحاق فوتر، از ()get_footer استفاده کنید.
  • برای الحاق فرم جستجو، از ()get_search_form استفاده کنید.
  • برای الحاق فایل های سفارشی قالب، از ()get_template_part استفاده کنید.

اینجا مثالی از تگ های قالب وردپرس برای الحاق قالب های خاص در برگه شما آورده شده است:

 

#(Main Stylesheet (style.css

style.css یک stylesheet لازم برای هر پوسته وردپرس است. آن نمایش (طراحی بصری و طرح) برگه های وب سایت را کنترل می کند.

#موقعیت

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

برای توضیح مفصل تر چگونگی الحاق فایل style.css در یک پوسته بخش “Stylesheet” از Enqueuing Scripts and Styles را ببینید.

#ساختار اساسی

ورپرس برای نمایش اطلاعات پوسته در ظاهر (پوسته) پنل داشبورد از بخش توضیح سرآیند در یک style.css استفاده می کند.

#مثال

اینجا مثالی از بخش سرآیند style.css وجود دارد.

 

آیتم های نشانه گذاری با (*) برای یک پوسته در مخزن پوسته های وردپرس الزامی است.

مخزن پوسته های وردپرس برای تعیین وجود نسخه جدیدتر از این قالب از شماره بعد از “Version” استفاده می کند.

  • Theme Name (*) : نام پوسته
  • Theme URI: یک پیوند از صفحه وب عمومی که کاربران می توانند اطلاعات بیشتری در آن راجع به این پوسته بدست آورند.
  • Author (*): نام فرد یا سازمانی که پوسته را توسعه داده است. استفاده از نام کاربری wordpress.org توصیه می شود.
  • Author URI: پیوندی از فرد یا سازمان نویسنده
  • Description (*): توضیحات کوتاه راجع به پوسته
  • Version (*): نسخه، در فرمت  X.X یا X.X.X نوشته می شود.
  • License (*): لایسنس پوسته
  • License URI (*): پیوند لایسنس پوسته
  • Text Domain (*): رشته textdomain که برای ترجمه استفاده می شود.
  • Tags: کلمات یا عباراتی که به کاربران اجازه می دهد با استفاده از فیلتر تگ پوسته را پیدا کنند. یک لیست کامل از تگ ها در Theme Review Handbook می باشد.

بعد از بخش الزامی header، فایل style.css هر چیزی را که فایل CSS دارد را شامل شود.

#Style.css برای قالب فرزند

 

برای اطلاعات بیشتر راجع به قالب فرزند، صفحه Child Themes را مشاهده نمایید.

در ادامه انواع پست را می خوانید همچنین می توانید در پست قبلی مثال هایی در مورد توسعه قالب با وردپرس را مطالعه کنید.




مطالب مرتبط با این دسته بندی