گاهی دوست داریم تصویر هدر سایتمون مطابق طراحی و سلیقه خودمون باشه. اصولا تصاویر هدر سایت استاتیک هستند، و بعد از مدتی ، خسته کننده به نظر میرسند. احتمالا سایت‌های وردپرسی زیادی رو هم دیدید که تصویر هدرشون به طور تصادفی عوض میشه. در این مقاله قصد دارم روش ایجاد تصاویر تصادفی برای هدر سایت رو واستون توضیح بدم.
اگر تازه‌کار باشید ، احتمالا فکر میکنید که باید کار خیلی سختی باشه و حتما به پلاگین نیاز داره ، اما اصلا اینطور نیست.
اولین کاری که باید انجام بدید اینه که تصاویر رو آماده کنید. فقط باید سایز تصاویری که انتخاب میکنید مناسب و یکی باشه، پسوند تصاویر هم همینطور. برای مثال اگر تصویر اول jpg. هست سایر تصاویری که انتخاب میکنید هم باید jpg. باشند. در تعداد تصاویر هیچ محدودیتی ندارید، اما ما در این مقاله از 3 تصویر استفاده میکنیم.
وقتی تصاویر مورد نظرتون رو انتخاب کردید ، اونها رو مانند مثال زیر به ترتیب نام گذاری کنید.
• headerimg_1.gif
• headerimg_2.gif
• headerimg_3.gif
نامهاتون رو باید با آندرلاین ، نامگذاری کنید. نامها به خودتون بستگی داره و میتونید اونها رو به سلیقه خودتون نامگذاری کنید مثلا himage یا هر نام دیگه ای که دوست دارید.
وقتی این کار رو انجام دادید به سراغ فایل header.php برید و کدهای زیر رو در جایی که مدنظرتون هست paste کنید.
<img src=”http://path_to_images/headerimg_<?php echo(rand(1,3)); ?>.jpg”
width=”image_width” height=”image_height” alt=”image_alt_text” />
فقط باید حواستون باشه که اگر تعداد تصاویرتون از 3 تا بیشتره ، عدد 3 درون کد رو هم باید عوض کنید. همچنین باید توجه داشته باشید که اسامی که برای تصاویرتون انتخاب کردید با نام ذکر شده در کد یکی باشد (headerimg). این کد منحصرا مربوط به وردپرس نیست بلکه در هر پلتفورم مبتنی بر php دیگه ای هم جواب میده.
موفق باشید…
بدون دیدگاه