آموزش استفاده از قابلیت Overrides کردن افزونه ها در قالب جوملا

یکی از قابلیت های فوق العاده ای که در سیستم مدیریت محتوای جوملا نهفته است. قابلیت اورراید کردن یا بازنویسی مجدد کلیه المان های موجود در جوملا اعم از کامپوننت ها؛ ماژول ها و حتی پلاگین ها برای استایل دهی اختصاصی و فراخونی از یک استایل خاص در قالب مورد نظر ما میتوان نام برد.

در این مثال قصد داریم به شما نشان دهیم که چگونه میتوانیم حتی در پلاگین های جوملا از خاصیت override کردن بهره بگیریم و اختصاصی سازی قالب خود را حتی تا حد کاستومایز کردن پلاگین های کوچک هم انجام دهیم.

برای اینکار ما یکی از پلاگین های پیشفرض جوملا را انتخاب میکنیم که دارای عملکردی کاملا واضیح و مشخص در بخش کاربری سایت می باشد و میتوانید با تغییرات ظاهری آن ؛ اصلاحات انجام شده را در بخش کاربری مشاهده نمایید.

ما پلاگین صفحه بندی جوملا یا همان Page Navigation را برای کار انتخاب میکنیم. حال برای دسترسی به این پلاگین به مسیر زیر میرویم.

JoomlaSite or Public_html > plugins > content > pagenavigtion > tmpl > default.php

در مسیر بالا با تصویری مشابه زیر روبرو میشویم که در اینجا میبایست فایل default.php را کپی و در مسیری که قالب شما قرار دارد جایگذاری کنید.

برای اینکار به مسیری که قالب ما در آن وجود دارد میرویم.

مسیر:

public_html >templates > MyTemplateName > html

در پوشه html یک فولدر با نام plg_content_pagenavigation ایجاد و فایل default.php را مطابق تصویر زیر در آن قرار میدهیم.

نکته:

ساختار نام plg_content_pagenavigation بر اساس استاندارد” plg_PluginType_PluginName “در نظر گرفته می شود.

PluginType = content – نوع پلاگین
PluginName = pagenavigation – نام پلاگین

[quote]

این مسئله بدان معنی است که اگر قصد اورراید کردن پلاگین دیگری را دارید. این نام بر اساس استاندارد بالا با ساختار پلاگین شما تعریف میشود.

[/quote]

فایل default.php را باز میکنیم و با کدهایی مشابه کدهای زیر روبرو خواهیم شد.

<?php
/**
 * @package     Joomla.Plugin
 * @subpackage  Content.pagenavigation
 *
 * @copyright   Copyright (C) 2005 - 2017 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://www.afzoneha.com/multi-select-filters-to-search-for-articles-joomla-38/" target="_blank" rel="nofollow" class="ue5e21b74d08dd61ebbeb8fcabb2580df"><!-- INLINE RELATED POSTS 1/2 //--><style> .ue5e21b74d08dd61ebbeb8fcabb2580df , .ue5e21b74d08dd61ebbeb8fcabb2580df .postImageUrl , .ue5e21b74d08dd61ebbeb8fcabb2580df .centered-text-area { min-height: 80px; position: relative; } .ue5e21b74d08dd61ebbeb8fcabb2580df , .ue5e21b74d08dd61ebbeb8fcabb2580df:hover , .ue5e21b74d08dd61ebbeb8fcabb2580df:visited , .ue5e21b74d08dd61ebbeb8fcabb2580df:active { border:0!important; } .ue5e21b74d08dd61ebbeb8fcabb2580df .clearfix:after { content: ""; display: table; clear: both; } .ue5e21b74d08dd61ebbeb8fcabb2580df { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #27AE60; } .ue5e21b74d08dd61ebbeb8fcabb2580df:active , .ue5e21b74d08dd61ebbeb8fcabb2580df:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #2C3E50; } .ue5e21b74d08dd61ebbeb8fcabb2580df .centered-text-area { width: 100%; position: relative; } .ue5e21b74d08dd61ebbeb8fcabb2580df .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ue5e21b74d08dd61ebbeb8fcabb2580df .postTitle { color: #F1C40F; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ue5e21b74d08dd61ebbeb8fcabb2580df .ctaButton { background-color: #2ECC71!important; color: #ECF0F1; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://www.afzoneha.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .ue5e21b74d08dd61ebbeb8fcabb2580df:hover .ctaButton { background-color: #34495E!important; } .ue5e21b74d08dd61ebbeb8fcabb2580df .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ue5e21b74d08dd61ebbeb8fcabb2580df .ue5e21b74d08dd61ebbeb8fcabb2580df-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ue5e21b74d08dd61ebbeb8fcabb2580df:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ue5e21b74d08dd61ebbeb8fcabb2580df-content"><span class="ctaText">پست پیشنهادی :</span>  <span class="postTitle">جستجوی پیشرفته و فیلتر چندگانه در فهرست مطالب، کاربران و مجموعه های جوملا ۳٫۸</span></div></div></div><div class="ctaButton"></div></a></div>
defined('_JEXEC') or die;

$lang = JFactory::getLanguage(); ?>

<ul class="pager pagenav">
<?php if ($row->prev) :
	$direction = $lang->isRtl() ? 'right' : 'left'; ?>
	<li class="previous">
		<a class="hasTooltip" title="<?php echo htmlspecialchars($rows[$location-1]->title); ?>" aria-label="<?php echo JText::sprintf('JPREVIOUS_TITLE', htmlspecialchars($rows[$location-1]->title)); ?>" href="<?php echo $row->prev; ?>" rel="prev">
			<?php echo '<span class="icon-chevron-' . $direction . '" aria-hidden="true"></span> <span aria-hidden="true">' . $row->prev_label . '</span>'; ?>
		</a>
	</li>
<?php endif; ?>
<?php if ($row->next) :
	$direction = $lang->isRtl() ? 'left' : 'right'; ?>
	<li class="next">
		<a class="hasTooltip" title="<?php echo htmlspecialchars($rows[$location+1]->title); ?>" aria-label="<?php echo JText::sprintf('JNEXT_TITLE', htmlspecialchars($rows[$location+1]->title)); ?>" href="<?php echo $row->next; ?>" rel="next">
			<?php echo '<span aria-hidden="true">' . $row->next_label . '</span> <span class="icon-chevron-' . $direction . '" aria-hidden="true"></span>'; ?>
		</a>
	</li>
<?php endif; ?>
</ul>

<?php

/**

* @package Joomla.Plugin

* @subpackage Content.pagenavigation

* @license GNU General Public License version 2 or later; see LICENSE.txt

defined('_JEXEC') or die;

$lang = JFactory::getLanguage(); ?>

<?php if ($row->prev) :

$direction = $lang->isRtl() ? 'right' : 'left'; ?>

<a class="hasTooltip" title="<?php echo htmlspecialchars($rows[$location-1]->title); ?>" aria-label="<?php echo JText::sprintf('JPREVIOUS_TITLE', htmlspecialchars($rows[$location-1]->title)); ?>" href="<?php echo $row->prev; ?>" rel="prev">

<?php echo ' ' . $row->prev_label . ''; ?>

</a>

</li>

<?php endif; ?>

<?php if ($row->next) :

$direction = $lang->isRtl() ? 'left' : 'right'; ?>

<a class="hasTooltip" title="<?php echo htmlspecialchars($rows[$location+1]->title); ?>" aria-label="<?php echo JText::sprintf('JNEXT_TITLE', htmlspecialchars($rows[$location+1]->title)); ?>" href="<?php echo $row->next; ?>" rel="next">

<?php echo '' . $row->next_label . ' '; ?>

</a>

</li>

<?php endif; ?>

</ul>

پست پیشنهادی : ایجاد منوی مخفی یا مخفی سازی مطلب خاص در جوملا

کد بالا با ظاهر پیشفرض زیر نمایش داده می شوند.

حالا ما قصد داریم یک کلاس دکمه با عنوان btn btn-primary به دکمه های قبلی و بعدی اضافی کنیم.در این حالت ساختار کدهای ما به صورت زیر خواهد بود.

defined('_JEXEC') or die;

$lang = JFactory::getLanguage(); ?>

<ul class="pager pagenav">
<?php if ($row->prev) :
	$direction = $lang->isRtl() ? 'right' : 'left'; ?>
	<li class="previous">
		<a class="hasTooltip btn btn-primary" title="<?php echo htmlspecialchars($rows[$location-1]->title); ?>" aria-label="<?php echo JText::sprintf('JPREVIOUS_TITLE', htmlspecialchars($rows[$location-1]->title)); ?>" href="<?php echo $row->prev; ?>" rel="prev"> 
			<?php echo '<span class="icon-chevron-' . $direction . '" aria-hidden="true"></span> <span aria-hidden="true">' . $row->prev_label . '</span>'; ?>
		</a>
	</li>
<?php endif; ?>
<?php if ($row->next) :
	$direction = $lang->isRtl() ? 'left' : 'right'; ?>
	<li class="next">
		<a class="hasTooltip" title="<?php echo htmlspecialchars($rows[$location+1]->title); ?>" aria-label="<?php echo JText::sprintf('JNEXT_TITLE', htmlspecialchars($rows[$location+1]->title)); ?>" href="<?php echo $row->next; ?>" rel="next">
			<?php echo '<span aria-hidden="true">' . $row->next_label . '</span> <span class="icon-chevron-' . $direction . '" aria-hidden="true"></span>'; ?>
		</a>
	</li>
<?php endif; ?>
</ul>

defined('_JEXEC') or die;

$lang = JFactory::getLanguage(); ?>

<?php if ($row->prev) :

$direction = $lang->isRtl() ? 'right' : 'left'; ?>

<a class="hasTooltip btn btn-primary" title="<?php echo htmlspecialchars($rows[$location-1]->title); ?>" aria-label="<?php echo JText::sprintf('JPREVIOUS_TITLE', htmlspecialchars($rows[$location-1]->title)); ?>" href="<?php echo $row->prev; ?>" rel="prev">

<?php echo ' ' . $row->prev_label . ''; ?>

</a>

</li>

<?php endif; ?>

<?php if ($row->next) :

$direction = $lang->isRtl() ? 'left' : 'right'; ?>

<?php echo '' . $row->next_label . ' '; ?>

</a>

</li>

<?php endif; ?>

</ul>

با انجام این اصلاح حالت نمایشی دکمه ها با استایل زیر به نمایش در خواهد آمد.

خوشحال خواهیم شد که سوالات خود را در ادامه نظرات این پست ارسال فرمایید.

آموزش استفاده از قابلیت Overrides کردن افزونه ها در قالب جوملا

حجت مردانه زاده 306