テキスト整形方法についてのソースを表示
←
テキスト整形方法について
ナビゲーションに移動
検索に移動
あなたには「このページの編集」を行う権限がありません。理由は以下の通りです:
この操作は、次のグループのいずれかに属する利用者のみが実行できます:
管理者
、bukai_member、project_editor。
このページのソースの閲覧やコピーができます。
== テキストにいろいろな効果・修飾を付ける == <br> :'''文字の色指定''' : 文字の色を指定するには、spanタグのstyle属性を使用します。例えば、 : <code><nowiki><span style="color:red;">赤字</span></nowiki></code> : とすると<span style="color:red;">赤字</span>になります。 : 「red」の代わりに「#F5F5F5」のような16進カラーコードを記載すると、その色になります。 <br> :'''記述例''' <div style="margin:0 40em 0 3em"> <nowiki><span style="color:#606060">灰色文字</span> <span style="color:#F50000">赤文字</span> <span style="color:#FF00FF">マゼンタ文字</span> 背景色を濃い灰色に設定 <span style="background:#707070;color:#F5FF00">黄色文字</span></nowiki> </div> :'''表示例''' : <span style="color:#606060">灰色文字</span><br> : <span style="color:#F50000">赤文字</span><br> : <span style="color:#FF00FF">マゼンタ文字</span><br> : 背景色を濃い灰色に設定<br> : <span style="background:#707070;color:#F5FF00">黄色文字</span><br> <br> : 好きな色が使えますが、MediaWikiでは派手な色使いは'''推奨されません'''ので、色使いは控えめに! : それでもいろいろな色を使いたい、という方はこちら → [[色見本]] <br> === コメント === :「コメント」は、「編集」モードでは表示されるが、「閲覧」モードでは非表示となるものです。 :ページのWiki記法についての解説や、「ここをこう変えればこんなことができるよ」というようなことを、コメントとして記載しておきます。 :枠組み (フォーマット)作成のときに、実際の肉付け方法などを記載しておくと、新規編集者のためのヘルプにもなります。 <br> :'''記述例''' :<nowiki><!-- 以下のダミーURLにリンクしたい画像のURLを記入すれば、そのURL画像が表示されます。 --> </nowiki> :<nowiki>https://duumy.jp/subdir/dummy.jpg</nowiki> <br> :'''表示例''' <!-- 以下のダミーURLにリンクしたい画像のURLを記入すれば、そのURL画像が表示されます。 --> :https://duumy.jp/subdir/dummy.jpg <br> <br> == 見出し == '''1. 見出しの作成''' :<nowiki>==見出し==</nowiki> :と、言葉を=で囲うと上記のような「見出し」になります。 :== === ==== ===== とレベルを増やしていくことができ、6レベルまで使えます。<br> :ページタイトルは自動的に「1レベル」の見出しとして表示されます。 :最初に見出しを書くと重複してしまうので注意しましょう。 :上の編集のためのツールバーには「見出し」は「レベル2」からしか選択できないようになっています。 :見出しの==のあとには、<nowiki><br></nowiki>を書かないようにしましょう。 :書くと見出しにならなくなります。 <br> '''2. 目次の表示と移動''' :レベルを問わず1ページ内に「'''4つ以上'''」の見出しを含む場合、自動的に「目次ボックス」が作られ、最初の見出しの上に表示されます。 <br> :目次ボックスが邪魔な場合、ページ内に :<nowiki>__NOTOC__</nowiki> :という文字列を書き込むことで、目次ボックスが表示されなくなります。 <br> :<nowiki>__TOC__</nowiki> :と記述すると、記述した場所に目次が表示されます。 <br> :また、以下のように記述すると、目次が右側に表示されます。 <div style="margin:0 40em 0 3em"> <nowiki>{| style="float:right" |__TOC__ |}</nowiki> </div> <br> '''3. 文字サイズを指定する''' :文字サイズを指定するには以下のように記述します。 :'''記述例''' ::<nowiki><span style="font-size:36px;">36ピクセルのサイズ</span></nowiki><br> <br> :'''表示''' ::<span style="font-size:36px;">36ピクセルのサイズ</span> <br> === 区切り線 === ---- :水平線を引きます。 :<nowiki>----</nowiki> :ハイフンを4つ続けると、水平線になります。 :'''表示'''> ---- <br> :'''太字にする''' : シングルクォート3つではさむと、はさまれた部分が太字になります。 : 太字にしたいところを選択した後、上の編集ツールバーの一番左上をクリックすると、太字設定されます。 : '''記述例''' : <nowiki>'''太字になった'''</nowiki> : '''表示''' : '''太字になった''' <br> :'''斜体にする''' : シングルクォート2つではさむと、はさまれた部分が斜体になります。 : '''記述例''' : <nowiki>'''斜体になる?''' ''<big>Big Font</big>''</nowiki> : '''表示''' : ''斜体になる?'' ''<big>Big Font</big>'' <br> : 半角文字では効果が出ていますが、全角文字では、なぜかあまり変化が見られません。 <br> :'''取り消し線'''<br> : <nowiki><del></nowiki>のタグで囲みます。 : '''記述例''' : <nowiki><del>取り消し線が引かれた</del></nowiki> : '''表示''' : <del>取り消し線が引かれた</del> <br> <br> === アンダーラインを付ける === :アンダーラインを付けるには「uタグ」で囲めば良い。 :'''記述例''' : こちらに<nowiki><u>アンダーライン付加</u></nowiki>してみた :'''表示''' : こちらに<u>アンダーライン付加</u>してみた <br><br> === テキストのインデント === :行の字下げを「スペース」で行っていると、スペース2個以上になったときに表示幅が狭くなった場合、かなり見苦しくなりますね。 :そのようなときは「インデント」です。 :以下のように、行頭に「:」を追加します。 :'''記述例''' : インデント無し : <nowiki>:1個のインデント</nowiki> : <nowiki>::2個のインデント</nowiki> : <nowiki>:::3個のインデント</nowiki> :'''表示''' : インデント無し : 1個のインデント :: 2個のインデント ::: 3個のインデント <br> : 1個のインデントだと、行間もちょっと広がるようですね。 <br> <br> === テキストの配置 === :「左寄せ、センタリング、右寄せ」など、テキストを配置するには以下のように記述します。<br> :'''記述例''' <div style="margin:0 40em 0 3em"> <nowiki><div align="left">左寄せ</div> <div align="center">センタリング</div> <div align="right">右寄せ</div></nowiki> <div> <br> :'''表示''' :<div align="left">左寄せ</div> :<div align="center">センタリング</div> :<div align="right">右寄せ</div> <br><br><br> == テキスト編集ツールを使って簡単編集 == (現在編集中です) :今までいろいろなテキスト整形方法について記載しましたが、規則を覚えるのは大変です。 :そこで「テキスト編集ツール」を使いましょう。 <br> :1. 「テキスト編集ツール」を開く : 「編集モード」で表示される以下の画面で「上級」をクリック ::[[ファイル:テキスト編集ツール開く前.jpg]] <br> :2. 「テキスト編集ツール」が開いた。 ::[[ファイル:テキスト編集ツール開いた状態.jpg]] <br> :3. 「テキスト編集ツール」でよく使うツールについて :: <br><br> ---- === 質問・ご意見はこちら === :[mailto:wiki_admin@koyamadai100.jp お問い合わせ・ご意見のメールはこちら] <br> :上記リンクをクリックしてもメールソフトが起動しない場合は、以下のアドレスをコピーしてメールソフトの「宛先」に貼り付けてください。 : 【担当者メールアドレス】wiki_admin@koyamadai100.jp <br><br> ---- : [[新しいページを作成する。まずはここから| ←「1. 新しいページを作成する。まずはここから」]] [[ページの名前を変更する方法| ←「2. ページの名前を変更する方法」]] [[テキスト編集ツール| →「4. テキスト編集ツール」]] [[色見本| →「5. 色見本」]] : [[#top| ↑ページトップへ]] [[メインページ#編集者のためのヘルプ ヘルプを表示/非表示| ↑↑「メインページ」の「編集者のためのヘルプ」に戻る]] [[メインページ| ↑↑「メインページ」トップに戻る]] ---- 脚注: <references/> <br> <br> ・<br> <div Align="right"> <span style="color:white;"> {{REVISIONYEAR}}年{{REVISIONMONTH1}}月{{REVISIONDAY}}日:直近編集者:{{REVISIONUSER}}<br> TimeStamp:{{REVISIONTIMESTAMP}} </span> </div> <br>
テキスト整形方法について
に戻る。
ナビゲーション メニュー
個人用ツール
ログイン
名前空間
ページ
議論
日本語
表示
閲覧
ソースを閲覧
履歴表示
その他
検索
案内
八中・小山台デジタルアーカイブ
メインページ
最近の更新
おまかせ表示
MediaWiki についてのヘルプ
編集時サンドボックス
ツール
リンク元
関連ページの更新状況
特別ページ
ページ情報
関連リンク
菊桜会Webサイト
菊桜会YouTubeチャンネル
小山台教育財団