بسم الله الرحمن الرحيم

الحمد لله رب العالمين و صلى الله و سلم على أشرف الأنبياء و المرسلين نبينا محمد أبن عبدالله عليه أفضل الصلاة و التسليم و على آله و صحبه و التابعين و من أتبع هداه الى يوم الدين

أحبتي الكرام إدارة و أعضاء و زوار صقور الابداع

السلام عليكم و رحمة الله و بركاته.

اكتر من طريقة و اكواد تشغيل القران الكريم تلقائي داخل الصفحات مدونة WordPress

لإضافة مشغل صوتي للقرآن الكريم في جميع صفحات مدونة WordPress، يمكن استخدام الكود التالي. هذا الكود يجب وضعه في ملف footer.php الخاص بالقالب الذي تستخدمه، وذلك قبل علامة الإغلاق </body>:

HTML:
<!-- Audio Player for Quran -->
<audio controls autoplay loop>
  <source src="URL_TO_YOUR_QURAN_AUDIO_FILE.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


في هذا الكود، استبدل URL_TO_YOUR_QURAN_AUDIO_FILE.mp3 بالرابط الخاص بملف الصوت للقرآن الكريم.
ملاحظات:
  • الوسم autoplay يجعل الصوت يبدأ تلقائياً عند تحميل الصفحة.
  • الوسم loop يجعل الصوت يعاود العرض تلقائياً بعد انتهائه.
تحذير:تشغيل الصوت تلقائياً عند تحميل الصفحة يمكن أن يكون مزعجًا لبعض المستخدمين، ويفضل استخدام هذه الخاصية بحذر.
إذا كنت لا ترغب في تعديل ملفات القالب يدوياً، يمكنك استخدام إحدى الإضافات المتاحة في WordPress لإضافة كود HTML أو JavaScript إلى الرأس أو التذييل.
يرجى التأكد من احترام حقوق الملكية الفكرية عند استخدام ملفات الصوت.


فيما يلي كود تشغيل القران الكريم تلقائيًا بجميع صفحات مدونة WordPress:


HTML:
<script src="https://cdn.rawgit.com/saadlamrani/quran-mp3/master/quran.js"></script>
<script>
  // اضبط مسار الملف الصوتي للقرآن الكريم
  var quranPath = "https://cdn.rawgit.com/saadlamrani/quran-mp3/master/";

  // ابدأ تشغيل القرآن الكريم تلقائيًا
  function playQuran() {
    var quran = new Quran(quranPath);
    quran.play();
  }

  // قم بتشغيل القرآن الكريم عند تحميل الصفحة
  window.onload = playQuran;
</script>


هذا الكود سيضيف ملف JavaScript إلى جميع صفحات مدونة WordPress الخاصة بك. سيتضمن هذا الملف JavaScript مكتبة القرآن الكريم التي يمكنك استخدامها لتشغيل القرآن الكريم.
لضبط مسار الملف الصوتي للقرآن الكريم، قم بتعديل قيمة quranPath في الكود. يمكنك العثور على مسار الملف الصوتي للقرآن الكريم على موقع GitHub الخاص بمكتبة القرآن الكريم.
لتشغيل القرآن الكريم تلقائيًا عند تحميل الصفحة، قم بتعديل وظيفة playQuran() في الكود. هذه الوظيفة ستنشئ كائنًا من فئة القرآن وتبدأ تشغيله.
يمكنك أيضًا اختيار تشغيل القرآن الكريم فقط على صفحات معينة. للقيام بذلك، يمكنك إضافة الكود التالي إلى الصفحة التي تريد تشغيل القرآن الكريم عليها:



HTML:
<script src="https://cdn.rawgit.com/saadlamrani/quran-mp3/master/quran.js"></script>
<script>
  // اضبط مسار الملف الصوتي للقرآن الكريم
  var quranPath = "https://cdn.rawgit.com/saadlamrani/quran-mp3/master/";

  // ابدأ تشغيل القرآن الكريم تلقائيًا
  function playQuran() {
    var quran = new Quran(quranPath);
    quran.play();
  }

  // قم بتشغيل القرآن الكريم عند تحميل الصفحة
  window.onload = playQuran;

  // تحقق مما إذا كانت الصفحة الحالية هي الصفحة التي تريد تشغيل القرآن الكريم عليها
  if (document.querySelector('.my-page')) {
    playQuran();
  }
</script>


هذا الكود سيتحقق مما إذا كانت الصفحة الحالية هي الصفحة التي تريد تشغيل القرآن الكريم عليها. إذا كانت كذلك، فسيتم تشغيل القرآن الكريم تلقائيًا.
لمزيد من المعلومات حول كيفية استخدام مكتبة القرآن الكريم، يرجى زيارة موقع GitHub الخاص بها.





كل ما عليك هو الاتجاة الى لوحة التحكم

ثم الدخول على المظهر و اختيار المربعات الجانبية كما في الصورة التالية


بعد ذلك نقوم باختيار نوع المربع المراد ادراج الكود بداخلة و هو نص كما في الصورة التالية


نقوم بسحبه الى القائمة الجانبية او المربعات الجانبية المعتمدة في الصفحات المدونة

وأضافة الكود بداخل المربع كما هو موضوح بالصورة التالية و اضغط على حفظ


اتمنى ختامناً ان افدتكم و منكم نستفيد

قال رسول الله صلى الله عليه و سلم في حديثه (اللهم أعوذ بك من علم لا ينفع، ومن نفس لا تشبع، ومن دعوة لا يُستجاب لها)، رواه مسلم

فنشروا علمكم لاخوانكم المسلمين



هذا و لكم فائق أحترامي

 

التعديل الأخير بواسطة المشرف:

المواضيع المشابهة

عودة
أعلى