Joomla 写風

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく

Superfish Dropdown Menu 1.5x

Eメール 印刷 PDF

 

  Superfish Dropdown Menu 1.5x

Superfish Dropdown Menu はドロップダウンメニューは階層式メニューを作ることが前提でこの階層式メニューを利用してドロップダウンメニューを生成させます。従って階層メニューが設定されていなければ利用出来ないことになります。

ダウンロード

Superfish Dropdown Menu のダウンロード先

ダウンロード先を開くと次のサイト画面が出ます。「Download」をクリックします。ファイルを保存して superfish-1.4.8.zip を取得します。

Thumbnail image 

 

インストール

superfish-1.4.8.zip を「エクステンション」-「インストール/アンインストール」から通常通りインストールする。
冒頭で説明した通り階層式メニューが必要なので先ずこの階層式メニュ-の設定法から説明します。


階層式メニューの設定

ここではトップメニューを想定して階層式メニューを作成します。階層式メニューはセクション-カテゴリ-記事と云ったつながりを連想してください。下が具体的なつながりの例です。

写風初心者導入編(セクション)
    Joomla ダウンロードからインストールまで(カテゴリ)
        Joomla のインストール(記事)
        Joomla のダウンロード(記事)
        サーバーに必要な条件(記事)
    Joomla の基本設定(カテゴリ)
        基本的な操作 フロントエンド(記事)
        基本設定(記事)
        管理者ユーザ名の変更(記事)

上のイメージは既にコンテンツで各々セクション、カテゴリ、記事が登録されているものとします。この登録に準じて階層式メニュー(ここではトップメニュー)で作って行くことになります。

管理画面「メニュー」から「トップメニュー」をクリックします。開いたページから「新規」をクリックする。

Thumbnail image

 先ず最初に写風初心者導入編のセクションを作りますのでセクションの「スタンダードセクションレイアウト」を選択し、クリックします。

 Thumbnail image

 次のページで下のように入力または選択して「保存」をします。

 Thumbnail image

 下のように新しく「写風初心者導入編」のセクションメニューが出来ました。

Thumbnail image

次は「Joomla ダウンロードからインストールまで」のカテゴリを作ります。画面はこのままで同様に新規作成をクリックします。
カテゴリの「スタンダードカテゴリレイアウト」を選択し、クリックします。

Thumbnail image

次のページで下のように入力または選択して「保存」をします。親アイテムは「写風初心者導入編」を選択します。
またカテゴリは「写風初心者導入編/Joomla ダウンロードからインストールまで」を選択します。この項目が見当たらないような場合はコンテンツの設定が不具合の場合です。もう一度コンテンツの設定を見直す必要があります。

Thumbnail image

下のように「写風初心者導入編」と連結された「Joomla ダウンロードからインストールまで」のカテゴリメニューが出来ました。

Thumbnail image

次は「Joomla のインストール」の記事を作ります。画面はこのままで同様に新規作成をクリックします。
記事の「スタンダード記事レイアウト」を選択し、クリックします。

Thumbnail image 

親アイテムは「Joomla ダウンロードからインストールまで」を選択します。また記事は「Joomla のインストール」を選択します。この項目が見当たらないような場合はコンテンツの設定が不具合の場合です。入力または選択出来れば「保存」をします。
 Thumbnail image

下のように「Joomla ダウンロードからインストールまで」の下に「Joomla のインストール」の記事が繋がりました。

Thumbnail image

  記事は後2件同じように親アイテムを「Joomla ダウンロードからインストールまで」に設定して2件とも記事メニューを追加します。 

Thumbnail image

以上のようにして次の新しいカテゴリメニューを追加します(操作法は上述の繰り返しのため省略)。
Joomla の基本設定(カテゴリ)
        基本的な操作 フロントエンド(記事)
        基本設定(記事)
        管理者ユーザ名の変更(記事)

記事メニュー3件も登録追加出来れば今までのトップメニューの登録は下のようになります。

Thumbnail image

 

Superfish Dropdown Menu の設定

 

トップメニューの設定ができれば次は Superfish Dropdown Menu の設定です。
管理メニューの「エクステンション」-「モジュールの管理」をクリックします。インストールが完了していれば一覧に「Superfish Menu」 が見つかります。
Superfish Menu をクリックします。

 左側の設定画面ですからの説明です。有効は必ず「はい」にしておきます。

Thumbnail image

右側の設定画面に移ります。
Menu Name は topmenu を選択設定する。Menu Style は Nav-Bar を選択します。他の設定だとカテゴリメニューと記事メニューが離れて表示され寸断されて正常にならない。Nav-Bar を選択だと旨く行く。Animation は Slide Down を選びます。

Thumbnail image

上側はメニュー用 CSS を外部指定する場合、CSS の URL を指定する時に使う。
下側は外部 CSS でなくモジュール内で CSS を指定する場合の記入欄です。

 Thumbnail image

 文字数によって調整することができます。

 Thumbnail image

 いろいろ変更して自分に適したものに仕上げてください。設定できれば保存してプレビューしてみましょう。

Thumbnail image

 

最終更新 2013年 10月 13日(日曜日) 23:39  

写風お勧め Extemtion

秋づいた美山町

  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow

Movies

アンケート

Joomla!を何に利用しますか?
 

オンライン中のユーザー

現在
 ゲスト 69 人
 がオンラインです

ニュース速報

Joomla! 1.5 - 自由に体験してください!こんなに簡単にあなたのダイナミックなウェブサイトができあがる事はありませんでした。最高のCMS管理画面で、あなたの話すランゲージですべてのコンテンツを管理してください。