Joomla Templating - التخطيط البديل وتجاوز القالب. نوع القائمة: قالب مدونة فئة قالب مدونة فئة Joomla 3

15.08.2023

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

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

هيكل المادة

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

لنأخذ مكونًا قياسيًا com_contentهو أحد مكونات مقالة جملة. دعونا نحاول إعادة تعريف نوع المقالات المميزة. دعونا نعرضها، على سبيل المثال، على الصفحة الرئيسية. للقيام بذلك، نحتاج إلى إضافة قالب لعرض المقالات المحددة للمكون إلى قالب جملة الرئيسي. للقيام بذلك، قم بإنشاء مجلد html في جذر قالب الموقع الرئيسي، ثم المجلد “com_content” فيه، ثم المجلد “المتميز” (المواد المحددة) فيه، أي. سيكون المسار مثل هذا - /templates/your template/html/com_content/featured. ننتقل الآن إلى المسار التالي - /components/com_content/views/featured/tmpl/ وننسخ الملفات default.php وdefault_links.php وdefault_item.php إلى الملف الذي تم إنشاؤه. هذا المجلد"مميز" في القالب الخاص بك. الآن قم بتحرير هذه الملفات حسب حاجتنا. ستتمكن من رؤية التغييرات فورًا على الموقع. الآن متى تحديث جملةستبقى التغييرات الخاصة بك دون تغيير.

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

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

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

تخطيط بديل

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

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

ثم نتلقى رسالة مفادها أنه تم إنشاء التجاوز والشيء التالي الذي سنفعله هو الانتقال إلى مجلد القالب "Protostar" (إذا كان الموقع مستضافًا، فمن الأفضل استخدام عميل ftp، على سبيل المثال، Total Commander) ونرى ظهور مجلد في جذر القالب "أتش تي أم أل"، افتح هذا المجلد، ثم المجلد "mod_login"ونرى ملفين للنموذج: default.phpو default_logout.php. يمكننا تغيير هذه الملفات بالطريقة التي نريدها ويمكننا رؤية النتيجة فورًا على الموقع بعد تحديث الصفحة. ولكن سيتم تطبيق هذه التغييرات على الفور على كافة الوحدات التي تم إنشاؤها "mod_login"، ونحن بحاجة إلى إنشاء تصميمين مختلفين.

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

لنقم الآن بإنشاء نسخ من قوالب التجاوز في المجلد mod_loginقالب موقع الويب (اختر الملف، اضغط على ctrl + c، ثم ctrl + v)، سيكون لدينا ملفات بالبادئة "نسخ". دعونا نعيد تسمية كلا الملفين، مع استبدال البادئة "copy" بـ، على سبيل المثال، "-بديل"(يجب أن تكون أسماء الملفات لاتينية تمامًا ولا تحتوي على شرطات سفلية)، على سبيل المثال. يجب أن يكون لدينا ملفين إضافيين: الافتراضي-alternative.phpو default-alternative_logout.php. الآن نبحث عن رمز الزر في الملف الافتراضي-alternative.phpمع الطبقة "btn btn-الابتدائي"والتغيير "btn-الابتدائي"على "تحذير btn"(فئة زر التنبيه في )، أي. مثله - فئة = "btn btn-تحذير".

انتقل الآن إلى إعدادات الوحدة mod_loginونرى أن قالبًا إضافيًا "البديل الافتراضي" قد ظهر في قائمة "التخطيط البديل".

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

تخطيط بديل للفئات والمقالات

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

يمكننا تعيين تخطيط بديل لفئة منفصلة ومقالة منفصلة.


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

تخطيط مقالة واحدة بديلة

لنقم بإنشاء تخطيط بديل لمادة منفصلة. على سبيل المثال، في مادة منفصلة قمت بتعيين عنوان H2 إلى فئة pageTitle، وبالتالي أصبحت هذه المادة فريدة بالنسبة للآخرين. كيف يمكن تحقيق ذلك؟ نقوم ببساطة بإنشاء تخطيط صفحة بديل وتخصيصه للمقالة المطلوبة. للقيام بذلك، قم أولاً بإنشاء تجاوز للمقالة: الملحقات -> مدير القوالب -> عمود "القالب"، حدد القالب الخاص بك -> إنشاء تجاوز -> في عمود "المكونات"، ابحث عن "com_content"، وقم بتوسيع القائمة وانقر فوق على رابط "المقال".

انتقل الآن إلى الدليل - /templates/your template/html/com_content/article/ وقم بإنشاء نسخة من ملف default.php. بعد ذلك نقوم بإعادة التسمية هذا الملف، على سبيل المثال، مثل هذا - default-alt.php. نقوم بإجراء التغييرات اللازمة على القالب (قمت بتعيين عنوان الصفحة على فئة pageTitle، إذا كنت تتذكر). الآن دعنا نخصص هذا القالب للمقالة المطلوبة - المواد -> مدير المواد -> حدد المادة المطلوبة -> خيارات عرض المواد -> انزل وفي حقل "التخطيط البديل" حدد تخطيطنا - البديل الافتراضي.

الآن إذا قمنا بإعادة تحميل الصفحة يمكننا رؤية التغييرات التي أجريناها.

دعونا الآن نعطي تخطيطنا البديل "alt-alt" اسمًا مناسبًا. على سبيل المثال، دعنا نسميها هذا - تخطيطي البديل. للقيام بذلك، يجب علينا إضافة ثابت مع الترجمة - TPL_ اسم القالب الخاص بك _COM_CONTENT_ARTICLE_LAYOUT_ اسم ملف التخطيط البديل ="التخطيط البديل الخاص بي" - إلى ملف ترجمة القالب - ru-RU.tpl_ اسم القالب .sys.ini.

أنا أستخدم القالب الافتراضي "protostar" واسم ملف التخطيط البديل الخاص بي هو default-alt.php. في حالتي، لأغراض الترجمة، أضفت الثابت TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT=”تخطيطي البديل” إلى الملف ru-RU.tpl_protostar.sys.ini (/language/ru-RU/). الآن عندما أقوم بتحديد تخطيط بديل، يتم عرض اسمي.

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

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

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

تخطيط الفئة البديلة

بنفس الطريقة المتبعة في المقالة، يتم إنشاء تخطيط فئة بديل. نقوم بإنشاء تجاوز لقالب قائمة مقالات الفئة (عند إنشاء التجاوز، انقر فوق رابط "الفئة"). بعد ذلك، انتقل إلى القالب الخاص بنا وافتح مجلد التجاوز الذي تم إنشاؤه - الفئة. في هذا المجلد نجد الملفات: blog.php, blog_item.phpو blog_children.phpوقم بإنشاء نسخ منها (اختر CTRL+C -> CTRL+V). دعونا نعيد تسمية نسخ من هذه الملفات، وقد قمت بتسميتها على النحو التالي: myblog.php, myblog_item.phpو myblog_children.php. يمكنك استبدال البادئة " مدونتي_» باسمه، ولكن يجب أن يكون تسلسل الإجراءات هكذا تمامًا، وإلا فقد تحدث أخطاء. الآن في لوحة إدارة الموقع نفتح الفئة التي نريد تعيين تخطيط بديل لها وفي علامة التبويب "خيارات" نجد حقل "التخطيط البديل". من خلال توسيع القائمة، سنرى التخطيط الذي أنشأناه (افتراضيًا، يوجد بالفعل تخطيطان: المدونة والقائمة).

دعني أذكرك مرة أخرى!لن يتم تطبيق هذا التخطيط البديل إلا إذا كانت الفئة غير مرتبطة بعنصر قائمة بمدونة الفئة أو نوع قائمة الفئات.

يمكنك أيضًا إعطاء اسم مناسب للتخطيط عن طريق إنشاء ثابت لغة - TPL_ اسم النموذج _COM_CONTENT_CATEGORY_LAYOUT_ اسم ملف التخطيط (نسخة من ملف blog.php). في حالتي سيكون - TPL_PROTOSTAR_COM_CONTENT_CATEGORY_LAYOUT_MYBLOG، في حقل الترجمة أعطيت اسمي - مدونتي.

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

يبدو أن هذا كل شيء، ولكن هناك نقطة أخرى أريد التحدث عنها أيضًا. فقط تخيل قائمة المواد الخاصة بفئاتنا، حيث يتم عرضها بتنسيق مدونة. دعونا الآن نغير عنوان المادة في قائمة الفئات. بشكل افتراضي هو H2، وسوف نقوم بتغييره إلى H3. تم إجراء التعديلات على ملف blog_item.php، ولكنني سأقوم بإجراء تغييرات على تخطيط بديل، وهو ملف myblog_item.php. لذا، إذا فتحنا هذا الملف، يتبين أن بعض الكتل موضوعة في ملفات منفصلة، ​​بما في ذلك عنوان مقالتنا. تذكر عمود "التخطيطات" الثالث عند إنشاء تجاوز في القالب. والآن سننتقل إلى هذا العمود. نحتاج إلى إنشاء تجاوزات تخطيط لمكون مقالة جملة القياسي. للقيام بذلك، نذهب إلى التجاوزات وفي عمود "التخطيطات"، انقر على رابط "المحتوى". نذهب الآن إلى مجلد القالب الخاص بنا، ثم المجلد "html" ونرى أنه قد ظهر هناك مجلد آخر - "التخطيطات". عظيم! الآن دعنا نذهب إلى هذا المجلد -> جملة -> المحتوى وهنا نحتاج إلى العثور على الملف الذي يحتوي على عنوان مقالتنا. للقيام بذلك، دعنا نعود إلى ملف myblog_item.php (في حالتي) ونبحث عن السطور التي نعرض فيها العنوان. بالنسبة لي هو السطر 23 يبدو مثل هذا:

غرض)؛ ?>

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

غرض)؛ ?>

غرض)؛ ?>

الآن ملف القالب myblog_style_default_item_title.phpيمكنك التغيير كما تريد وسيتم تطبيق التغييرات تمامًا في الفئة التي تم تعيين تخطيط الفئة البديل لها. هذه هي الطريقة التي يعمل بها كل شيء. يتم إعادة تعريف القوالب الأخرى لعمود "التخطيطات" بنفس الطريقة.

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

تخطيط عنصر القائمة البديل

الآن دعونا نلقي نظرة على خيار آخر لإنشاء تخطيط بديل مرتبط بعنصر القائمة. انتقل إلى الدليل - /templates/your template/html/com_content/categoty وقم بإنشاء نسخة من ملف blog.xml ثم أعد تسميته إلى (في حالتي) myblog.xml. الآن دعونا نفتح هذا الملف. في بداية الملف سنرى هيكل مثل هذا:

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

COM_CONTENT_CATEGORY_VIEW_ مدونة _عنوان
COM_CONTENT_CATEGORY_VIEW_ مدونة _خيار
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_ مدونة
COM_CONTENT_CATEGORY_VIEW_ مدونة _DESC

لقد أسميتهم كالتالي:

COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE
COM_CONTENT_CATEGORY_VIEW_MYBLOG_OPTION
JHELP_MENU_MENU_ITEM_ARTICLE_CATEGORY_MYBLOG
COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC

انتقل إلى مدير اللغة وقم بإنشاء تجاوزات ثابتة لمنطقة لوحة التحكم باللغة التي تحتاجها. كل ما كان علي فعله هو إنشاء تجاوزات لثوابتين: COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE وCOM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC.

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

سيتم الآن عرض مخرجات المقالات الموجودة في عنصر القائمة هذا وفقًا للتخطيط الذي تم إنشاؤه.

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

نمط الوحدة

دعنا نعود إلى وحداتنا ونرى ما يمكننا القيام به هناك لجعل حياتنا أسهل. حتى الآن، قمنا بفحص التخطيطات الداخلية لكل امتداد، وتحدثنا عن إمكانية إعادة تعريفها، ولكن الوحدات لها أيضًا غلاف خارجي، وهو ما لم يكن متاحًا لنا باستخدام الطرق المذكورة أعلاه. أي نوع من قذيفة هذا؟ هذا، على سبيل المثال، كتلة تحتوي على فئة Moduletable والتي تغلف كل وحدة نمطية بنمط إخراج xhtml القياسي. يمكنك أيضًا تضمين عنوان الوحدة هنا، والذي يتم عرضه افتراضيًا في علامة H3. تخيل الآن الموقف - تحتاج إلى تغيير إحدى الوحدات، أو بالأحرى عنوانها، لتغيير علامة H3 إلى كتلة div عادية بفئة معينة، على سبيل المثال، فئة ModuleTitle، + أضف أيضًا علامة امتداد داخل هذه الكتلة، أي. قم بتأطير العنوان بعلامة امتداد إضافية. يتعلق هذا بوحدة منفصلة. ولكن ماذا لو كنت بحاجة إلى عرض جميع الوحدات في موضع معين للوحدة بهذه الطريقة؟

دعونا معرفة ذلك. يمكننا إنشاء غلاف فريد وتخصيصه لأي وحدة. للقيام بذلك، قم بإنشاء ملف Modules.php في مجلد القالب الخاص بك، وسيبدو المسار الكامل كما يلي - /templates/your template/html/modules.php. افتح هذا الملف والصق الكود التالي فيه:

المحتوى)) : ?>

">عنوان العرض): ?>

عنوان؛ ?>

محتوى؛ ?>

لكن لا تتعجل في الحفظ، فما زلنا بحاجة إلى تعديله، أو بشكل أكثر دقة، إنشاء نمط فريد للوحدة، وإلا سيظهر خطأ على الموقع على شكل شاشة بيضاء (مع تعطيل عرض الأخطاء)، لأن هذا النمط موجود بالفعل. نحن مهتمون بالوظيفة "modChrome_xhtm"دعونا نعطيها اسمًا فريدًا، لقد دعوتها بهذه الطريقة - "modChrome_myStyle". هذا كل شيء، الآن يمكن تحرير محتويات الوظيفة حسب حاجتنا إليها. ونتيجة لذلك، إذا قمت بتنفيذ خطتي، قمت بتحديث الكود على النحو التالي:

المحتوى)) : ?>

">عنوان العرض): ?>
عنوان؛ ?>
محتوى؛ ?>

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

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

ظهرت هذه الميزة المتمثلة في تعيين نمط فريد لكل وحدة في joomla 3. ولم أر هذه الميزة في joomla 2.5. لذا، إذا لم تكن قد فعلت هذا بعد.

الآن دعونا نلقي نظرة على كيفية إخراج كافة الوحدات وفقًا لنمط معين في موضع وحدة محدد. يتم إدراج الموضع المعياري في القالب على النحو التالي:

الاسم = "الرأس" - بدلاً من ذلك headerأدخل اسمك للموضع المعياري.

إذا لاحظت، يتم عرض النمط القياسي في هذا الموضع - XHTML. دعنا نستبدله بالذي قمنا بإنشائه - myStyle، أي. مثله:

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

ميزات إضافية

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

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

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

حجم التمهيد- يعمل مع نمط الوحدة المحدد html5. هذا الخيار مناسب فقط إذا كنت تستخدمه

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

بعد أن نظرنا إلى بنية مكون com_content القياسي في Joomla، فلننسخ ملفات إخراج قالب الفئة إلى قالب Joomla الخاص بنا، إذا لم تكن موجودة بالفعل. خذ بعين الاعتبار قالب إخراج مدونة الفئة:

(الجذر)\القوالب\(TEMPLATE)\html\com_content\category\blog.php - القالب الأولي

(الجذر)\القوالب\(TEMPLATE)\html\com_content\category\blog_item.php - قالب المادة

(root)\templates\(TEMPLATE)\html\com_content\category\blog_links.php – قالب للروابط إلى المواد التالية

سيتم تحميل قالب الإخراج blog.php أولاً، والذي بدوره يستخدم القالبين الآخرين. لحل المشكلة، لا تحتاج إلى لمس ملفات Joomla الأساسية، ولكن سيتم استخدام القوالب فقط.

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

items->catid === $categories[$i]) ( $this->_layout = "myblog"; $this->display(); $check = true;break; ) ) // إذا كان الشرط غير متطابق ، اعرض القالب المعتاد if (!isset($check)) : $cparams =& JComponentHelper::getParams("com_media"); ?>

وفي نهاية الملف نغلق الشرط:

دعونا نلقي نظرة على الكود قليلاً:

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

كل ما يتعين علينا القيام به هو إنشاء ملفات القوالب الخاصة بنا في نفس الدليل:

(الجذر)\القوالب\(TEMPLATE)\html\com_content\category\myblog.php - القالب الأولي

(الجذر)\القوالب\(TEMPLATE)\html\com_content\category\myblog_item.php - قالب المادة

(root)\templates\(TEMPLATE)\html\com_content\category\myblog_links.php – قالب للروابط إلى المواد التالية

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

في ووردبريسيتم تنفيذ ذلك بكل بساطة: ما عليك سوى إنشاء نسخة من القالب فئة.phpوأضف إليها سبيكة (اسم النظام الإنجليزي لعنوان التقييم) من عنوان التقييم المطلوب. على سبيل المثال: فئة-news.phpسيتم استخدامه عند عرض منشورات الفئة التي تحتوي على سبيكة ثابتة أخبار.

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

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

الآن لا توجد صعوبات في تنظيم المساحة الشخصية على الإنترنت. يمكنك ببساطة الاطلاع على الأخبار وشراء فئات مدونتك المفضلة لـ joomla.

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

هل قررت إنشاء مدونتك على جملة ودمجها مع المبيعات عبر الإنترنت؟ إذن عليك الانتباه إلى قوالب مدونة Joomla 3 التي توفر القدرة على تنفيذ المبيعات عبر الإنترنت.

يتميز كل قالب من قوالب Joomla المقدمة بجماله وأسلوبه وفي نفس الوقت يمكنك تخصيصه بسهولة ليناسب احتياجاتك الخاصة.

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

عند إنشاء عنصر قائمة جديد، تحتاج إلى تحديد النوع - " قالب مدونة الفئة":

لكن أما " خيارات-عام" و " خيارات-متقدمة"يجب مراجعتها هنا لأنها تختلف عن أنواع القوائم الأخرى.

لنبدأ بالمجموعة " خيارات-عام":

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

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

والآن دعونا ننظر إلى " خيارات-متقدمة":

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

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

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

اللغات: الإنجليزية، الروسية.

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

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

التقنيات: Jquery، AMP، Bootstrap، Ajax، Javascript، التصميم سريع الاستجابة.

أفضل قوالب المدونين، اختيار المستخدمين

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

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

تم تصميمه على أساس سمات Blogger الجديدة من سلسلة (CNES). قادر على حل العديد من المهام المعينة. يمكنك استخدامه مع جميع الأدوات، أو جزئيًا، كمدونة معلومات شخصية. ستفاجئك سرعة تحميل الصفحة بسرور.

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

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

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


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


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

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

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

يعد Dream Press من بين أفضل موضوعات المدونين. سترى فيه تصميمًا عصريًا وأنيقًا وأنيقًا وبسيطًا. بشكل عام، كل هذه الصفات سوف تساعد على إبقاء القارئ في الموقع.

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

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