برنامج لتحرير قالب wp جاهز. أي خيار القالب للاختيار؟ إضافة منطقة عمل
انتباه!استخدام المحرر المرئي لتحرير قالب موقع غير متوفرهفي الإصدارات منذ 14.0. في الإصدارات السابقة ، يجب أن تكون حذرًا للغاية: من الممكن حدوث تشوهات غير متوقعة في التعليمات البرمجية. يوصى بتحرير القالب في وضع كود HTML.
بمساعدة المحرر المرئي ، من الممكن تغيير قالب الموقع.
قالب تصميم- هذا هو مظهر الموقع الذي يحدد مكان العناصر المختلفة بالموقع والأسلوب الفني وطريقة عرض الصفحات. يتضمن كود HTML برمجيًا ، وعناصر رسومية ، وأوراق أنماط ، وملفات إضافية لعرض المحتوى. قد يتضمن أيضًا قوالب المكونات وقوالب الصفحات المنشأة مسبقًا والمقتطفات.
انتباه!لا ننصح بشدة باستخدام مكونات معقدة في قالب تصميم موقع الويب.
ملحوظة:لاستخدام المحرر المرئي عند تحرير قالب في الإصدارات السابقة للإصدار 14.0 ، حدد الخيار استخدم المحرر المرئي لتحرير قوالب الموقعفي الاعدادات الوحدة الرئيسية (الإعدادات> إعدادات المنتج> إعدادات الوحدة النمطية> الوحدة الرئيسية):
تحرير القالب
لتحرير قالب موقع ، اتبع الخطوات التالية:
في كلتا الحالتين ، سيتم فتح نموذج لتحرير القالب المحدد:
الآن يمكنك المتابعة مباشرة لتحرير قالب الموقع.
عند استخدام المحرر المرئي في وضع تحرير قوالب تصميم الموقع ، يشتمل شريط الأدوات على لوحة إضافية أخرى - اللوحة تحرير القالب. تحتوي هذه اللوحة على أدوات مساعدة لتحرير قالب تصميم موقع الويب.
تحرير مناطق خدمة القالب
يوجد زر في لوحة تحرير القالب. تحرير مناطق خدمة القالب ( ) ، عند النقر فوقه ، يفتح نموذج التحرير:
يحتوي هذا النموذج على علامتي تبويب: الجزء العلويو الجزء السفلي، والتي يتم استخدامها لتحرير الأجزاء العلوية والسفلية من قالب تصميم موقع الويب ، على التوالي. بالإضافة إلى ذلك ، يوجد زر في النموذج يمكن استخدامه لاستعادة المحتوى الافتراضي لمناطق الخدمة.
إضافة منطقة عمل
لإضافة مساحة عمل منطقة العملالزر المستخدم في قالب الموقع - فاصل القالب # WORK_AREA #. عند النقر فوقه ، سيتم إضافة اختصار إلى مساحة عمل المحرر ، والتي تعرض مظهر القالب. يحدد موقع هذه التسمية موقع منطقة العمل لصفحات الموقع.
ملحوظة: بدون منطقة العمللا يمكن حفظ النموذج.
معاينة القالب
يتيح لك الزر عرض القالب المستلم في الجزء العام دون حفظ التغييرات ، أي بعد المشاهدة ، يمكنك دائمًا الرجوع وإصلاح اللحظات التي لم تعجبك. من خلال النقر على الزر ، يتم عرض القالب في نافذة منفصلة.
العمل مع الكود
دعنا نلاحظ بعض ميزات استخدام كود php في كود القالب. هناك بعض التفاصيل الدقيقة عند مقاطعة كود html بنص php. على سبيل المثال ، يمكنك كتابة ما يلي:
"title =" (! LANG: تفضل بزيارة الموقع">OurSite !}
وبالمثل مع الصور (علامة الصور).
نقوم بإدراج السمات التي تتم معالجتها للروابط والأشكال:
للعلامة السمات: href ، title ، class ، style
للعلامة السمات: src ، alt ، class ، style
أولئك. بدلاً من هذه السمات ، يمكنك إدراج
يمكن أيضًا مقاطعة رمز الجدول بواسطة برنامج نصي php:
إذا كان رمز القالب يستخدم صورًا موجودة في دليل القالب وأعمق ، فسيتم استبدال المسار إلى مجلد القالب بثابت SITE_TEMPLATE_PATH:
يعد تحرير قالب أمرًا صعبًا ولكنه ضروري. فكرت لفترة طويلة في تغيير القالب إلى قالب آخر ، كما أرغب في مساحة ، ولكن بدون أجراس وصفارات. لكنني لم أرغب في أخذ ما أعجبني وتثبيته ، لذلك قررت التعمق في كود القالب الخاص به ، وتعديله قليلاً: إزالة العناصر غير الضرورية ، وإضافة كود العمل الضروري. بالإضافة إلى ذلك ، أريد تفتيح القالب الخاص بي عن طريق تسريع تحميله. بالنسبة لي ، هذه هي أصعب مهمة ، لأنه في بعض الأحيان يجب أن أقطع سريعًا ، وأزيل الكثير من المكونات الإضافية التي جعلت حياتي أسهل.
لتحرير القالب ، لقد أعددت الأساس بالفعل ، والآن عليّ نقل الملف الأول إلى التطوير. سأفتح ملف index.php ، لأنه يعمل كهيكل عظمي في قالب WordPress المثبت: فهو يخبر كل الملفات الأخرى بترتيب ووقت التحميل في متصفح المستخدم. عند فتح هذا الملف باستخدام Notepad ++ ، فإنني أنتبه إلى السطر الأول.
أرى الكود التالي
| 1 |
هذا يعني أنه يتم تحميل ملف header.php أولاً عند إنشاء صفحة المدونة. أوجه انتباهكم إلى حقيقة أنه لا يوجد شيء مكتوب قبل هذا السطر. الآن أقوم بفتح ملف header.php لتحرير القالب وتكييفه.
في بداية العمل ، ألقي نظرة على عدد الأسطر في الملفات: يوجد 49 سطراً في ملف index.php ، لكن 17 سطراً فارغة ، وفي ملف header.php هناك 58 سطراً ، منها 31 سطراً فارغة. عندما أنتهي من تحرير النموذج ، سأزيل جميع الأسطر الفارغة ، وسيوفر المتصفح وقتًا في قراءة الرموز عند تحميل الصفحة - وهذه مهمة بسيطة لتكييف القالب للمدونة.
قبل تحرير ملفات index.php و header.php ، قمت بتغيير ترميز المستند إلى UTF-8 ، لقد تحدثت عن هذا الأمر في المقالة السابقة "تحرير قالب WordPress"
السطر الأول - مهم جدًا للتحقق من المستند ، فهو يؤكد أن الصفحة مكتوبة باللغة الصحيحة ، مسترشدة بالمعايير المقبولة. لا داعي للقلق بشأن هذا الخط - هناك واسمحوا له أن يكون. أذهب أبعد من ذلك.
أنا أنتبه إلى السطر 2 - من خلال المتصفح
يوجد أسفل هذا الرمز حاوية كبيرة تحتوي على 8 أسطر يجب أن أتعامل معها أيضًا.
انتبه إلى السطر 4
| 1 | ؛ محارف = " /> |
الذي سأستبدله بالخط
| 1 | < meta http- equiv= "Content-Type" content= "content=" text/ html; charset= UTF- 8 " /> |
يخبر المتصفحات ومحركات البحث أن صفحات هذه المدونة مكتوبة باستخدام ترميز UTF-8 ، ولكن مرة أخرى ، لماذا أحتاج إلى تحميل إضافي.
نستمر في تحسين النموذج - السطر 5 أو عنوان الصفحة. من المهم جدًا تحسين محرك بحث المدونات. لذلك ، أنا مضطر لاستخدامه ، ولكن هنا أيضًا ، يتم تنفيذ تعبئته باستخدام كود PHP. وهذا الرمز يعمل
والآن استطرادا طفيفا. الحقيقة هي أنني أستخدم البرنامج المساعد All in One SEO لتحسين محرك البحث للمدونة. باستخدامه ، أكتب جميع العناوين والأوصاف والكلمات الرئيسية للمدونة نفسها ولكل صفحة على حدة. ها هو الكود
الجزء الأول من الكود
يسحب عنوان المنشور من قاعدة بيانات المدونة ، الجزء الثاني من الكود
الآن عندما أفتح صفحة المدونة ، سيكون لدي عنوان المنشور المعروض في العنوان أولاً ، مفصولاً بعنوان المدونة. نفس الشيء ، مطروحًا منه طلبًا آخر.
في السطر 6 يوجد اتصال ملف
لقد كتبت مؤخرًا منشورًا عنه. يجب أن أكتب المسار إلى هذا الملف ، بدءًا من اسم المجال.
في إصدارك ، لا يمكنك تغيير العنوان إلا إذا قمت بتحرير قالب المدونة بنفسك.
السطر 8 - يجب تحديد المسار المطلق لملف xmlrpc.php.
إنها قصيرة ، تبدو غير ضارة على ما يبدو ، ولكن عندما يتم إنشاء الصفحة الرئيسية للمدونة ، سيتم تحميل الكثير من التعليمات البرمجية: أنماط المكون الإضافي لترقيم الصفحات ، ومكوِّن captcha الإضافي ، ومكوِّن All in One SEO الإضافي ، و wp-syntax ، و Google Analytics ، و topsy. يمكنك تحميل خصائص وأنماط المكونات الإضافية الأخرى المثبتة. بالإضافة إلى ذلك ، يتم إخراج البرامج النصية العاملة من مجلد CMS WordPress wp-include.
هناك استنتاج واحد فقط. يجب أن أقوم بتقييم الحاجة إلى مدونة كل مكون إضافي ، وتحديد ما إذا كان الأمر يستحق ذلك أم لا. على سبيل المثال ، لا يمكنني الاستغناء عن المكون الإضافي All in One SEO ، لقد قضيت الكثير من الوقت في البحث عن المكون الإضافي wp-syntax. لقد قاموا بتحميل مدونتي ، لكن العائد عليهم رائع.
ولكن بدون إضافات WordPress
بداية سريعة مع CMS Webdirector:
يتم إنشاء قوالب الصفحة لتحديد مظهر صفحات موقع الويب. يمكن عرض أي صفحة في أي من قوالب html المتاحة. عند تعيين قالب مختلف لبعض الصفحات ، سيتم الاحتفاظ بجميع معلومات الصفحة (النصوص والعناوين والصور) ، لكن مظهر الصفحة سيتغير وفقًا للقالب الجديد (لون النص وحجمه ، المحاذاة ، هيكل الشاشة ، رأس الصفحة ، وعدد من العناصر الأخرى).
في معظم أنظمة إدارة المحتوى ، تكون القوالب عبارة عن كود HTML مع إدخالات للغة ماكرو اخترعها مطورو نظام إدارة محتوى معين. لكتابة هذا الرمز ، يجب أن تكون مبرمجًا وأن تفهم أوامر نظام إدارة محتوى معين.
CMS WebDirector لديه أيضًا القدرة على ترميز القوالب يدويًا ولغة الماكرو الخاصة به التي تسمح لك بإدراج التوجيهات في مكان عشوائي في كود HTML للقالب ، والتي يتم استبدالها أثناء النشر بعناصر تم إنشاؤها تلقائيًا وكتل المعلومات (أنواع مختلفة من القوائم والنشرات الإخبارية والكتالوجات والنماذج وما إلى ذلك).
ولكن! لقد اعتنينا بالمطورين المبتدئين ومصممي الجرافيك الذين ليسوا على دراية بالبرمجة - وأنشأنا "محرر القوالب المرئية". يسمح لك المحرر المرئي لصفحات الويب بتعيين تصميم الموقع عن طريق تخطيط قوالب الصفحة بالكامل في الوضع المرئي ، دون إشراك المبرمجين.
أولاً ، باستخدام محرر الويب المرئي ، وتشغيل العلامات وإيقاف تشغيلها ، يحدد المطور مناطق المعلومات التي ستتألف منها الصفحة في قالب الصفحة هذا (يمكن أن يكون هناك 9 مناطق إجمالاً). ثم ، لكل منطقة ، باستخدام محرر html المرئي ، يختار المطور المحتوى من القائمة المنسدلة (القائمة ، نص الصفحة ، العنوان - هناك العديد من الخيارات). من الممكن أيضًا تحديد عنصر "المحتوى التعسفي" ، والذي يسمح لك بإدخال كود HTML أو JS أو PHP التعسفي أو مجموعة من العناصر المُنشأة تلقائيًا والتعليمات البرمجية العشوائية في المنطقة.
في الخطوة الثانية ، يستخدم المطور محرر النمط المرئي للقالب. في هذه النافذة ، يمكنك تعيين: أحجام المناطق الفردية ، وألوان خلفية المناطق وصور خلفية المناطق ، وتعيين الأنماط (الخط والحجم واللون) للنص الرئيسي والعناوين والروابط والقوائم المنسدلة متعددة المستويات وغيرها عناصر التنقل ومعلمات الجداول والنماذج المدرجة وغير ذلك الكثير.
للمطورين: يقوم محرر القوالب المرئية الروسية في الوضع المرئي مع العرض الفوري للتغييرات بإنشاء جدول CSS للقالب الحالي ، وهو أسرع بكثير من كتابة عشرات الأنماط يدويًا.
بالنسبة لرؤساء استوديوهات التصميم ، تتيح هذه الأداة تقليل الوقت الذي يستغرقه إنشاء القوالب وفقًا للتصميم المعتمد بشكل كبير.
بالإضافة إلى ذلك ، سيتمكن المبتدئ من إنشاء تصميم بسيط ولكنه أصلي لموقعه عن طريق تغيير أحد قوالب نظام إدارة المحتوى المجانية المضمنة في نظام إدارة محتوى WebDirector بشكل مرئي.
بالنسبة للمصممين ، يتم توفير أداة احترافية لإنشاء اللوحة الصحيحة وفقًا لقوانين علم الألوان. ستتوفر هذه اللوحة بعد ذلك لتلوين القالب وأنماط النص.
يحتوي كل موضوع على عدد من الإعدادات التي يمكن تغييرها من لوحة التحكم CMS. يمكن أن تختلف مجموعة متنوعة من المعلمات من قالب إلى آخر ، ولكن كل سمة تقريبًا تسمح لك بتهيئة الشعار والخلفية والخطوط والأشرطة الجانبية والعنوان ووصف الموقع من لوحة الإدارة.
بالرغم من ذلك ، قد يرغب صاحب الموقع في تغيير بعض الأشياء الصغيرة التي لا تسمح لك لوحة التحكم بتعديلها. في هذه الحالة ، يمكنك تعيين مشرف موقع ، ولكن إذا لم يكن هناك مال أو وقت ، فيمكنك بسهولة فهم النموذج وإجراء التغييرات اللازمة بنفسك.
يتكون محرك النسق من العديد من الملفات. بمعرفة أي جزء من الموقع يكون كل منهم مسؤولاً عنه ، يمكنك بسهولة تعديل تصميم نموذج CMS بنفسك.
تحتوي ملفات السمات على كود HTML و PHP و CSS. يوجد دليل منفصل لـ HTML / CSS على الموقع ، ومعرفة PHP ليست مطلوبة من حيث المبدأ لتشكيل التصميم.
لذلك ، يحتوي أي قالب WordPress على الملفات التالية.
1. index.php. يشكل الملف الصفحة الرئيسية للموقع ويستدعي ملفات الجلد الأخرى.
2. header.php. لإنشاء "رأس" الموقع العلوي - عادةً ما يحتوي على الشعار والعنوان ووصف مورد الويب ، بالإضافة إلى قائمة أفقية. حاوية HTML موجود أيضًا في هذا الملف.
3. تذييل. php. يحتوي على كود الجزء السفلي من الموقع ، "التذييل" الخاص به.
4. style.css. ملف ورقة الأنماط المتتالية. نظرًا لأنه عادةً ما يكون كبيرًا جدًا ، style.cssعلق جيدا. لسوء الحظ ، غالبًا ما تكون اللغة الإنجليزية ، ولكن المعرفة الأساسية ستكون كافية لفهم أي جزء من الكود مسؤول عن تصميم العناصر. اقرأ المزيد عن CSS هنا.
هذا هو الأساس الأساسي لقالب WordPress ، ولكن عادة ما يكون هناك العديد من ملفات السمات ، وهنا أكثر الملفات شيوعًا.
1. مفرد. php- وظيفة منفصلة.
2. page.php- صفحة.
3. الشريط الجانبي. php- الشريط الجانبي / اللوحات.
4. أرشيف. php- أرشيفات المقالات.
5. search.php- صفحة نتائج البحث.
6. التعليقات- إخراج التعليقات.
7. 404.php- صفحة الخطأ برمز 404 (الملف غير موجود).
8. وظائف. php- ملف يحتوي على وظائف السمة. يمكنك أيضًا إضافة نصوص PHP الخاصة بك إليها.
بالطبع ، تحتوي القوالب عادةً على العديد من الملفات أكثر مما هو موصوف أعلاه ، لكنها عادةً لا تحتاج إلى التحرير. بالإضافة إلى ذلك ، يمكنك التعرف على الغرض من كل ملف من اسمه والتعليقات بالداخل.
غالبًا ما يكون تحرير القوالب مطلوبًا لتصحيح أو إضافة بعض الأشياء الصغيرة. فيما يلي بعض المواقف الشائعة.
إضافة قائمة
يمكن وضع القائمة ليس فقط في الأماكن التي حددها الموضوع (يتم ذلك من خلال عناصر واجهة المستخدم) ، ولكن أيضًا في أي جزء آخر من الموقع أو حتى في صفحة معينة.
لإدراج قائمة في أي مكان ، أضف السطر:
مباشرة في رمز الصفحة حيث تريد وضعها. سيعمل الخط إذا كانت هناك قائمة مخصصة واحدة فقط على الموقع. إذا كان هناك العديد ، فيجب إضافة سطر مثل هذا إلى الكود:
"Menu_1")) ؛ ؟>
أين بدلا من Menu_1تحتاج إلى إدخال اسم القائمة الخاصة بك.
تحرير صفحة 404
إذا كان الرابط يؤدي إلى صفحة أو ملف غير موجود ، فإن WordPress يأخذ المستخدم إلى صفحة خطأ 404 (لم يتم العثور على الملف). الملف مسؤول عن ذلك. 404.php، المخزنة في مجلد الموضوع النشط. غالبًا ما يتم عرض نص باللغة الإنجليزية على الشاشة ، ورغبة مالك موقع باللغة الروسية في ترجمته إلى لغته الأم أمر مفهوم تمامًا.
لتغيير محتوى الصفحة ، افتح الملف في المحرر 404.php، ابحث عن الأسطر التي تحتوي على النص المعروض في المستعرض وقم بتغييرها (غالبًا ما يكون النص الناتج محاطًا بعلامات اقتباس). على سبيل المثال ، في أحد السمات الافتراضية (عشرونًا) ، ستهتم بالشفرة التالية:
استبدل النص المقتبس (ليس حيث يوجد أربعة وعشرون ، ولكن شيئًا آخر) بالنص الخاص بك واحصل على صفحة 404 معدلة.
تسجيل حقوق التأليف والنشر
في الجزء السفلي من الموقع ، من المعتاد كتابة معلومات الخدمة ، على وجه الخصوص ، سنوات المورد وحقوق النشر. في الغالبية العظمى من الحالات ، "التسمية" الخاصة بهم في الملف تذييل. phpاترك مؤلفي الموضوعات ، ومشرفي المواقع ، بالطبع ، يريدون استبدال هذه المعلومات بمعلوماتهم الخاصة.
بالنسبة إلى "أرجل" الموقع ، كما نعلم ، فإن الملف المخزن في جذر السمة النشطة هو المسؤول تذييل. php، وعليك أن تبحث عن الكود المسئول عن حقوق النشر فيه.
على سبيل المثال ، يخفي النسق الأبيض المسطح المعلومات المساعدة في الأسطر التالية من هذا الملف:
"العنوان =" (! LANG:"> ">
إضفاء الطابع الروسي على النص
في كثير من الأحيان ، لا يتم ترجمة قوالب WordPress بالكامل إلى سكانها ينالون الجنسية الروسية أو لا تتم ترجمتها على الإطلاق. معرفة بنية ملف السمة وحقيقة أن النص المعروض للمستخدم (إذا لم يكن متغيرًا) يكون دائمًا محاطًا بعلامات اقتباس في الكود ، فمن السهل العثور على الجزء المطلوب وترجمته بنفسك ، وهو ليس كذلك ضروري للبحث عن الكلمة يدويًا - لذلك يمكنك استخدام البحث التلقائي الموجود في كل محرر رمز.
على سبيل المثال ، في القالب الأبيض المسطح ، تريد فورًا جعل نقشتين على الأقل روسيًا: "اقرأ المزيد" و "اترك تعليقًا" ، نظرًا لأنها مرئية على الصفحة الرئيسية.
الملف مسؤول عن الصفحة الرئيسية index.php، الموجود في جذر دليل السمة ، لذلك تحتاج إلى تحريره. لكن نص النقوش ليس فيه ، لذلك تحتاج إلى فهم الكود لمعرفة مكان تخزينها. في حالتنا ، الملف مسؤول عن المعلومات الموجودة أسفل المنشورات على الصفحة الرئيسية. أجزاء القالب / content.php، متصلة بسلسلة
إذا دخلت فيه وفي الكود
