Liferay ポータル ページに MenuBar を表示する必要があります (そのページのすべてのポートレットに共通の menuBar)。
このために、カスタム テーマを作成しnavigation.vm
、templates フォルダーの下のファイルを変更しました。
ファイル内のMenuBarコードの下にこれを追加navigation.vm
し、サーバーにデプロイしました
<html>
<head>
<title>Menu Bar Using CSS</title>
<style>
.menu ul
{
list-style: none;
}
.menu ul li
{
display: inline;
}
.menu ul li a
{
/*Increase Clickable Area*/
padding: 8px;
padding-left: 15px;
padding-right: 15px;
/*Remove the Underline for the Link*/
text-decoration: none;
color: #000;
background: #ccc;
}
/*On Mouse Over the Link*/
.menu ul li a:hover
{
color: #fff;
background: #000;
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</body>
</html>
適用したカスタム テーマの下のファイルの下にこれらすべてのコードを配置しましたnavigation.vm
が、機能しませんでした (ポータル ページにメニュー バーが表示されないということです)。
私が何か間違ったことをしている場合はお知らせください。