テゴロ:Tegoro:広告代理店やウェブデザイナーのためのCMSをOEMで提供します。

Home 逆引きマニュアル JCEエディタの基本説明
JCEエディタの基本説明
作者: Administrator   
2011年 6月 04日(土曜日) 15:18

Tegoro上での基本HTMLエディタはTianyMCEというJoomla標準のシステムを利用しますが、登録した画像を削除するようなことが出来ません。

そこで、利用者の方のリクエストによってはJCEエディタに切り替えて利用する事ができます。

基本エディタとの大きな違いは、画像の処理などにありますが。ここでは基本の操作を説明します。

 

jce

*なをこの配置はTegoro用に調整しています。

1.文字の装飾

文字装飾

このボタンはワードなどと同じ機能です。文字を選んだ上で、ボタンを押せば、太文字等の装飾を与えることが出来ます。取り消す際は、もう一度洗濯して押してください。

2.フォントサイズ

文字サイズ

文字の大きさを指定します。

3.文字の位置の指定。

文字を左右、中央に寄せるときに使います。(均等表示これは均等表示ですが、環境によって正しく表示されないので、使うことは無いと思います。)

また、段落ごとの設定になりますので、記事の中の文章をエンターキーで段落分けした場合に有効化されます。もし、ShitキープラスEnterキーで段替えした場合は効果が持続します。

4.フォーマット設定

フォーマット設定とは記事内で設定することで、簡単にグラフィカルな見出しを作る機能です。これは単に装飾的な意味があるだけではなくSEO的に重要なものですので積極的に利用しましょう。

見出し

見出し1はページ内に1つだけ作るのが基本です。それ以外の小見出し(見出し2以降)は任意で設定してください。それ以外の指定は知識がある方のみ行ってください。

実際の表示サンプルです。(これは登録されているサイトデザインで変わってきます。見出し3までを表示します。

見出し1のサンプル

見出し2のサンプル

見出し3のサンプル

5.コピーと貼りつけ

コピーと貼り付け

これは説明不要かと思います。貼付けの横の三角ボタンを押すと、コピーしてきた内容をクリーニングしてテキスト状態で貼り付けることも出来ます。例えばワードなどで作ったデータを張り付けると、ワード独特の文法によって、ページのレイアウトが壊れてしまう場合があります。その際に、プレーンテキストとして貼り付ける事ができます。

6.記事内検索

編集している記事内の単語を検索したり、置換するするための機能です。

7.文字の色と文字の背景色の設定

文字の色とは背景色を設定します。

文字色

8.インデント

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/indent.gifhttp://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/outdent.gif

文章などの文頭に一定のスペースを開ける機能です。エリアを指定して設定します。

9.作業の取り消しと復元

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/undo.gifhttp://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/redo.gif

作業の取り消しと復元を行います。

10.リスト表示

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/numlist.gifhttp://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/bullist.gif

段落の頭に数字を付けたりマークをつけてリスト表示を行います。

11.アンカー設定

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/anchor.gif

12.書式のクリア

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/removeformat.gif

13.スペルチェック

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/spellchecker/img/spellchecker.gif

14.テーブル設定

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/table/img/buttons.gif

ページ内のレイアウトを作る場合、テーブル(罫線)を利用して配置を行うことがあります。これらを設定するためのものです。

15.画像マネージャー

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/imgmanager/img/imgmanager.gif

JCEでの画像配置はJoomla標準のイメージ管理用より高性能な物が用意されています。詳細は別ページにて説明予定です。

16.スマイリーボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/emotions/img/emotions.gif

記事内にスマイリーの画像を埋め込みます。

17.リンクボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/advlink/img/advlink.gifhttp://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/unlink.gif

記事から外部や内部の記事にリンクを貼るためのものです。こちらも別途説明する予定。

18.区切り線挿入ボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/hr.gif

19.HTMLソース表示ボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/advcode/img/advcode.gif

20.「続きを読む」及び「改ページ」のボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/article/img/article.gif

21.下付き、上付き文字

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/sub.gifhttp://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/sup.gif

22.ガイドラインの表示非表示

http://tegoro.biz/plugins/editors/jce/tiny_mce/themes/advanced/img/visualaid.gif

23.制御文字表示

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/visualchars/img/visualchars.gif

24.プレビューボタン

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/preview/img/preview.gif

25.全面表示

http://tegoro.biz/plugins/editors/jce/tiny_mce/plugins/fullscreen/img/fullscreen.gif

最終更新 2011年 6月 04日(土曜日) 17:35