كيفية إضافة الصور إلى ووردبريس

يساعدك هذا المنشور على فهم كيفية إضافة الصور إلى WordPress. أعلمك كيفية إضافة صورة واحدة مباشرة إلى الصفحة.

يمكن استخدام معرض WordPress لعرض صور متعددة وهذا مغطى في منشور آخر.

ستتعرف أيضًا على مصادر الصور وتغيير حجمها وضغطها.

تخطي مباشرة لإضافة صورة واحدة إلى WordPress

لماذا استخدام الصور على WordPress؟

أضف صورًا بشكل روتيني لجعل تجربة القراءة أكثر متعة ، وهو أمر تكافئه محركات البحث.

تقوم محركات البحث بترتيب صفحة الويب أعلى إذا رأت الصور المناسبة.

إنهم يعرفون أن البشر مرئيون وأن صفحة الويب تبدو إلى حد ما مثل مستند نصي بدون صورة.

يشعر القارئ بالرضا عن ظهور الصور ، وفي النهاية هذا ما يتوقعه محرك البحث من صفحة ويب أن تفعله - جذب الجمهور.

البحث عن صور لمدونة أو موقع ويب

ضع في اعتبارك الشكل

عند اتخاذ قرار بشأن صورة ، فكر أولاً في الشكل.

• يجب أن تتناسب مع المساحة المخصصة - هل هذا منظر طبيعي أم عمودي أم مربع؟
• لا نريد أن نفقد التركيز الرئيسي للصورة بمجرد تغيير حجمها.

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

أين تجد الصور

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

أريد أن تبدو الصور احترافية على موقع الويب الخاص بي ، لكن يمكن أن تتمتع مدونتي بجو أكثر استرخاءً وودًا.

هناك عدد من الطرق للحصول على صور لموقع ويب أو مدونة ، مجانًا أو مدفوعة الأجر.

دفع مصور محترف

أنا مدافع عن المصورين المحترفين. يمكن للصور الاحترافية أن تجعل موقع الويب يبدو حادًا.

إذا كنت لا تستطيع أن تصبح محترفًا ، يمكنك تجربة مصور هواة محلي. يحرص المصورون الهواة على الحصول على محفظة معًا ، لذلك غالبًا ما يكون ذلك أرخص.

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

احصل على صور المنتج والمحفظة والفريق في يوم واحد.

قم بترتيب الموقع وتنظيف المركبات التجارية وقص الشعر وابذل جهدًا حقيقيًا للحصول على بعض اللقطات الجيدة داخل وخارج مكان عملك.

ومع ذلك ، أفهم أن المصور يمكن أن يكون مكلفًا للشركات الناشئة التي لديها معدل دوران كبير في المنتجات. يمكن أن يعمل التقاط الصور في المنزل.

التقط صورا لنفسك

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

اضبط الكاميرا على أعلى دقة ، حتى تتمكن من اقتصاص الصور بالطريقة التي تريدها.

منتجات مفيدة من شأنها أن تساعد في التصوير الفوتوغرافي للمنزل.

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

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

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

اسأل الأصدقاء أو اتصالات العمل

يمكنك تبديل الخدمة - اطلب من الأصدقاء أو اتصالات العمل تقديم الصور. اعرض الاستشهاد بهم أو تقديم رابط إلى موقع الويب الخاص بهم ، وهو أمر ذو قيمة كبيرة لـ pageRank.

استخدام موقع الأسهم

قد يكون من الصعب جدًا إنشاء صور تتناسب مع المقالة ، حيث تكون مواقع الويب الخاصة بالمخزون مفيدة جدًا.

هناك وفرة من مواقع الويب الخاصة بالأوراق المالية التي توفر الصور والرسومات والرسوم التوضيحية والأيقونات ومقاطع الفيديو حول أي موضوع تقريبًا قد يخطر ببالك - وهو مورد مفيد حقًا.

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

عدد قليل من مواقع الصور التي تعجبني هي: istockphoto.com و 20.com و shutterstock.com.

موقع مخزون الصور المجاني المسمى Pexels رائع. قم بتنزيل صور مجانية من المصورين الهواة وقم بتحميل صورك الخاصة.

استخدم صور Google "المصنفة لإعادة الاستخدام"

تقدم Google أداة بحث تساعد في العثور على الصور المصنفة لإعادة الاستخدام.

1. اذهب مباشرة إلى www.google.com وابحث عن موضوع ثم انقر فوق IMAGES.
   أو انتقل مباشرة إلى images.google.com.
2. في الجزء العلوي ، انقر فوق أدوات البحث.
3. انقر فوق الخيار "المسمى لإعادة الاستخدام".

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

كن حذرا. تقع على عاتقك مسؤولية التحقق من حقوق الطبع والنشر لكل صورة . اتبع الإرشادات - يمكن أن يتم تغريمك بشدة إذا لم تفعل ذلك.

اضغط على الصورة لزيارة صفحة الويب. اقرأ متطلبات حقوق النشر.

قد يلزم وجود رابط إلى صفحة المصورين أو رصيد.

تحذير عند استخدام صور جوجل

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

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

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

تغيير حجم الصور وضغطها للويب

ستؤثر الطريقة التي يتم بها تغيير حجم الصورة وضغطها وحفظها ووضعها على تصنيف محرك البحث لصفحة الويب.

تعاقب محركات البحث مواقع الويب التي تحتوي على صور بطيئة التحميل. لن يرغب الزوار دائمًا في انتظارهم أيضًا.

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

لسوء الحظ ، لا يوجد حجم قياسي واحد يمكنني إخبارك به هنا.

جميع مواقع الويب مختلفة وهناك العديد من أحجام الشاشات التي يمكن رؤية الصورة عليها - من صغيرة مثل الهاتف إلى كبيرة مثل التلفزيون.

ضع هذه الأشياء في الاعتبار:

• يجب ألا يقل عرض الصور أبدًا عن 450 بكسل لأنه من المحتمل أن يتم تكديسها على جهاز محمول ، وسوف يملأ 450 شاشة محمولة ويكون حجمها يزيد قليلاً عن نصف شاشة متوسطة ، لذا فهي جيدة لعرض عمودين. هذه هي الإعدادات الافتراضية لمعظم مكونات WordPress الإضافية.
• يجب أن تكون تكبيرات الشاشة الكاملة أو "صور البطل" كما هي معروفة (تلك الموجودة في الجزء العلوي من موقع الويب والتي تمتد من اليسار إلى اليمين من الشاشة) بحجم يصل إلى 1920 بكسل لتلائم الشاشات الكبيرة جدًا. هذا كبير جدًا ، ولكنه ليس كبيرًا بما يكفي لأجهزة التلفزيون الأكبر حجمًا.
• ضع في اعتبارك استخدام الإضافات التكيفية للصور في WordPress لعرض الأحجام المناسبة للأجهزة.

قراءة المنشور الخاص بي - كيفية تغيير حجم صورة للويب لمزيد من التفاصيل.

حفظ الصور لبحث جوجل

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

احفظ الصورة حسب موضوع الصورة.

أي أن حفظ الصورة كـ <strawberry-cheese-cake.jpg> أكثر إفادة وفعالية من <image07_912.JPG>.

سوف تتعرف محركات البحث على الجهد المبذول.

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

بمجرد أن تقوم بتغيير حجم صورتك وضغطها وحفظها بشكل صحيح ، فأنت جاهز لإضافتها إلى WordPress.

أضف صورة إلى ووردبريس

• قم بتسجيل الدخول إلى منطقة إدارة WordPress الخاصة بك وانتقل إلى المنشور أو الصفحة.
• باستخدام محرر كتلة Gutenberg ، سنضغط على أيقونة + PLUS لإضافة "كتلة صورة". ما عليك سوى التمرير فوق أي كتلة مستخدمة بالفعل في الصفحة. تظهر أيقونة PLUS أسفل الكتلة.

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

محاذاة الصورة في WordPress

يمكن محاذاة صورة داخل الكتلة الخاصة بها باستخدام شريط الأدوات. يظهر شريط الأدوات أعلى اليسار عند تحديد الصورة.

استخدم الرمز الذي يشبه المربع الذي يحتوي على سطرين ، أحدهما أعلاه والآخر أدناه.

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

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

تحقق من ذلك على جهاز كمبيوتر سطح المكتب والأجهزة المحمولة لتصحيحه على كلا أحجام الشاشات.

يمكن أيضًا ربط الصور أو استبدالها باستخدام شريط أدوات الصورة.

أعمدة WordPress لوضع الصور

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

هذه هي الطريقة التي نضع بها صورة بجوار فقرة ، على سبيل المثال.

على جهاز صغير ، مثل الهاتف الذكي ، ستتكدس الأعمدة ، بعضها فوق الآخر. عادةً ما يتم تكديس العمود الأيسر أعلى العمود الأيمن.

لإنشاء عمودين:

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

تحسين الصور لمحركات البحث في WordPress

أود إبراز سمتين أكثر أهمية يوفرهما WordPress لمساعدة مالكي مواقع الويب على تحسين الصور للبحث.

نص بديل (علامة بديلة)

يشير النص البديل إلى نص بديل ، وهو علامة معلومات.

تُستخدم علامة Alt لمساعدة الأشخاص - أولئك الذين لديهم "صور معطلة" ، والمستخدمون الذين يعانون من إعاقات بصرية و / أو يستخدمون قارئات الشاشة.

تساعد علامة alt أيضًا Google في فهم ماهية الصورة.

استخدم العبارات الرئيسية عند كتابتها.

في قوالب WordPress ، سترى حقلاً لعلامة ALT بمجرد النقر فوق كتلة الصورة. إنه على الجانب الأيمن من الصفحة ، ضمن إعدادات الحظر.

شرح الصورة

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

تريد Google أن تقدم للمستخدم تجربة جيدة بمجرد دخوله إلى الموقع.

لإضافة تعليق ، ما عليك سوى النقر فوق قالب الصورة على الصفحة ، وسيظهر حقل CAPTION أسفل الصورة.

إذا لم تقم بتضمين تعليق ، فلن يظهر أي شيء هنا على الإطلاق.

معارض ووردبريس

يوفر معرض WordPress القدرة على تضمين أكثر من صورة في منطقة ما ، وكل ذلك بتخطيط مماثل.

برنامج تعليمي سريع لإضافة معرض WordPress:

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

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

لقد كتبت منشورًا أكثر تفصيلاً من شأنه أن يساعد - معرض WordPress - في الإضافة والتعديل والتحسين.

عملية سريعة لإضافة الصور إلى ووردبريس

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