メニューに検索モジュールをロードする1つの方法を次に示します。いくつかの簡単な手順が必要です。
1. mod_menu
モジュールをオーバーライドする
- テンプレートフォルダーにオーバーライドを作成します
\templates\YOURTEMPLATE\html\mod_menu\default_url.php
。
- 次の内容をファイルにコピーします。
default_url.php
<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
// Note. It is important to remove spaces between elements.
$class = $item->anchor_css ? 'class="' . $item->anchor_css . '" ' : '';
$title = $item->anchor_title ? 'title="' . $item->anchor_title . '" ' : '';
if ($item->menu_image)
{
$item->params->get('menu_text', 1) ?
$linktype = '<img src="' . $item->menu_image . '" alt="' . $item->title . '" /><span class="image-title">' . $item->title . '</span> ' :
$linktype = '<img src="' . $item->menu_image . '" alt="' . $item->title . '" />';
}
else
{
$linktype = $item->title;
}
$flink = $item->flink;
$flink = JFilterOutput::ampReplace(htmlspecialchars($flink));
if ($linktype == "CustomSearchBox"){
$document = &JFactory::getDocument();
$renderer = $document->loadRenderer('modules');
$options = array('style' => 'xhtml');
$position = 'CustomSearchBox';
echo $renderer->render($position, $options, null);
}
else {
switch ($item->browserNav) :
default:
case 0:
?><a <?php echo $class; ?>href="<?php echo $flink; ?>" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
break;
case 1:
// _blank
?><a <?php echo $class; ?>href="<?php echo $flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
break;
case 2:
// window.open
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,'.$params->get('window_open');
?><a <?php echo $class; ?>href="<?php echo $flink; ?>" onclick="window.open(this.href,'targetWindow','<?php echo $options;?>');return false;" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
break;
endswitch;
}
if-else
メニュー項目のタイトルが「CustomSearchBox」であるかどうかをチェックするステートメントを29行目から追加しました。その場合、モジュールの位置「CustomSearchBox」がロードされます。そうでない場合は、通常のメニュー項目が返されます。"CustomSearchBox"を好きなように変更できますが、次の手順でも忘れずに同じ値を使用してください。
2.新しい検索モジュールを作成します
検索モジュールを作成し、必要に応じてパラメーターを設定します(モジュールのタイトルを非表示にすることをお勧めします)。
モジュールをカスタム位置「CustomSearchBox」に公開します
3.新しいメニュー項目を作成します
メニュー項目はどのタイプでもかまいません。「外部URL」をお勧めします。名前は「CustomSearchBox」にする必要があります。
メニュー項目を保存すると、メニュー項目全体が検索ボックスに置き換わります!
不明な点がある場合はお知らせください。
jQuery
機能しない、append()
または機能しprepend()
ない機能を検討できます。