Joomlaでポン

前の記事＞＞記事のCSSを編集して、画像メニューを作る1

Joomla!デフォルトのエディターを使って、記事のCSSを編集します。

表のセルごとに異なる背景色を設定するよっ。

記事編集画面です
背景色をつけたいセルを選択
ＣＳＳ編集ボタンをクリック

　このアイコンです。

CSS編集画面がポップアップされます
「background」タブを選択
カラー選択のボタンをクリック　

もうひとつポップアップされます
色を選択して
「Apply」をクリックすると・・・

Background colorに色番号が入ってます
「Update」をクリック

指定したセルに背景色が付きました

 JoomlaでポンではHTMLやCSSの編集は極力避けるようにしてるけど、このエディターを使ってのCSS編集は、簡単な使い方で感心したのでご紹介しました。ちゅん、ちゅん

参考記事：　 表の作り方の流れ ＞＞まとめJoomlaでポン　表の挿入　

 表へ画像を挿入、画像へのリンク設定は　＞＞表とモジュールで画像メニューを作成　

今回は、上記の参考記事の内容に加えて、表のbackground　colorを表示させます。

いいトコで続くよっ！

＞＞記事のCSSを編集して、画像メニューを作る2

フロントページの記事TOPへ、常に特定の記事を表示させます。  

このメニューのような記事を、常にフロントページ最上部へ表示させます。
新しい記事を書いた場合でもこの記事は最上部です。

1.カテゴリ名を「1-フロントページ」など、数字から始まるカテゴリ名とする

 カテゴリのタイトルは数字から始まるタイトルにします。

 2.記事を作成、上記のカテゴリへ所属させる

3.フロントページブログレイアウトで表示順序の設定。

パラメータ-拡張「カテゴリ表示順」を「タイトル―アルファベット順」とする

メニューアイテム編集画面　右側のパラメータ―拡張　です。

カテゴリ表示順は　タイトル－アルファベット順　を選択します。

 フロントページブログレイアウトでは「カテゴリ表示順」でカテゴリの表示順序を指定することができるよ。

「初期表示順」で設定する記事の表示順よりも「カテゴリ表示順」の方が優先なんだ。

次はこのメニューの作り方よ。ちゅん、ちゅん。　

＞＞記事のCSSエディターで、画像メニューの作り方1