مقدمة إلى محرر الموقع

النص المُفرَّغ

مقدمة

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

التنقل

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

الأنماط

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

كتاب الأنماط

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

مراجعات الأنماط

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

الصفحات

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

القوالب

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

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

تعيين قالب

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

إدارة القوالب

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

الأنماط الجاهزة

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

الأنماط الجاهزة المخصصة

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

أجزاء القوالب

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

لوحة الأوامر

في الختام، أود أيضًا تسليط الضوء على ميزة مفيدة للغاية تُسمى لوحة الأوامر، وستوفر عليك الكثير من الوقت وتساعدك على التنقل في محرر الموقع بفاعلية أكبر. تتيح لك لوحة الأوامر تنفيذ المهام والتنقل داخل محرر الموقع بسرعة. يمكنك، على سبيل المثال، كتابة «جديد» لإنشاء صفحة أو قالب، أو كتابة اسم المنطقة التي تريد الانتقال إليها فحسب. على سبيل المثال، «الأنماط الجاهزة» لإدارة جميع أنماطي الجاهزة. يمكنك الوصول إلى لوحة الأوامر باستخدام الاختصار command+k على أجهزة Mac أو control+k على نظام Windows. وستجدها أيضًا في الشريط الجانبي لعرض الموقع بالنقر على أيقونة البحث. أو يمكنك ببساطة النقر على شريط العنوان.

الخاتمة

بهذا نختتم استعراضنا الموجز لما يمكنك تحقيقه باستخدام محرر الموقع.

عملي

استخدم WordPress Playground لاستكشاف محرر الموقع.

• تدرّب على التنقل بين المناطق المختلفة داخل محرر الموقع.
  • استخدم لوحة الأوامر للتنقل في محرر الموقع بسرعة أكبر.
• قارن الفرق بين الصفحة والقالب.