| 2012/01/23 | スピナー について | Android |
| 2011/12/30 | レーティングバー/Form Stuff について | Android |
| 2011/12/23 | トグルボタン/Form Stuff について | Android |
| 2011/12/18 | ラジオボタン/Form Stuff について | Android |
| 2011/12/05 | チェックボックス/Form Stuff について | Android |
| 2011/11/22 | 編集テキスト(入力ボックス)/Form Stuff について | Android |
| 2011/11/15 | カスタムボタン/Form Stuff について | Android |
| 2011/09/11 | Time Picker について | Android |
| 2011/08/31 | Date Picker について | Android |
| 2011/08/17 | List View について | Android |
| スポンサードリンク | ||
|
|
ページ 『wordpress』
これからは右サイドのメニュー一覧をみていきます。
まずは「ページ」

WPをインストールした直後では「紹介」タイトルが初めからあり、
「紹介」をクリックすると
********************************************************
これは WordPress のページ機能の例です。このページを編集してあなた自身やあなたのサイトについての情報を載せれば、読者はあなたがどんな人なのかを知ることができます。このようなページや階層化したページは好きな数だけ作成することができ、すべてのコンテンツを WordPress 内で管理することができます。
********************************************************
とかかれたページに飛びます。
ページで書く内容はサンプルで書かれている内容の通りです。
【管理者画面】
内容を変更してみます。
①管理→②ページをクリックすると「ページ一覧」が表示されます。
インストール直後では「紹介」だけあります。
③紹介 をクリックしてみます。
ブログ投稿画面に似た画面が表示されました。
投稿と同じように編集して保存します。
以上
|
|
|
|
画像を追加 『wordpress』
画像の追加です。
ビジュアルエディタの「メディアを追加」横のに「画像を追加」アイコンがあります。

「画像を追加」アイコンをクリックします。
中央にiflameで画像設定画面が表示され、周辺は黒い半透明になりました。
ロードバーなどからみて「thickbox」使っているようですね。
画像の追加方法な2種類あるようです。
①コンピュータから ②URLから
まずは①コンピュータからを試してみます。
「アップロードするファイルを選択する」ボタンをクリックして画像を選択します。
次のような画面になります。
アップロードした画像のサムネイルが表示され、その右横にファイル名などの画像情報が自動表示されます。
リンクURLはアップロードした画像へのリンクがデフォルトで設定されました。
配置は「なし」「サイズ」は中サイズがデフォルトでした。
【タイトル】【キャプション】【説明】は空だったので今回試しに適当に入力して
どのように表示されるか確かめてみます。
配置も「中央」 サイズも「サムネイル」に変更してみます。
「投稿に挿入」ボタンを押してみます。
結果は「図1」です。
【タイトル】は「imgタグ」の「title」属性になってます。
【キャプション】は画像の下に入力した文字が表示されてます。
また、「imgタグ」の「alt」属性になってます。
【説明】はHTMLで見ても何も反映されてませんでした。どんな効果だろ?
配置中央設定してみたけど
ビジュアルエディタでは中央なのに 実際ブログみてみると左揃えに・・・・
【サイズ】は「サムネイル」選択するとかなり小さい画像が表示されました。
次回は「URLから」を試してみたいと思います。
以上
|
|
「Wordから貼り付け」検証 『wordpress』
「Wordから貼り付け」を詳しく検証してみます。
「Word」のバージョンは2003です。
①太字 ○
太字にします。
②斜線 ○
斜線にします。
③打ち消し ×
打ち消しにします。
④箇条書き ▲ (l が入る)
- l 箇条書き1
- l 箇条書き2
- l 箇条書き3
⑤段落番号○
- 1. 段落番号1
- 2. 段落番号2
- 3. 段落番号3
⑥左揃え・中央揃え・右揃え○
<span style="font-family: 'MS 明朝'; mso-ascii-font-family: Century; mso-hansi-font-family: Century;"><span style="font-size: small;">左揃え</span></span>
CSSはかなり詳しく設定されていますが、きちんと機能しているようです。
左揃え
中央揃え
右揃え
⑦下線○
下線
⑧均等割付×
均等割付
均等割付2
⑨文字色×
(色情報取得できませんでした。)
赤青黄
※
「Wordから貼り付け」では色情報取得できませんでしたが
直接 エディタに貼り付けたら情報取得できました。
赤青黄
「Word」の文字情報 エディタにそのまま貼り付けでいけるようだし、「Wordから貼り付け」の存在の意味がよくわかりません。
以上
|
|
ビジュアルエディタの機能(2) 『wordpress』
今日は前回の続き 「ツールバー」下段を調べてみます。
①フォーマット
1.段落
<address>2.アドレス</address><pre>3.整形済み</pre>
<h1>見出1</h1>
<h2>5.見出し2</h2>
<h3>6.見出し3</h3>
<h4>7.見出し4</h4>
<h5>8.見出し5</h5>
<h6>9.見出し6</h6>
②下線
下線をつけます。
③均等割付
均等割付にします。
タグをみてみるとCSSで【style="text-align: justify;"】の設定がされてます。
このCSSはIE専用みたいなのであまり使う機会なさそうですね。
④文字色
赤 青 黄
⑤テキストとして貼り付け
テキストとして貼り付け(WORDに装飾してコピーした文字を貼り付けました。装飾消えます)
⑥Wordから貼り付け
<!--[if gte mso 9]><xml> Normal 0 0 2 false false false
MicrosoftInternetExplorer4 </xml><![endif]--><!--[if gte mso 9]><xml>
</xml><![endif]--><!-- --><!--[if gte mso 10]> <mce:style>
以下【略】
wordの文章をコピーして貼り付けるとこのエディタでは
文字情報を維持して表示されてました。
HTMLでみるとこんな感じのソースがずらっと。
IEではここで表示が中断されてうまく表示されなかったので
「word貼り付け」部分のソースの一部を上記に書きます。
⑦フォーマット解除
装飾しました。→解除 装飾しました。
⑧埋め込みメディアの挿入/編集
クリックすると次の画面がでてきました。

flashなど外部メディアを挿入するみたいです。
⑨特殊文字
&♣♥♦ 特殊文字一覧の画面が表示されて、文字をクリックすると
カーソルのあったところにその文字が表示されるようです。

⑩⑪インデント・インデント解除
インデント機能をつけます。
改行しても上の文字列とスタート列一緒になります。
インデント解除ボタンを押すと「インデント」解除します。
⑫⑬取り消し・やり直し
作業のステップを「取り消し」または「やり直し」できます。
ほとんどのアプリケーションソフトでお馴染みの機能です。
⑭ヘルプ
すごく簡単な説明のヘルプがでてきました。
内容はほとんどありません。








