Actions

ページ クラス サフィックス

From Joomla! Documentation

Revision as of 01:33, 8 March 2014 by Richell (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Other languages: català 50% • ‎English 100% • ‎español 100% • ‎français 100% • ‎Bahasa Indonesia 100% • ‎日本語 100% • ‎Nederlands 100% • ‎Kiswahili 100%

Page Class Suffix is a parameter in Joomla! content Menu Items. It is set in the Menu Item: [Edit] screen under the "Parameters (Advanced)" section. This will cause Joomla! to either add a new CSS class or modify the existing CSS class for elements in this specific Menu Item layout.

When Joomla! generates a page, it automatically creates pre-defined CSS classes to allow styling of the page. For example, a page might have the element

<div class="componentheading">

To create a new class, enter the parameter with a leading space. For example, entering a space plus "myNewClass" will create a new CSS class called "myNewClass" and it will be inserted as a class for elements in that Menu Item. In this case the example above will be changed to

<div class="componentheading myNewClass">

To change the name of the existing class, enter in the parameter without a leading space. For example, entering "_mySuffix" (no leading space) will cause the HTML to changed to

<div class="componentheading_mySuffix">

Generally, it is recommended to use a leading space to create a new class. This way, CSS styling for this component that uses the standard class names will continue to work. You can use the new class name to add any desired styling to the component without needing to re-create all of the existing CSS code. Note that, if you create a new class name, make sure it has a unique name and doesn't conflict with any existing class names.

See also: Using Class Suffixes, Using the Page Class Suffix in Template Code


使い方

先頭に半角スペースを入れてページクラスサフィックスを入力した場合、新しいCSSクラスが作成されます。先頭に半角スペースがない場合は、メニューアイテム(例えば「componentheading」)に関連したCSSクラス名が変更されます。前者の方法がしばしば好まれますが、すでに存在するモジュールのスタイリングを損なわない状態であれば、先頭に半角スペースを付けずにCSSコードを追加するだけで新しいスタイルを作成できます。

先頭に半角スペースを付けない場合、新しいCSSクラスの作成で変更してしまう前に、メニューアイテムクラスのCSSコードを全てコピーして複製する必要があります。

既存のメニューアイテムと異なるスタイリングを施したい場合は、ユニークなCSS名でページクラスサフィックスパラメータを設定することができます。