3 طرق سهلة لإستعراض ملفات PDF داخل موقعك الووردبريس بطريقة احترافية

Elkasaby

Administrator
طاقم الإدارة
Null Master
Staff member
24 أغسطس 2023
63
5
8
ام الدنيا
wparab.com
يحتاج الكثير من أصحاب المواقع إلى رفع واستعراض الكتب pdf في مواقعهم للعديد من الأسباب، أشهرها المواقع المتخصصة في رفع وتنزيل الكتب في مختلف المجالات والتخصصات، وايضا اصحاب المدونات المتخصصة حيث يتم استخدام الكتب pdf كوسيلة تسويقية حيث يتم توفيرها للتنزيل بصورة مجانية مقابل وضع البريد الإلكتروني للمستخدم قبل عملية التنزيل.
في هذه المشاركة سأشارك معك 3 طرق مختلفة لرفع واستعراض الكتب الإلكترونية pdf داخل موقع الووردبريس سواء باستخدام الكود البرمجي أو عن طريق الإعدادات الإفتراضية في الووردبريس، وايضا هناك حلول باستخدام اضافات الووردبريس سأتحدث عنها.

تضمين واستعراض كتب pdf من خلال مشاركة الملفات على جوجل درايف​

ستقوم في البداية برفع الملفات على جوجل درايف ثم مشاركتها، ومن ثم الحصول على الكود الخاص بتضمين الملف ولصقه داخل الصفحة أو المقالة التي ترغب في ظهور الملف داخلها، وبالتالي يتم استعراض الملف داخل موقعك بطريقة سهلة.
ميزة هذه الطريقة هي أن الملفات الذي يتم مشاركتها على جوجل درايف لا تستهلك موارد موقعك عندما يقوم الزوار باستعراضها وخصوصا في الحالات التي تكون فيها احجام الملفات كبيرة، وبالتالي يمكنك استعراض ملفات pdf بكل حرية دون التأثير بشكل كبير على موارد السيرفر، وهذه الميزة مفيدة في حالة إذا كانت استضافة موقعك مشتركة أو محدودة الموارد.
قد بالدخول إلى جوجل درايف والنقر على زر رفع الملفات File upload ثم اختر الملف المراد رفعه:
1654767515-432226-00-a.png

بعد إكمال عملية الرفع، يمكنك فتح الملف هناك والنقر على زر الخيارات ثم النقر على خيار فتح الملف في نافذة جديد Open in new window
1654767536-130780-00.png

سيتم فتح الملف في نافذة جديدة داخل المتصفح، وهناك سنقوم بالنقر على زر الخيارات مجددا والدخول على اعدادات المشاركة Share:
1654767548-675763-01.png

ستفتح لك نافذة التحكم في خيارات مشاركة الملف، والتي منها يجب أن تختار أن يتم مشاركة الملف مع الجميع وتعطي صلاحية التحرير viewer حتى يستطيع أي شخص يدخل إلى موقعك بالإطلاع على محتوى الملف:
1654767562-451611-02.png

الأن سنضغط على قائمة الخيارات مجددا، ثم نختار تضمين الملف Embed:
1654767579-656486-03.png

ستظهر لك نافذة تحتوي على كود HTML خاص بإدراج وتضمين الملف، سنقوم بنسخ هذا الكود لوضعه داخل الووردبريس في المكان الذي نرغب في عرض الملف داخله:
1654767592-48776-04.png

الأن توجه إلى الووردبريس وقم بتفح المقالة أو الصفحة التي ترغب في عرض الملف داخلها، ثم قم بالنقر على زر الخيارات واختر محرر الشفرة البرمجية
1654767606-720178-05.png

الأن قم بلصق الكود HTML الخاص بتضمين ملف pdf والذي قمنا بنسخه في الخطوة السابقة من جوجل درايف:
1654767619-315432-06.png

قم بنشر أو تحديث الصفحة وتوجه لزيارتها لتجد أن ملف pdf أصبح مضمنًا داخل موقعك وفي وضع الاستعراض القابل للقراءة:
1654767631-295348-07.png

رفع ملف pdf من داخل محرر المكونات (جوتنبرج)​

الطريقة الثانية لرفع واستعراض ملفات الكتب pdf داخل الووردبريس هي من خلال الإعدادات الإفتراضية في الووردبريس بشرط أن يكون موقعك يستخدم محرر الووردبريس المتطور جوتنبرج.
داخل الصفحة أو المقالة التي ترغب في رفع الملف إليها، قم بفتح قائمة مكونات المحرر، ثم ابحث عن المكون الخاص برفع وارفاق الملف:
1654767650-816847-08-a.png

قم برفع ملف pdf الذي ترغب في استعراضه داخل موقعك من حاسوبك، وذلك بالنقر على زر (رفع):
1654767664-600628-08-b.png

بعدها مباشرة سيظهر لك الملف قابل للاستعراض والقراءة داخل موقعك، وايضاً يظهر معه زر تنزيل الملف حيث يستطيع الزوار تنزيل الملف إلى جانب تصفحه داخل الموقع
1654767678-126178-08.png

تضمين كتب PDF داخل الوورد بريس باستخدام الإضافات​

الطريقة الأخرى لرفع واستعراض ملفات pdf داخل الموقع هي باستخدام إضافات الووردبريس المتخصصة في هذا الأمر.
إضافة Wonder pdf هي أحد أشهر الإضافات التي تساعد على تضمين ملفات pdf داخل الووردبريس من خلال تشغيل كود مختصر Shortcode يقوم بإظهار واستعراض الملفات داخل الموقع.
بعد تنصيب الاضافة وتفعيلها على الووردبريس، يمكنك التوجه إلى مكتب الوسائط في موقعك ورفع ملف pdf:
1654767704-900489-09.png

بعد رفع الملف يمكنك نسخ الرابط الخاص به:
1654767716-967616-10.png

بعد ذلك قم بالدخول إلى المقالة أو الصفحة التي ترغب في استعراض ملف pdf داخلها، وقم بإختيار مكون (الكود المختصر) ومن ثم الصق الكود المختصر التالي في الجزء الذي تريد ظهور الملف به:
[wonderplugin_pdf src="[URL]https://www.yoursite.com/yourfolder/yourdoc.pdf[/URL]" width="100%" height="600px" style="border:0;"]
وذلك مع مراعاة استبدال الرابط في الكود برابط ملف pdf الذي قمت بنسخه في الخطوة السابقة:
1654767744-260225-11.png

الآن توجه إلى زيارة موقعك لتلاحظ ظهور الملف في المكان المخصص له:
1654767759-875399-12.png

  • رد
  • أعجبني



7 أشهر لاحقًا
عبد الفتاح الطيب سؤال محيرني ياأستاذ عبد الفتاح و هو أنني قمت بتثبيت إضافة (pdf embedder ) لعرض ملفات كتب لكن دائما تضهر هذه الرسالة : Error: URL to the PDF file must be on exactly the same domain as the current web page و هذه سكرين شوت لها
1673512753-121696-capture00.png

وهذه سكرين شوت لها في موقع منشئي الإضافة لكني لم أفهمها :
1673512845-30336-capture0.png
 

من نحن

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

خيارات العضو