記事ブロックエディタでクラスやIDを追加したり削除したりするメニューを使う

使用アドオンAdd and Remove Classes and IDs

Add and Remove Classes and IDsアドオンを追加してから

管理画面>システムと設定>基本>記事ブロックエディター設定

を選択します。


設定画面の一番下にあるAdd and Remove Classed and IDsのチェックをオンにします。

記事ブロックを編集モードにすると一番右に+のメニューが表示されます。

試しに緑の文字のh3タグの中にカーソールを置いて、メニューからタグを選択するとクラスを追加するフォームが表示されるので「inner-head」というクラス名でupdateをクリックします。


HTMLソースを確認すると

<h3 class="inner-head">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h3>


のようにclassが追加されています。

もう一度h3のところにカーソルを置いて+メニューからTag を選択します。

Assigned Classのところに現在適用されているクラスが表示され。

Remove Classのところでクリックすると、プルダウンでクラス名が表示されます。

プルダウンを選択するとクラス名がフィールドに図のように確定します。

updateボタンをクリックしてからHTMLソースを確認すると、h3タグからクラスが削除されています。
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h3>

IDも同様に追加、削除が行えます。

検索

concrete5の基本的な使い方や、コミュニティでのFAQなどの情報共有はhttp://concrete5-japan.org/をご覧ください。

追加テーマや拡張ブロック(アドオン)のインストール・アンインストール方法は5.6の記事ですが方法は同じですでのこちらを参照ください。