انتخاب تصویر هدر به صورت تصادفی در وردپرس

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

حتما بخونید : فونت فارسی استاندارد برای سایت

انتخاب تصویر هدر به صورت تصادفی در وردپرس انتخاب تصویر هدر به صورت تصادفی در وردپرس

برای اینکار ابتدا سه تصویر برای بخش هدر خود را طراحی نمایید و یا تصاویری متناسب با سایز هدر خود انتخاب کنید ؛ نام این سه تصویر هدر را به صورت زیر نمایش دهید تا در ادامه با کدی که معرفی می کنیم بتوانید نتیجه ی مطلوب را بگیرید :

headerimage_1.gif

headerimage_2.gif

headerimage_3.gif

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

<img src="http://path_to_images/headerimage_<?php echo(rand(1,3)); ?>.jpg"
width="image_width" height="image_height" alt="image_alt_text" />

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

آموزش وردپرس
آموزش و پروژه رایگان برنامه نویسی

دیدگاه خود را بیان کنید