کد میانبر برای استفاده تگ صوتی HTML5 در وردپرس

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

خب برای شروع ابتدا کد زیر را در function.php خود قرار دهید.

<?php function html5_audio($atts, $content = null) {
	extract(shortcode_atts(array(
		"src" => '',
		"autoplay" => '',
		"preload"=> 'true',
		"loop" => '',
		"controls"=> ''
	), $atts));
	return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
}
add_shortcode('audio5', 'html5_audio');
 ?>

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

[audio5 src="http://your-site/audio/your-audio.mp3" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. چطوری می تونم یه صفحه فرستادن دیدگاه مثل همین بسازم

  2. function.php کجاست؟
    میشه راهنماییم کنید؟

    • 7 سال عضو همیار وردپرس

      سلام
      در قالب شما فایلی به اسم function.php موجود است. برای تغییر در آن میتوانید در پنل وردپرس به بخش نمایش ،ویرایشگر مراجعه کرده و این فایل را در آن بخش ببینید

  3. سللام جالب بود

  4. سلام ممنون عالی بود

  5. سلام
    ممنون از این ترفند عالی فقط اگه جواب این سوالا رو بدید ممنون میشم
    1. با مرورگر موزیلا مشکل داره،پلیر ظاهر میشه بلافاصله غیب میشه!
    2. برای اینکه اتوماتیک پخش نشه باید چیکار کنیم؟!

  6. سلام ، ممنون ، خیلی به کارم اومد ،
    یکی از دوستان بالا ازتون پرسید چیکار کنیم خودکار Play نشه ، شما جواب ندادین ، منم همین سوال رو دارم ، اگه امکانش هست توضیح بدین

  7. سلام
    من این کد را وارد فانکشن کردم اما حالا نمیتونم لاگین بشم
    یک صفحه سفید میاد
    چیکار کنم؟

  8. سلام خیلی ممنون بابت این کد زیبا
    اما مشکل من اینه پلیر نمی تونم با هیچ کدی وسط چین کنم لطفا کمکم کنید

  9. سلام نمیشه یه کد معرفی کنید که این رو در یکی از فایل های قالبمون مثلاً سایدبار استفاده کنیم؟

  10. سلام
    کدها رو پاک کردم درست شد. حیف که نمی تونم از این استفاده کنم

  11. سلام
    من کد رو داخل function.php گذاشتم و موقعی که ذخیره می کردم یک صفحه اومد با ارور 500 حالا هم موندم معطل نمی تونم وارد بشم. بنظرتون چی کار کنم؟

  12. سلام مجدد

    الان تست کردم داخل گوگل کروم بدون مشکل اجرا میشه ، اما داخل فایرفاکس سریع ظاهر میشه میره !

    ممنون میشم کمک کنید.

  13. سلام خسته نباشید.

    من کد رو میذارم ، اما تا صفحه میخواد باز بشه ، اون کد نمایش داده میشه بعد 1 ثانیه بسته میشه !

    مشکل از کجاست ؟

  14. سلام خسته نباشین من یک معلولم میخواستم به هر ادامه مطلب موزیک بزارم بلد نیستم یک افزونی باشه نصب کردم بتونم موزیک رو در ادامه مطلب انلاین بزارم ممنون از شما کمکم کنین

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

  16. سلام
    من هر بار این کد رو میزارم سایتم بالا نمیاد این واسه بار دومه که خراب شد ؟
    نمی دونید مشکلش چی هست؟
    کلا بالا نمیاد نه مدیریت نه خود سایت
    حتی کد رو هم پاک می کنم همینطور است

  17. سلام : میخوام آهنگم اتوماتیک پخش نشه جلوی عبارت autoplay چی بنویسم؟

  18. با سلام.
    بنده دنبال پلیر Zen Player هستم.
    اگر کدش رو برام ارسال کنید یا ایمیل کنید ممنون میشم.
    البته می خوام مثله همین باشه که در هر ادامه مطلبی بشه قرار داد.
    برام خیلی مهمه
    حتما جوابم رو بدین
    باتشکر

  19. سلام. علی آقا اگه میشه یه پلیر عالی که همه فرمت ها رو پشتیبانی کنه معرفی یا کدشو بذارین..یه چیزی مثل آپارات.Pro player فایده ای نداره .هم سنگینه و هم مشکل داره..ممنون

  20. سلام
    میشه یک دکمه کنارش قرار داد تا علاوه بر شنیدن، دانلود هم کنند اعضا؟

  21. اینم نصب کردم اجرا ولی اینم کار نمی کنه
    مدیاپلیر رو میاره ولی اجرا نمی کنه
    البته مدیا پلیر رو هم درست نشون نمیده ها

  22. من کدو گذاشتم
    ولی add_shortcode(‘audio5’, ‘html5_audio’);
    میگه این کد مشکل داره و خطا میکه

  23. سلام داداش دمت گرم من کارم بد جور گیر اینکد بود ولی یه مشکل داره پخش نمیکنه لطفا راهنمایی کنید

  24. خوب بود

  25. اگر بشه بهش قابلیت embed یا همون کد رو اضافه کرد برای درج در وبلاگ یا سایت هم خوب میشه

  26. خیلی عالی بود از این نوع موارد حتما بزارید محصوصا html5 که امکاناتش زیاد شده این هم خیلی خوب و کاربردی هست
    و از کلی افزونه بهتر و راحت تر و سبک تر

  27. عالی بود ممنون

مطالب زیر را حتما بخوانید

دوره‌های آموزشی