30 مواقع رائعة مدعومة ببرنامج WordPress

المادة التي كتبها:
  • وورد
  • تم التحديث: Sep 05 ، 2017

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

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

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

بدلاً من انتظار الإلهام للإضراب ، يكون من الأكثر فاعلية في بعض الأحيان "استعارة" بعض الأفكار من أولئك الذين سبق لهم أن قاموا برفع الأثقال.

دون مزيد من اللغط ، إليك قائمة بأفضل 30 موقعًا رائعًا يتم تشغيلها بواسطة WordPress. استمتع!

1. TEDx ملبورن

الموقع: http://tedxmelbourne.com/

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

2. استوديو دوز

الموقع: http://doze.studio/

لا تدع لقطة الشاشة أعلاه تخدعك - ربما تكون الصفحة الرئيسية لـ Doze Studio واحدة من المواقع الأكثر إثارة والرعب. منحت ، جاذبيتها كل الشكر لفريق الرسوم المتحركة الموهوبين. ولكن حقيقة أنه مدعوم من وورد هو شيء مدهش.

3. مرسيدس بنز

الموقع: https://www.mercedes-benz.com/en/

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

4. شركة والت ديزني

الموقع: https://thewaltdisneycompany.com/

عقد في 21st في القرن العشرين ، أصبح معظم الراشدين اليوم في البلدان المرتبطة بالرقص الرقمي معتادًا على Walt Disney. مثل أفلامهم ، يقدم الموقع الرسمي لشركة "والت ديزني" العنان للمغامرة. ويحفز التموضع الذكي لتمثال والت ديزني وميكي ماوس الزوار للتعرف على الشركة.

5. مكتبة جرينتش

الموقع: http://www.greenwichlibrary.org/

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

6. Sweden.se

الموقع: https://sweden.se/

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

7. ديلوناي

الموقع: https://delaunay.jp/

حلقات "أقل هو أكثر" صحيح في عالم تصميم الويب الوظيفي. ومع ذلك ، هناك فرق كبير بين موقع فارغ وغير ملهم وتحفة في أضيق الحدود. DELAUNAY من اليابان يمكن أن تظهر لك ما يعنيه الأخير بموقعها الفريد.

8. ممتاز يعمل

الموقع: http://www.stellarworks.com/

يعد موقع Stellar Works ، وتحديدًا صفحة "المجموعات" ، أحد الأعمال الفنية القليلة التي تستخدم تخطيطًا جنبًا إلى جنب. تصمم الشركة الأثاث الذي يلقى صدى لدى مختلف العلامات التجارية والشخصية - وهي القدرة التي يثبتونها من خلال موقعهم الذي لا تشوبه شائبة.

9. باتا

الموقع: http://www.bata.com/

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

10. الكابتن الإبداعي

الموقع: http://www.captaincreative.com.au/

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

11. جيس ماركس للتصوير

الموقع: http://www.jessmarksphotography.com.au/

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

12. سوق بوسطن

الموقع: https://www.bostonmarket.com/

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

13. سمسار عقارات

الموقع: http://www.realtor.com/

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

14. سيلفستر ستالون

الموقع: https://sylvesterstallone.com/

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

15. الويب التالي

الموقع: https://thenextweb.com/

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

16. جيمس براندون التصوير

الموقع: https://www.jamesb.com/

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

17. Trefecta Mobility

الموقع: https://www.trefectamobility.com/

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

18. ملاحظة نعمة

الموقع: http://www.gracenote.com/company/about-us/

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

19. إيزود

الموقع: http://izod.com/

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

20. Chaptr

الموقع: https://chaptr.studio/

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

21. نماذج محوسبة

الموقع: http://computerizedforms.com/

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

22. كاتي بيري

الموقع: https://www.katyperry.com/

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

23. من الحديد إلى الحديد

الموقع: https://irontoiron.com/

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

24. مدونة فليكر

الموقع: http://blog.flickr.net/en

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

25. تلفزيون WGN

الموقع: http://wgntv.com/weather/

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

26. من هو ليون

الموقع: http://whoisleon.com/

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

27. Outward Bound كرواتيا

الموقع: http://www.outwardboundcroatia.com/en/

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

28. سعيد في بشرتي

الموقع: http://www.happyinmyskin.co.uk/

يديرها المدرب Faiy Rushton ، هو Happy In My Skin واحد من أكثر المواقع الهادئة التي تدعمها WordPress حتى الآن. بالإضافة إلى أسلوب التصميم البسيط ، يستخدم الموقع مزيجًا مثاليًا من الخطوط واستخدام الفضاء الأبيض والألوان. يوضح هذا أن تصميم مواقع الويب لا يدور حول كل التفاصيل - بل يتعلق بكيفية تشبيك تلك الأجزاء وتكميل بعضها البعض.

29. ETQ

الموقع: https://www.etq-amsterdam.com/

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

30. FormFree

الموقع: http://www.formfree.com/

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

النتيجة

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

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

مقال بقلم كريستوفر جان بينيتيز

كريستوفر جان بينيتيز هو كاتب حر محترف يقدم الشركات الصغيرة بمحتوى يجذب جمهورها ويزيد من التحويلات. إذا كنت تبحث عن مقالات ذات جودة عالية حول أي شيء متعلق بالتسويق الرقمي ، فعندئذ هو الشخص الذي تتعامل معه! لا تتردد في قول "hi" له على Facebook و + Google و Twitter.

الحصول على اتصال: