خانه > وردپرس > سربرگ جذاب یا گالری عکس های تصادفی در ساید بار، فقط با یک کد ساده!

سربرگ جذاب یا گالری عکس های تصادفی در ساید بار، فقط با یک کد ساده!

داشتن عکس سربرگ (هدر) زیبا، هر وبلاگی را جذاب می کند. اما فکر کنید که هر بار که بازدید کننده وبلاگ شما را می بیند، با عکس متفاوتی در بالای وبلاگ شما روبرو شود! اینطور ظاهر وبلاگ از یکنواختی در می آید وخسته کننده نیست و هم بازدید کننده با هر بار رفرش صفحه، عکس متفاوتی را به طور تصادفی در بالای وبلاگ می بیند. این کار در وردپرس به سادگی امکان پذیر است:

عکس های دلخواه خود را با این فرمت نام گذاری کنید:

mE_1.jpg

mE_2.jpg

و همین طور به ترتیب هر عکسی که می خواهید با شماره بعدی نام گذاری کنید.

عکس ها در فولدری به نام headers در مسیر اصلی وبلاگ خود (root) آپلود کنید.

کد زیر را در header.php در جایی که می خواهید عکس ها در بالای وبلاگ نمایش داده شوند، قرار دهید:

<img src="/headers/mE_<?php echo(rand(1,2)); ?>.jpg"width="image_width" height="image_height" alt="" />

انجام شد! هر بار که صفحه خود را رفرش کنید و با هر بازدید بازدیدکننده، یکی از عکس ها به طور تصادفی در سربرگ نمایش داده می شوند.

مشاهده نمونه وبلاگ با این کد: moBina.mirani.ir

- این کد فقط برای وردپرس نیست و با سایت مبتنی بر php کار می کند.

- اعداد ۱ و ۲ در کد بالا، تعداد عکس ها را نشان می دهند. بدین معنی که از ۱ تا ۲ به صورت تصادفی عکس انتخاب شود.  در صورتی که از تعداد بیشتری عکس استفاده کردید، عدد ۲ را به تعداد عکس ها تغییر دهید.

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

به دوستانتان پیشنهاد کنید:
balatarin cloob viwio Donbaleh Twitter Facebook Google Buzz Google Bookmarks Digg yahoo Technorati delicious
  1. میلاد
    ۱۷ شهریور ۱۳۸۹ در ۰۸:۵۴ | #1

    Firefox 3.6.8 Windows XP

    جالب بود. ولی یکم نوآوری داشته باشه مطالبتون بد نیست مهدی جان.
    ورودت به سیاره رو هم تبریک میگم

    mEhdi پاسخ در تاريخ شهریور ۱۷م, ۱۳۸۹ ۹:۵۳ ق.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @میلاد, میلاد جان من که توی عنوان هم نوشتم “یک کد ساده” ;)
    درسته که نوآوری خاصی نداره. اما از تعداد کلیک هایی که روی صفحه نمونه و تعداد رفرش های اون وبلاگ، مطمئن شدم که “خیلی ها” این کد ساده رو نمیدونستن یا براشون جذاب بود.
    ولی موافقم که کمی نوآوری واسه افراد حرفه ای هم میتونه جالب باشه.
    ممنون.

  2. ۱۹ شهریور ۱۳۸۹ در ۱۲:۵۰ | #2

    MSIE 6.0 Windows XP

    اقا مهدی میتونی من رو در مورد این قالب راهنمائی کنی
    http://www.whiths2.com

    mEhdi پاسخ در تاريخ شهریور ۱۹م, ۱۳۸۹ ۳:۱۱ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @سلام, کدوم قالب؟
    سایتی که نوشتی باز نمیشه.
    آدرس یا اسم فالب رو بگو و کدهای header.php قالبت رو بزار.

  3. ۱۹ شهریور ۱۳۸۹ در ۲۰:۲۹ | #3

    Firefox 3.6 Windows XP

    ببخشید من هیچی نفهمیدم یعنی چجوری باید در فولدری به نام headers در مسیر اصلی وبلاگ خود (root) آپلود کنیم،میشه به من کمک کنید…؟

    mEhdi پاسخ در تاريخ شهریور ۱۹م, ۱۳۸۹ ۸:۳۹ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @علی, @علی, به این قسمت از کد توجه کن:
    img src=”/headers/mE
    یعنی در هاست خودت، در همون جایی که وردپرس رو نصب کردی، پوشه ای به اسم headers ایجاد می کنی و عکس ها رو به همون شکلی که گفتم آپلود می کنی.

  4. ۱۹ شهریور ۱۳۸۹ در ۲۰:۳۴ | #4

    Firefox 3.6 Windows XP

    نمیشه همینجوری عکس هامون رو توی سایت آپلود کنیم و بعد آدرسشو بنویسیم جای اون…

    mEhdi پاسخ در تاريخ شهریور ۱۹م, ۱۳۸۹ ۸:۴۲ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @علی, چرا میشه.
    ولی باید کد رو تغییر بدی. به فرض آدرس آپلود عکس هات اینه:
    http://yourdomain.com/pic_1.jpg
    http://yourdomain.com/pic_2.jpg
    و همینطور ادامه…

    حالا این قسمت کد رو
    img src=”/headers/mE_

    به این تغییر میدی
    img src=”http://yourdomain.com/pic_

    امیدوارم متوجه شده باشی.

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

  5. ۱۹ شهریور ۱۳۸۹ در ۲۰:۴۵ | #5

    Firefox 3.6 Windows XP

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

    mEhdi پاسخ در تاريخ شهریور ۱۹م, ۱۳۸۹ ۸:۵۱ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

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

    از لینک های سمت راست این آدرس شروع کن:
    http://forum.wp-persian.com

    mEhdi پاسخ در تاريخ شهریور ۱۹م, ۱۳۸۹ ۸:۵۷ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @mEhdi, دو تا عکس رو که میخوای بزاری با اسم های زیر داخل کامپیوترت ذخیره کن:
    m_1.jpg
    m_2.jpg
    و بعد آپلود کن.

    بعد کدهای قبلی رو که اضافه کرده بودی رو پاک کن و کد زیر رو بزار ببین چی میشه:

    <img src="http://matarsaketanha.com/wp-content/uploads/m_.jpg“width=”image_width” height=”image_height” alt=”" />

    حتما اسم عکس ها رو عوض کن بعد آپلود کن.

  6. ۱۹ شهریور ۱۳۸۹ در ۲۱:۱۱ | #6

    Firefox 3.6 Windows XP

    خیلی ازت ممنونم که منو راهنمایی کردی

  7. ۲۰ شهریور ۱۳۸۹ در ۰۴:۵۸ | #7

    Firefox 3.6.8 Windows XP

    باسلام عالی بود فقط قالب من در هیدر پی ج پ که گذاشتمblogtitel را میاره زیر هیدر روی صحفه سایت و دوم اینکه لوگو سایتم هم نشون نمیده اگر لازم بود کد را براتون بگذارم اینجا
    الان گفتماسپام میشه نگذام اینکارتون عالیه لطفا کمک کنید و دقیق بگید کجا کد قراربدهم
    من خیلی باهاش وررفتمبه سختی تازه تونستم عکسهارا با عکس هیدر تنظیم کنم فقط همین دو مشکل
    مانده ممنون میشم پاسخ بدید

    mEhdi پاسخ در تاريخ شهریور ۲۰م, ۱۳۸۹ ۵:۰۸ ق.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @kouchi, کد رو در header.php، در آخر کدها اضافه کن.
    اینجور تایتل و لوگو بالاتر از عکس ها قرار می گیرن.
    چون کدها رو ندارم، نمی تونم دقیق بگم.
    به احتمال زیاد با همین کار مشکلت حل میشه.

  8. ۲۰ شهریور ۱۳۸۹ در ۰۵:۲۵ | #8

    Firefox 3.6.8 Windows XP

    ببین من هنوز دارم دستکاری میکنم در موزیلا خوب نشون میده بدون لوگو ولی اینترنتاکسپلور نشون نمیده یک ایمل بزن من فایل هیدر براتون ارسال کنم dorf[at]dorf.ir

    mEhdi پاسخ در تاريخ شهریور ۲۰م, ۱۳۸۹ ۵:۴۹ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @kouchi,ایمیل فرستاده شد.

  9. mEhdi
    ۲۰ شهریور ۱۳۸۹ در ۱۷:۵۲ | #9

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @رستمی, دوست عزیز، لوگو رو کجا اضافه کنید؟ برای اضافه کردن لوگو مطلب جدید وبلاگ را مطالعه کنید. اگر سوالی داشتید می توانید بپرسید.

  10. ۲۰ شهریور ۱۳۸۹ در ۱۸:۲۶ | #10

    Safari iPhone  iOS 4.0

    سلام مجدد از جوابتان ممنون نفهمیدم مطلب جدید وبلاک که فرمودید مطالعه کنم کجاست و جکونه به کد قالب دسترسی بیدا کنم

    mEhdi پاسخ در تاريخ شهریور ۲۰م, ۱۳۸۹ ۶:۵۸ ب.ظ:

    Firefox 3.6.8GTB7.1.NETCLR3.5.30729 Windows Vista

    @علی رستمی, مطلب جدید اینجاست:
    http://mirani.ir/blog/1389/06/20/13-tricks-for-wp-functions-file/
    اما اگه نمی تونید حتی کدهای قالب کجاست، فکر نمی کنم زیاد به کارتون بیاد.
    کدها از قسمت: پیشخوان>نمایش>ویرایشگر در دسترس هست.

    پیشنهاد می کنم در آدرس:
    http://forum.wp-persian.com/
    لینک های سمت راست (منابعی برای شروع) را مطالعه کنید.

  11. ۲۳ شهریور ۱۳۸۹ در ۱۷:۱۲ | #11

    Firefox 3.6.9.NETCLR3.5.30729 Windows XP 64-bit/Server 2003

    تعلیم و تعلم عبادست
    با فروتنی انسان می شوی نه با حرفه ای بودن و شما انسانی دوست عزیز
    آگهی رایگان اینترنتی http://ad.fruzan.com

  12. ۵ مهر ۱۳۸۹ در ۱۵:۵۷ | #12

    Firefox 3.6 Windows XP

    واقعا ازت ممنونم که اون عکس را برای سایتم گذاشتی رفیق :)

  1. بدون بازتاب

Array
(
)