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

تاريخ التحديث: ٢٤ أبريل ٢٠١٨ / مقال: كريستوفر جان بينيتيز

إفشاء: WHSR يدعم القارئ. عندما تشتري من خلال روابطنا ، قد نربح عمولة.

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

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

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

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

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

1. TEDx ملبورن

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

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

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

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

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

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/

نعم - لا يزال عرض أشرطة تمرير الصور بملء الشاشة طريقة رائعة لمنح جمهورك متعة بصرية مع الاستمرار في توصيل رسالة علامتك التجارية. تستخدم كاتي بيري نفسها هذه الإستراتيجية لغرس شخصيتها الإبداعية في موقعها. بالطبع ، إنها رائعة أيضًا لمشاركة المعلومات المفيدة ، مثل الإعلانات والجداول الزمنية للحفلات الموسيقية. باستخدام الأدوات الصحيحة ، يمكنك على الأرجح إنشاء موقع 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/

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

29. ETQ

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

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

30. FormFree

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

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

خلاصة

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

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

عن كريستوفر جان بينيتيز

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