الوسائل المساعدة الموصى بها لإنشاء مواقع الويب (لقطات الشاشة، ومعالجة الصور، وبرامج تدوين الملاحظات، وما إلى ذلك)

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

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

​أولاً: الملاحظات وأدوات تخطيط الأفكار​

قبل إنشاء موقع إلكتروني، تحتاج إلى تخطيط هيكل الموقع، وتسجيل الإلهام، وجمع المعلومات.

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

​ثانياً: أدوات التصميم ومعالجة الصور​

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

1. ​كانفا​
   • الاستخدامات.​ ​هبة من السماء للمصممين المبتدئين. يمكنك بسهولة إنشاء لافتات مواقع الويب الاحترافية وصور الوسائط الاجتماعية والصور المميزة للمقالات والشعارات وغيرها بسهولة من خلال السحب والإفلات دون أي أساس تصميمي.
   • الإيجابيات.كمية هائلة من القوالب والمواد (الأيقونات والصور والخطوط)، مما يقلل إلى حد كبير من عتبة التصميم. النسخة المجانية كافية للاستخدام.
   • مشاهد أساسية.أنشئ صورة غلاف جميلة لكل منشور في المدونة.
2. فيجما​
   • ​الاستخدامات.​ ​أدوات تصميم واجهة أكثر احترافية. إذا كانت لديك أفكار أكثر تحديدًا حول تخطيط موقعك، يمكنك البدء برسم إطار سلكي بسيط أو نموذج أولي باستخدام Figma.
   • الإيجابيات.التعاون قوي ويسمح بالتحكم الدقيق للغاية في الحجم والتباعد وغير ذلك. مجاناً.
   • نصائح للمبتدئينيمكن استخدامه ببساطة لتخطيط تخطيط اللوحات على الصفحة الرئيسية.
3. قصاصة لصق​
   • الاستخدامات.​ ​أداة لقطة الشاشة الأقوىالأمر لا يتعلق فقط بالتقاط لقطات الشاشة. الأمر لا يتعلق فقط بالتقاط لقطات الشاشة، بل يتعلق بـ “لصقها” على واجهة الشاشة، بحيث يمكنك إعدادها أو الترميز عليها بسهولة.
   • الإيجابيات.صغير، وسريع، وخالٍ من الإعلانات، مع ميزات مدروسة (مثل منتقي الألوان، ووظيفة التعليقات التوضيحية).موصى به للغاية!​
4. ​TinyPNG / Squoosh​
   • الاستخدامات.​ ​أدوات ضغط الصور. يمكن أن يؤدي استخدامه لضغط حجم الصور قبل تحميلها إلى مكتبة وسائط WordPress الخاصة بك إلى تحسين سرعة تحميل موقع الويب الخاص بك بشكل كبير.
   • الإيجابيات.ضغط ذكي يقلل حجم الملف بشكل كبير مع فقدان جودة بالكاد يمكن ملاحظته بالعين المجردة.خطوات أساسية لتحسين محركات البحث وتجربة المستخدم.​

​ثالثاً - أدوات التطوير وتصحيح الأخطاء​

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

1. ​فايل زيلا​
   • الاستخدامات.​ ​أداة عميل FTP. عندما تحتاج إلى تحميل مُثبِّتات ووردبريس يدويًا، أو ملفات القوالب، أو تعديل ملفات الموقع الأساسية (مثل wp-config.php) عندما يحين وقت استخدامه للاتصال بخادمك.
   • سبب الحاجة إليها.في حين أن معظم هذا يمكن القيام به في الخلفية، فإن FTP هو الطريقة الوحيدة لإنقاذ حياتك في حالة حدوث مشاكل (مثل شاشة بيضاء ناتجة عن كود خاطئ في وظائف القالب function.php).
   • الإيجابيات.مجاني ومفتوح المصدر ومستقر.
2. أدوات مطوري المتصفح​
   • الاستخدامات.​ ​الموقع الإلكتروني “ميكروسكوب”.. في متصفحك (كروم/فايرفوكس) اضغط على F12لفتحه. يمكنك عرض بنية HTML للصفحة وأنماط CSS وتعديل تأثير المعاينة في الوقت الفعلي.
   • تطبيق المبتدئين.عندما تريد معرفة لون أو خط أو هامش عنصر ما، استخدمه لترى ذلك مباشرةً. الأداة المثلى لتعلم وتصحيح أخطاء CSS.
3. كود الاستوديو المرئي​
   • الاستخدامات.​ ​محرر الأكواد. إذا كنت ترغب في محاولة تعديل كود القالب (مثل ملفات CSS أو PHP) في المستقبل، فهذا هو المحرر المفضل للمطورين في جميع أنحاء العالم.
   • الإيجابيات.مجاني وقوي مع عدد كبير من الإضافات لتوسيع وظائفه. حتى لو كنت لا تكتب الأكواد، يمكنك استخدامه لتحرير الملفات النصية بأناقة.

​رابعًا: أدوات المحتوى والكفاءة​

1. جرامارلي​
   • الاستخدامات.​ ​المدقق النحوي والإملائي للغة الإنجليزية. إذا كنت بحاجة إلى كتابة محتوى باللغة الإنجليزية، فيمكن أن يساعدك ذلك على تجنب الأخطاء ذات المستوى المنخفض وجعل المقال أكثر احترافية.
   • الإيجابيات.التحقق في كل مكان في شكل مكون إضافي للمتصفح.
2. Todoist أو Microsoft To Do​
   • الاستخدامات.​ ​أدوات إدارة المهام. إن بناء موقع إلكتروني هو مشروع، وتقسيمه إلى مهام أصغر (مثل شراء اسم نطاق، وتثبيت موضوع، وكتابة صفحة عنّا) وإكمالها واحدة تلو الأخرى هو أكثر إرضاءً وأقل احتمالاً للفشل.
   • الإيجابيات.سهولة الاستخدام والمزامنة عبر منصات متعددة.

​ملخص ونصائح مجموعة أدوات المبتدئين​

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

• مرحلة التخطيط.​ ​المفهومربماإكس مايند+ورقة وقلم رصاص。
• ​مرحلة التصميم وإنشاء المحتوى.​ ​كانفا(رسم الخرائط) +قصاصة لصق(لقطات الشاشة) +TinyPNG(صورة مضغوطة).
• مرحلة التطوير والنشر.​ ​فايل زيلا(تمرير الملفات) +أدوات مطوّري Chrome(انظر التأثير).
• رفيق كامل.​ ​شريط الإشارات المرجعية في المتصفح(احفظ الواجهة الخلفية لووردبريس، والواجهة الخلفية لمزوِّد الاستضافة، والواجهة الخلفية للنطاق، والروابط المهمة الأخرى).

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