الهندسة العكسية لـ WordPress: كيفية نسخ موقع WordPress

هذا الموقع يبدو جيدا جدا أتمنى لو كان لدي موقع على شبكة الإنترنت من هذا القبيل.

هل هذا يبدو مألوفا؟

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

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

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

في هذا المنشور ، أشارك إستراتيجية WordPress Reverse Engineering وقائمة الأدوات التي يمكنك استخدامها لتكرار أي موقع WordPress.

لكن شافي لماذا وورد؟ يمكنك السؤال.

السبب بسيط جدا. يعد WordPress أحد أكثر أنظمة إدارة المحتوى شيوعًا ويعمل بنسبة 28.6٪ من جميع مواقع الويب على الإنترنت.

بشكل مفاجئ ، يتم إطلاق 50000 موقع WordPress إضافي ( المصدر ) كل يوم وتستخدم المواقع الشهيرة مثل TechCrunch و Disney و Sony وما إلى ذلك WordPress لتشغيل موقعهم ( المصدر )

آمل أن يجيب هذا على استفسارك.

[click_to_tweet tweet = "يتم إطلاق 50000 مدونة على WordPress كل يوم ويصبح من المهم أن يكون لديك تصميم ووظائف رائعة. فيما يلي 5 خطوات لنسخ أي مدونة WordPress. #WordPress #OceanWP #WordPressFacts ”quote =” هل تعلم ، يتم إطلاق 50000 مدونة WordPress جديدة كل يوم. #WordPressFacts ”]

جاهز للتشغيل؟ هيا بنا نبدأ.

الخطوة 0: تحقق مما إذا كان الموقع يستخدم WordPress

هل رأيت ذلك قادمًا ، أليس كذلك؟

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

للتحقق من نظام إدارة المحتوى (CMS) الذي يقوم بتشغيل موقع ويب ، سنستخدم WhatCMS.org - أداة مجانية عبر الإنترنت.

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

ستقوم الأداة بتشغيل مجموعات من الخوارزميات وتقديم نتيجة توضح ما يستخدمه موقع الويب من نظام إدارة المحتوى CMS.

الخطوة الأولى: نسخ التصميم

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

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

للتحقق من موضوع WordPress المستخدم ، يمكنك استخدام WPThemeDetector.com - أداة مجانية أخرى.

الأداة متقدمة وتكتشف بسهولة القالب أو الإطار الأساسي (حتى لو كان مخفيًا) وهو شيء غير ممكن مع أدوات أخرى مماثلة مثل WhatWPThemeIsThat.com.

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

ماذا تفعل إذا كان الموقع يستخدم سمة مخصصة؟

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

ولكن لا تهدأ آمالك ، يمكنك تثبيت تصميم موقع الويب نفسه باستخدام مجموعة من سمات OceanWP ومنشئي الصفحات مثل Elementor.

يعد OceanWP بسهولة أكثر السمات القابلة للتخصيص التي تصادفها وتضربها باستخدام أداة إنشاء الصفحات ، فهي بديهية وسهلة الاستخدام مثل Elementor ، مما يمنحك كل القوة في يدك.

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

الخطوة 2: احصل على الوظائف بشكل صحيح!

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

يتم تشغيل موقع WordPress المتوسط ​​بواسطة ما لا يقل عن 10 مكونات إضافية مختلفة ، كل منها يوفر وظيفة فريدة.

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

على الرغم من صعوبة الحصول على قائمة دقيقة بالمكونات الإضافية المستخدمة (يخفي العديد من المطورين الاسم والمعلومات) ، يمكن لـ scanwp.net استرداد المعلومات بكفاءة.

كما يعثر على الرابط الرسمي للمكونات الإضافية المتوفرة في مستودع WordPress وما إذا كان مجانيًا أم لا.

الخطوة 3: لا تنس تجربة القراءة

كما هو موضح هنا ، يمكن أن يؤثر الخط المستخدم فعليًا على كيفية ردود الأفراد تجاه جزء من المحتوى.

في التجربة أعلاه ، قدرت المجموعة الأولى من الأشخاص (بخط سهل القراءة) أن المهمة ستستغرق 8.2 دقيقة حتى تكتمل. في حين أن المجموعة الثانية (بخط يصعب قراءته) قدرت 15.1 دقيقة.

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

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

قم بتثبيت الامتداد ، وقم بزيارة الموقع (يفضل صفحة مقالة) ، وانقر فوق زر امتداد WhatFont (متوفر في الزاوية اليمنى العليا من الشاشة) ، وقم بالمرور فوق النص.

لا يمكنك فقط الحصول على الخط الدقيق ، ولكن حجم الخط ونمطه ووزنه ورابط إلى خط ويب Google لتنزيله.

الخطوة 4: هل قال أحدهم اللون؟

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

وفقًا لـ Kissmetrics ، تؤثر الألوان على سلوك الشراء وبناءً على نوع الجمهور ، يجب عليك اختيار نظام ألوان مناسب.

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

يحتوي موقع ColorCombos.com على أداة عبر الإنترنت يمكنها التقاط لوحات الألوان التي تستخدمها صفحة الويب. عليك فقط إدخال عنوان URL للصفحة والضغط على Enter.

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

الخطوة 5: سرعة الموقع

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

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

على عكس الأدوات الأخرى التي تستخدم Nameserver فقط لاكتشاف مضيف الويب ، يمكن لهذه الأداة بالفعل الكشف عن المضيف المخفي في حالة استخدام CDN.

بدون هذه الأداة ، لم أكن لأعلم أبدًا أن OceanWP.org مستضاف على Google Cloud Platform مع CloudFlare CDN (وهذا يشرح وقت التحميل الفائق السرعة)

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

خاتمة

ها أنت ذا!

أنت الآن قاتل سري يمكنه عكس هندسة موقع WordPress بسرعة وتكرارها مباشرة من التصميم إلى وظائف الموقع.

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

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