نمایش هدر چرخشی در وردپرس

  • توسط فاطمه نوروزی
  • ۲ سال پیش
  • ۰
نمایش هدر چرخشی در وردپرس

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text]

با سلام. احتمالا هدر (header) وب سایت شما هم مثل بسیاری از وب سایت های دیگر دارای تصویر ثابت بزرگی است! اگر به دنبال یک تغییر و تحول در سبک نمایش هدر سایتتان هستید پیشنهاد می کنیم این آموزش را از دست ندهید.

در این آموزش قصد داریم به جای استفاده از یک تصویر ثابت در هیدر از سه تصویری که می چرخند استفاده کنیم.

randomheaderimages

گام اول: سه تصویر با نام های زیر در فولدر قالبتان آپلود کنید.

  • headerimage_1.gif
  • headerimage_2.gif
  • headerimage_3.gif

گام دوم: فایل header.php را باز کنید و کد زیر را در هر کجایی که تمایل دارید تصاویر نمایش داده شود جایگزاری کنید.

image_alt_text

در صورتی که تمایل دارید از تعداد تصاویر بیشتری استفاده نمایید، فراموش نکنید که عدد ۳ مقابل rand را تغییر دهید.

توجه: این کد مختص وردپرس نمی باشد و شما قادر به استفاده آن در هر سایتی که تحت php باشد هستید.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

  • facebook
  • googleplus
  • twitter
  • linkedin
  • linkedin
  • linkedin

افتادگی آموز گر طالب فیضی / هرگز نخورد آب، زمینی که بلند است ...

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *