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

المشكلة:
لدي موقع إخباري يستخدم قالب جنة عند رفع صور طولية (خاصة الصور الشخصية) يقوم القالب أو الوورد بريس بقص الصور البارزة بحيث يحافظ على أبعاد الصورة ولكن مع فقدان أو قص الوجه.

هل هناك حل لتفادي هذه المشكلة بأي طريقة وأرجو أن يكون الحل مجاني؟!
وإن لم يكن هناك حل فأرجوا أن تدولوني على طريقة لملئ container الصورة البارز وإن عنى ذلك حدوث تشوهات في الصور (أو Stretch) لكن الأهم ألا يحدث قص أبدًا.

وجزاكم الله خيرًا مقدمًا

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

    حتى اتأكد من مشكلتك تمامًا أريد منك تصويرها

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

    أخبرني أين مكان هذه الصور بالضبط؟ هل تقصد الصور البارزة للمقالة؟

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

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

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

      2- اما فيما يخص مكان الصورة في الصفحة الرئيسية للموقع فنعم أقصد الصور البارزة للأخبار التي تظهر في الرئيسية.

      3- لا أستطيع نشر صور الموقع في العلن لأسباب حساسة وسياسية (لو ممكن طريقة للتواصل بشكل خاص وموجز لتزويد بالصور وأي تفاصيل اخرى)

      4- ولو فرضنا جدلًا أني سأقوم بتغيير القالب فهل من توصيات (بحيث أن يكون القالب عربي بالكامل وبنفس مميزات قالب جنة وتخصيصاته)

      وشكرًا جزيلًا لك بشمهندس وأعذرني على الإطالة!

          محمد النهدي

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

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

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

          في حالتي كانت أبعاد الصورة هي 280/210، وبالتالي يمكنني أن أستخدم الأبعاد التالية:

          • 1400/1050
          • 1960/1470
          • 2800/2100

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

          تسجيل الدخول لعرض الكود

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

              علي ملص
              للأسف لا أستطيع (لأني لست القائم على الموقع إنما انا مجرد مزود خدمة استضافة لهم) والحل المتبقي هو إظهار الصور بشكل كامل وإن عنى ذلك حصول تشوهات، إضافةً أن كود الـ CSS لم يعمل. ربما يكون الحل في ضبط الأبعاد من ملف الـ style نفسه؟

                  محمد النهدي

                  أنا جربت الكود لدي وهو يعمل. أين قمت بوضعه ولم يعمل؟

                  محمد النهدي ربما يكون الحل في ضبط الأبعاد من ملف الـ style نفسه؟

                  يمكن إدراج الكود هنا أيضًا، نعم.

                        محمد النهدي

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

                            محمد النهدي

                            1- يعني أنت تريد أن يتم تعديل مقاسات الصور من خلال كود أو نحو ذلك؟ الأمر صعب لأن الصور مختلفة المقاسات حسب كلامك، فكيف ستقوم بعمل تعديل يساوي الصورة التي بأبعاد 1200*1400 مقابل الصور التي بأبعاده 800×800 مثلًا؟ لا سيما وإن كان هناك نصًا أو عنصرًا تريد إظهاره في التصميم؟

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

                            2- نعم كما قلت الحل هو الالتزام بالمقاسات التي يوفرها القالب

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

                            4- بصراحة لا أحب أن أوصيك بقالب بعينه لكن إن كان القالب يوفر لك أداءًا جيدًا فاستمر عليه

                                لدي خبرة كبيرة في كتابة أكواد CSS و HTML

                                يمكنني حل مشكلتك في دقائق معدودة

                                وسوف تصبح الصور متجاوب ومتوافق جميع الشاشات ؟

                                ممكن إدراج رابط الموقع هنا

                                  عمر إسماعيل
                                  1- كلامك صحيح لكن هنا سأقوم بالتضحية بأبعاد الصور وعمل ما يسمى بال stretched picture مما يعنى فقدان التناسب بين الأبعاد مقابل ظهور الصورة بشكل كلي (اتمنى أني كنت واضحًا).

                                  3- كنت اتمنى حقًا أن أجد الحل هنا، لكن سأحاول حل المشكلة بنفسي. شكرًا جزيلًا لك بشمهندس عمر على مساعدتك!

                                  4- إذا كان ممكنًا، رجاءً أعطيني توصيات لعدة قوالب مقترحة ومعربة بالكامل بحكم خبرتك فقد أجد خيارات ومميزات أفضل. (بما أنك قدمت لي نصيحتك من تجربة شخصية)

                                  وشكرًا جزيلًا لك!

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

                                        محمد النهدي

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

                                          محمد النهدي

                                          1- لا أنصحك بهذا الخيار فبنسبة كبيرة سيؤثر على جودة الصور، ولا أعرف ما الضرورة لإدارة الموقع لعدم تفهمها لهذا الأمر؟ يمكن يكون هناك أزمة في التواصل لكن توضيحك لهم الأمر بشكل جيد هو نصف حل المشكلة والأمر جدا بسيطة أن يقوم مدخل البيانات أو المصمم بوضع صورة متانسبة من أخذ الحلول المعقدة بهذا الشكل

                                          2- نحن في الخدمة أخي لكن بالفعل نحاول وضع الحلول التي تناسب الجميع

                                          3- في الحقيقة أحب اتباع المثال القائل (لا تعطني سمكة ولكن علمني كيف أصطادها) حتى يكون أنت لديك المقدرة على الاختيار الصحيح للقوالب بغض النظر عن مصدره وأنت بالفعل ما شاء الله تقول لديك خبرة في الفرونت اند

                                          عمومًا لو تريد التوصية، بقوالب بعينها فربما تكون هذه المقالة مناسبة:

                                          [سجل الدخول لترى الرابط]

                                            شهر لاحقًا

                                            محمد النهدي

                                            مساء الخير لو سمحت عرفت حل للمشكلة، لانه انا بعاني منها كمان

                                                Koko

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

                                                    علي ملص

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

                                                    وبصراحة انا شبه كفيفة نظري ضعيف جدا وعملت كتير زوم لحتى قدرت اشوف الصور وانها مش مناسبة لا حجما ولا شكلا

                                                    غير انه اللي عمل معي الموقع حكالي انه ضبط القياسات وقلي لما تنزلي اي صورة هي بتتحجم تلقائي بس ما صار هيك وشكل الصورة البارزة بمقالاته هو بختلف كليا عن شكل الصور بمقالاتي

                                                    وانا للاسف مش رح اقدر اضبطها حسب النظر ما بقدر

                                                    عموما هلا بحطلك صور من مقالاتي من برا ومن جوا المقالة ومن مقالاته هو لتشوف يمكن تقدر تعرف المشكلة وتساعدني

                                                    والقالب طبعا جنة