كيفية إضافة الموسيقى إلى موقع WordPress الخاص بك

نشرت: 2022-09-11

إذا كنت ترغب في إضافة موسيقى إلى موقع WordPress الخاص بك ، فهناك عدة طرق مختلفة يمكنك اتباعها. يمكنك تحميل الملفات الصوتية مباشرة إلى مكتبة الوسائط الخاصة بك ثم تضمينها في منشوراتك وصفحاتك ، أو يمكنك استخدام خدمة بث الموسيقى مثل Spotify أو SoundCloud. إذا لم تكن متأكدًا من كيفية البدء ، فسيوضح لك دليلنا التفصيلي أدناه كيفية إضافة الموسيقى إلى موقع WordPress الخاص بك باستخدام كلتا الطريقتين.

قم بتثبيت المكونات الإضافية المجانية أو المدفوعة لإضافة مشغلات الصوت إلى موقع WordPress الخاص بك. في هذا البرنامج التعليمي ، سنستعرض ما هو المكوِّن الإضافي لألبوم الصوت ، وهو مجاني تمامًا للاستخدام. يسمح لك المكون الإضافي بتضمين ملفات الصوت في صفحة ويب ثم تغيير مظهر واجهة مشغل الموسيقى تمامًا. ستنتج جميع الأسطر أعلاه مشغل موسيقى يشبه الصورة أدناه تمامًا. لتخصيص مظهر مشغل الموسيقى المصمم حديثًا لدينا ، لدينا خياران. لحذف CSS المطبق بواسطة المكون الإضافي ، استخدم مربع الاختيار Manual CSS في أسفل الصفحة. يمكنك الآن تخصيص مظهر المشغل بطريقتك المفضلة باستخدام CSS الخاص بك.

يجعل المكون الإضافي Audio Album من السهل إضافة مشغل صوت أو موسيقى إلى موقع الويب الخاص بك. لجعل المشغل يظهر ، ما عليك سوى إضافة بعض الرموز القصيرة إلى صفحة الويب التي تريد أن يظهر المشغل عليها. عند النقر فوق أي من أزرار الشراء هذه ، يتم عرض نافذة منبثقة بها صفحة ويب أو منشور مرتبط بمعرف رابط الزر.

كيف يمكنني إضافة موسيقى إلى موقع الويب الخاص بي؟

الائتمان: How-To Geek

هناك عدة طرق مختلفة يمكنك من خلالها إضافة الموسيقى إلى موقع الويب الخاص بك. إحدى الطرق هي تضمين مشغل موسيقى على موقع الويب الخاص بك. يمكن القيام بذلك باستخدام كود HTML أو باستخدام مشغل موسيقى تابع لجهة خارجية . هناك طريقة أخرى لإضافة الموسيقى إلى موقع الويب الخاص بك وهي تحميل الملفات الصوتية مباشرة إلى خادم الويب الخاص بك. بمجرد تحميل الملفات الصوتية ، يمكنك بعد ذلك الارتباط بها من موقع الويب الخاص بك.

يمتلك كل من الموسيقيين وكتاب الأغاني والمنتجين أربع صفحات منفصلة على الأقل على مواقع الموسيقى الخاصة بهم. لتمييز أغنية جديدة ، قم بتمييزها في الصفحة الرئيسية ، أو لربط الألبوم بأكمله بصفحة "حول". إذا كنت لا تعرف كيفية البرمجة ، فقد تبدو إضافة الموسيقى إلى موقع ويب باستخدام HTML أمرًا شاقًا. إذا كنت فنانًا أو موسيقيًا ، فيمكنك دمج الموسيقى الخاصة بك في موقع الويب الخاص بك بعدة طرق. باستخدام هذه الميزات ، يمكنك زيادة عدد المستخدمين الذين يزورون صفحاتك على خدمات البث الأخرى. يمكن استخدام متجر على الإنترنت لاستضافة مجموعة الموسيقى الخاصة بك عن طريق تحميل ملفات MP3 والألبومات. لن تحتاج إلى إصدار أغانٍ فردية وألبومات مباشرة لأن تقنية الذكاء الاصطناعي في Constant Contact تجعل الأمر أسهل من أي وقت مضى.

عندما تبيع نسخًا مادية من موسيقاك ، فإن امتلاك متجر على الإنترنت سيساعدك في زيادة المبيعات إلى ما بعد أزعجك. يمكن أن يساعدك وجود نظام أساسي للتجارة الإلكترونية على موقع الويب الخاص بك على التواصل بشكل أفضل مع معجبيك. يمكنك تجنب الاضطرار إلى الاعتماد على البائعين الخارجيين للموسيقى والبضائع الخاصة بك باستخدام هذه الخدمة. باستخدام Constant Contact ، يمكنك توسيع علامتك التجارية مع توسيع نطاقك أيضًا. باستخدام أداة إنشاء المواقع الذكية الخاصة بنا ، يمكنك إنشاء موقع ويب مخصص في دقائق. إذا لم يكن لديك الوقت أو الرغبة في تعلم كيفية إضافة الموسيقى إلى موقع ويب HTML ، فاستخدم أدوات إنشاء مواقع الويب الذكية الخاصة بـ Constant Contact.

كيف يمكنني إضافة قائمة تشغيل صوتية إلى WordPress؟

الائتمان: WordPress

من خلال النقر على زر إضافة وسائط ، يمكنك تحميل ملفاتك الصوتية. لإضافة روابط قائمة تشغيل جديدة ، اختر الملفات التي تريد تضمينها في قائمة التشغيل ثم انقر على رابط إنشاء قائمة تشغيل جديدة في العمود الأيمن.

يمكنك بالفعل إنشاء قائمة تشغيل صوتية دون استخدام أي مكونات إضافية تابعة لجهات خارجية مع مشغل الصوت في WordPress. إذا كنت بحاجة إلى تخصيص إضافي ، فستحتاج إلى مكون إضافي تابع لجهة خارجية لجعل قائمة التشغيل تبدو وتشعر بمزيد من التخصيص. لم يتم إصدار هذه الميزة بعد بواسطة محرر WordPress الجديد - Gutenberg - على الرغم من تضمينها في الإصدار الأول للمحرر الجديد. عند إضافة قائمة تشغيل صوتية إلى موقع WordPress الخاص بك ، سيتم عرضها في قائمة الصوت في WordPress. يعد المكون الإضافي audioigniter أحد المكونات العديدة المتاحة ، ولكن في هذا الفيديو ، سأوضح لك كيفية إنشاء قائمة تشغيل باستخدامه. فيما يتعلق ببيئة العمل ، تبدو الواجهة واضحة ومألوفة. من خلال الانتقال إلى قسم الإعدادات ، يمكنك تعديل المشغل وتخصيصه بالإضافة إلى قوائم التتبع. يمكنك جعل قائمة التشغيل عامة عن طريق تحميلها إلى منشور أو صفحة.

استخدام مُنشئ كود التضمين في WordPress.org

إذا كنت لا ترغب في استخدام المحرر المرئي أو ترغب في إضافة المزيد من التحكم ، يمكنك استخدام منشئ شفرة تضمين WordPress.org. يمكنك الحصول على رمز تضمين لقائمة التشغيل الخاصة بك عن طريق إدخال عنوان URL وقائمة التشغيل .

قائمة تشغيل الصوت في WordPress

تعد قائمة تشغيل الصوت في WordPress طريقة رائعة للحفاظ على الموسيقى الخاصة بك منظمة ويسهل الوصول إليها. يمكنك إنشاء قائمة تشغيل باستخدام المشغل المدمج أو باستخدام البرنامج المساعد. باستخدام مكون إضافي ، يمكنك إنشاء قائمة تشغيل يتم تحديثها تلقائيًا عند إضافة أغانٍ جديدة إلى مكتبتك. يمكنك أيضًا إضافة الأغاني إلى قائمة التشغيل الخاصة بك من مواقع الويب الأخرى.

كيف تنشئ قائمة تشغيل لمحتوى صوتي على WordPress؟ بنفس الطريقة التي يمكن بها إنشاء قائمة تشغيل الفيديو ، يمكن أيضًا إنشاء قائمة تشغيل صوتية. يجب أن يكون المحتوى الخاص بك هو المحتوى الصوتي الوحيد الذي تقدمه. لن تتطلب هذه المهمة أي ملحقات إضافية لإكمالها. في هذه المقالة ، سأوضح لك كيفية إعداد قائمة تشغيل على موقع WordPress الخاص بك. من الضروري التأكد من أن المسار الصوتي هو MP3 أو OGG أو WAV3. لن تسمح منصة WordPress باستخدام أي تنسيقات ملفات أخرى.

من خلال تحريك المسارات أمام بعضها البعض ، يمكنك تغيير الترتيب. يمكن العثور على خيار المكتبة في لوحة الإدارة اليسرى عن طريق تحديد الوسائط من قائمة الوسائط. في مكتبة الوسائط ، ستجد مربعات نصية مألوفة لها نفس مجموعة الأحرف المستخدمة للصور ومقاطع الفيديو. يرجى ملء المعلومات أو تعديلها إذا كنت بحاجة إلى تغيير العنوان أو الفنان أو الألبوم أو التسمية التوضيحية. في كل مرة يتم فيها تغيير ملف صوتي تريد عرضه ، قم بتطبيق هذه الخطوات عليه. من السهل تجميع قائمة تشغيل صوتية ، ولكن يجب تحديثها باستمرار. يمكنك إضافة محتوى إليه بشكل منتظم أو إنشاء قوائم تشغيل جديدة. أنشئ قائمة تشغيل لكل موسم من البودكاست ، على سبيل المثال. إذا كنت تعرض عددًا قليلاً فقط من مسارات الموسيقى للزوار للاستماع إليها أثناء القراءة ، فيجب عليك تغييرها.

البرنامج المساعد لألبوم الصوت

يعد المكون الإضافي لألبوم الصوت طريقة رائعة لتنظيم وعرض مجموعة الموسيقى الخاصة بك على موقع الويب أو المدونة الخاصة بك. باستخدام هذا المكون الإضافي ، يمكنك بسهولة إنشاء معرض صوتي جميل يحتوي على ألبومات وقوائم تشغيل ومسارات. هذا البرنامج المساعد مثالي لمنسقي الأغاني والموسيقيين وعشاق الموسيقى.

تم تصميم المكون الإضافي لموقع Dave Draper في البداية لقسم الموسيقى في موقعه على الويب. يحتوي ألبوم الصوت على إمكانيات صوتية توفرها mediaelement.js ، والتي يتم تضمينها مع ملفات WordPress الأساسية. ككتلة واحدة ، يمكنك تنسيق مجموعة من الملفات الصوتية (ملفات MP3 ، على سبيل المثال) في ألبوم. يمكن استخدام هذين الرمزين القصيرين بالطرق التالية. يمكنك الحصول على و [مسار صوتي]. يمكنك استخدام المعلمات القياسية الأصلية للرموز الصوتية القصيرة WordPress في الرمز القصير [مسار صوتي] أيضًا. يمكن العثور على الرموز المختصرة للأعمدة في مجموعة متنوعة من سمات WordPress أو المكونات الإضافية ، لذا يجب أن تكون سهلة الاستخدام.

يعد Manual CSS خيارًا قابلاً للتطبيق للمطورين ذوي الخبرة الذين يتمتعون بمهارات CSS. لا توجد ميزات قائمة التشغيل المتاحة على الموقع. سأكون ممتنًا لمراجعة خمس نجوم على صفحة مراجعة البرنامج المساعد. لماذا لا تعمل؟ إذا لم يكن الأمر مناسبًا لك ، فربما تكون قد ارتكبت جريمة. يتم تمثيل مجموعة البيانات الثنائية باستخدام أحرف نصية فقط في Base64. يمكن أن تستخدم ورقة الأنماط هذه الطريقة بشكل قانوني لتضمين صور gif و png كمعرفات URI للبيانات.

الألبوم الصوتي هو برنامج مفتوح المصدر. في هذه الحالة ، يتوفر دعم البريد الإلكتروني غير المجاني إذا كانت شروط الحصول على دعم مجاني في المنتدى العام لا تلبي مستوى الدعم المطلوب. إذا كنت بحاجة إلى دعم البريد الإلكتروني المدفوع مسبقًا ، فيرجى زيارة cubecolour.co.uk/premium-support.

عنصر صوت Html5

يتم استخدام عنصر صوت HTML5 لتضمين محتوى صوتي في مستند HTML أو XHTML. يمكن توفير محتوى الصوت بعدة طرق ، مثل الصوت المضمن وتدفق الصوت وملفات الصوت الخارجية. يتم تعريف الصوت المضمن باستخدام عنصر الصوت. يحتوي هذا العنصر على عنصر مصدر واحد أو أكثر ، كل منها يحدد مصدر صوت مختلف. سيختار المتصفح العنصر المصدر الأول المتوافق مع متصفح المستخدم والأجهزة. يتم تحديد تدفقات الصوت باستخدام عنصر الصوت والسمة src. تحدد السمة src عنوان URL للدفق الصوتي. يتم تعريف ملفات الصوت الخارجية باستخدام عنصر الصوت والسمة src. تحدد السمة src عنوان URL لملف الصوت.