كيفية تضمين ملفات PDF في WordPress


قد ترغب في بعض الأوقات في تضمين ملف PDF في منشورك أو صفحتك:

  • قد يرغب مؤلف الكتاب في منح القراء نسخة مجانية.
  • لإضافة كتالوجات المنتجات على موقع الويب الخاص بك.
  • لمشاركة تصميماتك بتنسيق PDF مع العملاء.
  • قد يكون لديك وكالة سفر وترغب في إظهار خط سير الرحلات السياحية.

لكن هناك مشكلة!

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

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

ولكن ماذا لو كنت تريد تضمين ملفات PDF في منشوراتك والسماح للزائرين بمشاهدتها دون مغادرة موقع الويب الخاص بك؟ هل هناك حل لهذا؟ الإجابة القصيرة هي نعم.

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

كيفية تضمين ملف PDF مع البرنامج المساعد

هناك العديد من المكونات الإضافية التي يمكنك استخدامها لإضافة ملف PDF إلى منشور WordPress الخاص بك.

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

الخطوة 1: قم بتثبيت البرنامج المساعد PDF Embedder

قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك وانتقل إلى الإضافات> إضافة جديد. ابحث الآن أداة دمج ملفات PDF في مربع البحث. بمجرد العثور على المكون الإضافي ، ما عليك سوى تثبيته وتنشيطه. بسيط ، صحيح؟

قم بتثبيت البرنامج المساعد PDF Embedder

الخطوة 2: تكوين البرنامج المساعد

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

إعدادات PDF Embedder

يسمح لك الإصدار المجاني من هذا المكون الإضافي بتغيير ما يلي:

  • العرض والارتفاع – يمكنك تعديل عرض وارتفاع عارض PDF. يقبل القيم الصحيحة (بالبكسل) أو ماكس (عرض 100٪).
  • تأجير شريط الأدوات – شريط أدوات عارض PDF هذا يسمح لجمهورك بالتكبير أو التصغير والانتقال إلى الصفحة التالية أو السابقة. يمكنك وضع شريط الأدوات في الأعلى أو الأسفل أو كليهما.
  • التمرير في شريط الأدوات – يمكنك تحديد ما إذا كنت تريد أن يكون شريط الأدوات مرئيًا فقط عند التمرير فوق المستند أم لا.

الآن هذه هي الإعدادات العامة. ولكن ماذا لو كنت تريد تغيير الإعدادات لملف معين؟ حسنًا ، يمكنك القيام بذلك بمساعدة الرموز القصيرة. هنا مثال:

[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf”  width=”500″ toolbar=”top” toolbarfixed=”on”]

في المثال أعلاه ، يتم تعيين العرض على 500 بكسل ، ويتم تعيين موقع شريط الأدوات في الأعلى ، ويتم تثبيت شريط الأدوات. يمكنك أيضًا ضبط شريط الأدوات في الأسفل وإيقاف تشغيل شريط الأدوات الثابت.

يحتوي هذا المكون الإضافي أيضًا على إصدار متميز يوفر ميزات مثل زر التنزيل والتنزيل وتتبع العرض والتمرير المستمر للصفحة والروابط المفتوحة في نافذة جديدة.

الخطوة 3: قم بتضمين ملف PDF في منشورك أو صفحتك

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

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

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

أدخل ملف PDF Classic Editor

هذا كل شيء ، يمكنك الآن معاينة المنشور الخاص بك للتحقق مما إذا كان يعمل بشكل صحيح أم لا.

ماذا حدث محرر جوتنبرج؟ حسنًا ، يأتي ملحق PDF Embedder بكتلة معينة. لذا قم بإنشاء منشور جديد وانقر فوق أيقونة إضافة كتلة. ثم نجد أداة دمج ملفات PDF قفل وتحديده.

أدخل ملف PDF محرر جوتنبرج

أخيرًا ، انقر فوق الكتلة لتحديد (أو تحميل) ملف PDF الخاص بك ويتم عملك.

ها هي النتيجة النهائية ، بغض النظر عن المحرر الذي تستخدمه:

ملف PDF مضمن النهائي

شعبية إضافات عارض PDF

على الرغم من أن المكون الإضافي PDF Embedder يقوم بعمل جيد ، إلا أنه من الجيد دائمًا وجود بعض البدائل. اسمح لي الآن بمشاركة بعض المكونات الإضافية المجانية والمتميزة لعارض PDF ، بدون ترتيب معين:

عارض PDF لبرنامج WordPress

عارض PDF لبرنامج WordPress الإضافي

مع أكثر من 3900 مبيعات ، يعد PDF Viewer for WordPress المكون الإضافي الأكثر مبيعًا لعارض PDF في CodeCanyon. إنه مكون إضافي سريع الاستجابة ومتوافق مع المستعرضات. يسمح لك هذا المكون الإضافي بتمكين أو تعطيل خيارات مثل الطباعة والتنزيل والتكبير / التصغير وتصفح الصفحة والمشاركة على الشبكات الاجتماعية. يمكنك أيضًا استخدام Google Analytics مع WordPress لتتبع عدد الزوار الذين قرأوا ملفات PDF الخاصة بك.

جوجل درايف إنكوربوريتور

Google Drive embed plugin

Google Drive Embedder هو مكون إضافي مجاني يتيح لك الوصول إلى Google Drive من لوحة معلومات WordPress الخاصة بك وتضمين ملفات PDF أو مستندات Word أو جداول البيانات في منشورك أو صفحتك. ومع ذلك ، لاستخدام هذا البرنامج المساعد ، يجب عليك تثبيت تسجيل الدخول إلى تطبيقات Google أيضًا: الغرض من هذا المكون الإضافي هو توصيل Google Drive بموقع WordPress الخاص بك.

عارض Algori PDF

البرنامج المساعد عارض Algori PDF

هل تبحث عن ملحق Gutenberg block لتضمين ملفات PDF؟ يمكنك تجربة البرنامج المساعد Algori PDF Viewer. هذا المكون الإضافي المجاني متوافق مع جميع متصفحات الويب مثل Google Chrome و Firefox و Safari و Opera و Internet Explorer 11. يسمح لك بتحميل ملفات متعددة على صفحة واحدة ويدعم وضع العرض التقديمي.

Real3D FlipBook WordPress Plugin

Real3D FlipBook WordPress Plugin

كما يوحي الاسم ، فإن Real3D FlipBook عبارة عن مكون إضافي حساس للمس ثلاثي الأبعاد لعرض ملفات PDF والصور. تم تطويره باستخدام HTML5 ولا يتطلب استخدام فلاش. يمكنك تخصيص إعدادات مثل السرعة والصوت ومستوى التكبير وزاوية الكاميرا. يدعم هذا المكون الإضافي أيضًا وضع ملء الشاشة ووضع العرض المبسط.

أدخل أي مستند آخر

أدخل أي مستند آخر

يعد Embed Any Document Plus مكونًا إضافيًا فريدًا من نوعه يتيح لك تحميل ملفات المستندات وتضمينها بسهولة (PDF و Word و PPT و Excel وما إلى ذلك) على مواقع WordPress الإلكترونية. يضيف المكون الإضافي زر “إضافة مستند” أعلى المحرر المرئي. سيؤدي هذا إلى فتح نافذة EAD Plus المنبثقة حيث يمكنك تحديد الخط للمستند الخاص بك. كما أنه يتكامل بإحكام مع الخدمات السحابية لـ Google Drive و Dropbox و Box.com. يمكنك البقاء داخل موقع WordPress الخاص بك وتحميل الملفات إلى الخدمات السحابية وتضمينها مباشرة من هناك.

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

كيفية تضمين ملف PDF بدون مكون إضافي

حسنًا ، إذا كنت أحد أولئك الذين يبحثون دائمًا عن حلول خالية من المكونات الإضافية ، فهذا القسم مناسب لك. بالتأكيد ، يمكننا تضمين ملف PDF في منشورات وصفحات WordPress دون تثبيت مكون إضافي آخر.

الفكرة بسيطة: سيتعين عليك تحميل ملف PDF إلى حساب Google Drive الخاص بك ثم استخدام كود iframe لتضمين هذا الملف على موقعك. على الرغم من أن هذه الطريقة آمنة ، إلا أن المشكلة الوحيدة هي أنها تستخدم إطارات iframe.

الخطوة 1: اذهب محرك جوجل وقم بتسجيل الدخول إلى حسابك (ما عليك سوى الاشتراك للحصول على حساب Gmail مجاني للحصول على 15 جيجابايت من مساحة Drive المجانية).

الخطوة 2: قم بتحميل ملف PDF الذي تريد تضمينه في منشور WordPress الخاص بك هنا. للقيام بذلك ، انقر فوق جديد في الشريط الجانبي الأيسر لحساب Google Drive ، حدد رفع ملفوتحميل الملف من جهاز الكمبيوتر المحلي الخاص بك.

تحميل الملفات من Google Drive

الخطوه 3: بمجرد تحميل الملف على محرك الأقراص ، انقر نقرًا مزدوجًا فوقه لمعاينة الملف. الآن ، انقر فوق النقاط الرأسية الثلاث (مزيد من الإجراءات) الموجودة في الزاوية اليمنى العليا وحدد افتح في نافذة جديدة.

Google Drive: افتح ملف PDF في نافذة جديدة

الخطوة 4: في النافذة الجديدة ، انقر على “مزيد من الإجراءات” (النقاط الرأسية الثلاث في الزاوية اليمنى العليا) وحدد شارك.

جوجل درايف: حصة

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

Google Drive: إعدادات المشاركة

يجب أن ترى التأكيد التالي:

Google Drive: مشاركة مع أي شخص

بمجرد النقر فوق منجز.

الخطوة 6: حان الوقت الآن للحصول على رمز التضمين الذي سنستخدمه في منشورنا. للحصول عليه ، انقر فوق المزيد من الإجراءات مرة أخرى ، حدد أدخل العنصر.

Google Drive: خيار الإدراج

الخطوة 7: سيؤدي هذا إلى فتح نافذة منبثقة حيث يمكنك نسخ كود iframe.

Google Drive: تضمين التعليمات البرمجية

الخطوة 8: توجه إلى لوحة معلومات WordPress الخاصة بك وقم بإنشاء أو تحرير المنشور أو الصفحة التي تريد تضمين ملف PDF فيها. الآن إذا كنت تستخدم ملف محرر كلاسيكي، ما عليك سوى الانتقال إلى علامة التبويب “نص” والصق الرمز:

علامة تبويب نص المحرر الكلاسيكي

بواسطة محرر جوتنبرج، فأنت بحاجة إلى إضافة كتلة جديدة ، والبحث عن HTML مخصص ، وأخيرًا إضافة كود iframe في كتلة HTML المخصصة:

كتلة HTML مخصصة

الخطوة 9: هذا كل شيء ، قم الآن بمعاينة منشورك أو صفحتك للتحقق من ملف PDF المضمن.

ملاحظة أخيرة حول كيفية تضمين ملفات PDF في WordPress

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

هل سبق لك أن قمت بتضمين ملف PDF على موقع الويب الخاص بك باستخدام أي من الطريقتين؟ هل لديك مكون إضافي بديل في الاعتبار وتعتقد أنه أفضل من تلك المذكورة في هذه المقالة؟ اسمحوا لي أن أعرف أفكارك في قسم التعليقات.

Related Posts

اترك رد