آموزش ساخت تگ صفحه تک برگ وردپرس

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

شروع راه اندازی

ابتدا کافی است فایلی که برای این مطلب آماده کردیم را تغییر فرمت دهیم و از فرمت html  به php تغییر دهیم. این کار باعث می‌شود تا وردپرس آن را به عنوان صفحه single شناسایی کند. سپس فایل را باز می‌کنیم و سربرگ و پایین صفحه وب‌سایت (header&footer) که در آموزش قبل توضیح داده ایم را به این صفحه منتقل می‌کنیم. تا بتوانیم به راحتی از محتوای آن استفاده نماییم و نیازی به  ایجاد دوباره آنها نباشد.

ایجاد قسمت میانی وب‌سایت

اولین نکته ای که باید خدمت شما عزیزان بگویم این است که صفحات single در وب‌سایت های مختلف متفاوت می‌باشد و موضوعاتی که بنده در این آموزش خدمت شما عزیزان خواهم گفت به صورت کلی می‌‎‌باشد در بعضی از وب‌سایت ها مواردی دیگری وجود دارد یا حتی در بعضی از وب ها مواردی که در این آموزش گفته شده است نیز وجود ندارد. بعد از بخش های اصلی صفحه که پایین صفحه و سربرگ باشد نوبت به قرار دادن عنوان پست در صفحه می‌باشد. شما می‌توانید عنوان پست مورد نظر را در صفحه با استفاده از دستور زیر نمایش دهید.

<?php the_title(); ?>

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

ایجاد تصویر پست

تصاویر در وردپرس به صورت پیشفرض وجود ندارد و شما باید با استفاده از کد های php آن را ایجاد کنید برای همین کار وارد فایل functions.php خودمان می‌شویم سپس دستورات زیر را در آن قسمت کپی می‌کنیم فایل را ذخیره می‌کنیم این دستورات به این معنا است که از تصاویر پشتیبانی کند و همینطور مشخص می‌کنیم که سایز پیشفرض عکس ها چه میزان باشد و نام این تصاویر چیست.

add_theme_support(‘post-thumbnails’);

add_image_size(‘poster’, ٢٠٠ , ٢٠٠);

add_image_size(‘slider’, ٣٠٠ , ٣٠٠);

حالا وارد صفحه single  وب‌سایت خودمان می‌شویم و با قرار دادن تابع زیر تصاویر را نمایش می‌دهیم.مشاهده می‌کنید که دستورات شرطی وجود دارد و تابع نمایش تصویر در آن قرار دارد. دستورات شرطی برای آن است که اگر تصویری برای این پست به هر دلیلی وجود نداشت تصویری که ما از قبل به عنوان تصویر پیشفرض درنظر گرفته ایم نمایش پیدا کند این به این علت است که چیدمان و زیبایی صفحه وب با نبود تصویر شاخص پست ها از بین نرفته باشد و کار زیبایی خود را داشته باشد. در تابع ای که تصویر شاخص را نمایش می‌دهد ما باید ابتدا نامی که در فایل functions مشخص  کردیم را قرار دهیم سپس انتخابگر تصویر قبلی که می‌تواند (class&ID) آن باشد را درج کنیم. با این عمل تصویر ما در صفحه وب نمایش پیدا خواهد کرد.

<?php if(has_post_thumbnail()) : ?>

<?php the_post_thumbnail(‘slider’, array(‘class’ => ‘img-responsive img-thumbnail’)); ?>

<?php else : ?>

<img data-src=”<?php echo get_template_directory_uri(); ?>/img/٤٠٠x٤٠٠.gif”>

<?php endif; ?>

قرار دادن متن در صفحه SINGLE

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

<?php the_content(); ?>

ایجاد قسمت نظرات

امیدوارم تا این قسمت مقاله ما خسته نشده باشید و هنوز انرژی داشته باشید چون از این قسمت به بعد بحث ما مهم تر و جدی تر خواهد شد. در این قسمت ما سعی داریم تا این قسمت آموزش دادیم که چگونه تصویر محتوا و حتی عنوان پست را در صفحه تک برگ نمایش دهیم ولی یکی از خصوصیات مهم این صفحه نظرات کاربران می‌باشد که خیلی تاثیر گذار است. با استفاده از یکی از تابع های زیر می‌توانید نظرات کاربران را در صفحه وب خود پخش کنید تا کاربران بتوانند به راحتی از آن استفاده نمایند.

<?php comments_template(); ?>

<?php comment_form(); ?>

ایجاد حلقه نهایی

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

<?php if(have_posts()) : the_post(); ?>

<?php endif; ?>

خیلی خیلی ممنونم از اینکه وقت گذاشتید و آموزش بنده رو مطالعه کردید امیدوارم مفید بوده باشه

نویسنده مطلب: سید عباس حسینی

منبع مطلب

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.