スポンサードリンク

新着記事
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/11Time Picker についてAndroid
2011/08/31Date Picker についてAndroid
2011/08/17List View についてAndroid

ページ 『wordpress』

2008 年 9 月 24 日 水曜日  【 カテゴリー: WordPress2.6 , 作成



これからは右サイドのメニュー一覧をみていきます。
まずは「ページ」

WPをインストールした直後では「紹介」タイトルが初めからあり、
「紹介」をクリックすると

********************************************************
これは WordPress のページ機能の例です。このページを編集してあなた自身やあなたのサイトについての情報を載せれば、読者はあなたがどんな人なのかを知ることができます。このようなページや階層化したページは好きな数だけ作成することができ、すべてのコンテンツを WordPress 内で管理することができます。
********************************************************

とかかれたページに飛びます。
ページで書く内容はサンプルで書かれている内容の通りです。

【管理者画面】
内容を変更してみます。

①管理→②ページをクリックすると「ページ一覧」が表示されます。
インストール直後では「紹介」だけあります。
③紹介 をクリックしてみます。

ブログ投稿画面に似た画面が表示されました。
投稿と同じように編集して保存します。

以上


画像を追加(2) 『wordpress』

2008 年 9 月 18 日 木曜日  【 カテゴリー: WordPress2.6 , 作成



今回は「URLから」画像登録してみます。

「URLから」アップ

「URLから」アップ

FTPで画像を直接アップして、画像登録画面の「ソース」もそのアドレスを入力してみました。
「ソース」入力はリアルタイムに画像存在チェックしているようですね。
あれば「チェック」なければ「×」が表示されます。
「×」ならば「投稿に挿入」ボタンが押せない状態になってました。
サイズの指定する欄がなかったので「URLから」では原寸サイズが登録されました。
サイドメニューと重なってしまったので「HTMLモード」で
「width」 と 「height」 直接書き換えて調整しました。

以上


画像を追加 『wordpress』

2008 年 9 月 15 日 月曜日  【 カテゴリー: WordPress2.6 , 作成



画像の追加です。
ビジュアルエディタの「メディアを追加」横のに「画像を追加」アイコンがあります。

「画像を追加」アイコンをクリックします。
中央にiflameで画像設定画面が表示され、周辺は黒い半透明になりました。
ロードバーなどからみて「thickbox」使っているようですね。

テストキャプション
テストキャプション

【図1】

画像の追加方法な2種類あるようです。
①コンピュータから   ②URLから

まずは①コンピュータからを試してみます。
「アップロードするファイルを選択する」ボタンをクリックして画像を選択します。
次のような画面になります。

アップロードした画像のサムネイルが表示され、その右横にファイル名などの画像情報が自動表示されます。
リンクURLはアップロードした画像へのリンクがデフォルトで設定されました。
配置は「なし」「サイズ」は中サイズがデフォルトでした。

【タイトル】【キャプション】【説明】は空だったので今回試しに適当に入力して
どのように表示されるか確かめてみます。
配置も「中央」 サイズも「サムネイル」に変更してみます。
「投稿に挿入」ボタンを押してみます。

結果は「図1」です。
【タイトル】は「imgタグ」の「title」属性になってます。
【キャプション】は画像の下に入力した文字が表示されてます。
また、「imgタグ」の「alt」属性になってます。
【説明】はHTMLで見ても何も反映されてませんでした。どんな効果だろ?
配置中央設定してみたけど
ビジュアルエディタでは中央なのに 実際ブログみてみると左揃えに・・・・
【サイズ】は「サムネイル」選択するとかなり小さい画像が表示されました。

次回は「URLから」を試してみたいと思います。
以上


「Wordから貼り付け」検証 『wordpress』

2008 年 9 月 15 日 月曜日  【 カテゴリー: WordPress2.6 , 作成



「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』

2008 年 9 月 13 日 土曜日  【 カテゴリー: WordPress2.6 , 作成



今日は前回の続き 「ツールバー」下段を調べてみます。

①フォーマット

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など外部メディアを挿入するみたいです。

⑨特殊文字
&♣♥♦ 特殊文字一覧の画面が表示されて、文字をクリックすると
カーソルのあったところにその文字が表示されるようです。

⑩⑪インデント・インデント解除
インデント機能をつけます。
改行しても上の文字列とスタート列一緒になります。
インデント解除ボタンを押すと「インデント」解除します。

⑫⑬取り消し・やり直し
作業のステップを「取り消し」または「やり直し」できます。
ほとんどのアプリケーションソフトでお馴染みの機能です。

⑭ヘルプ
すごく簡単な説明のヘルプがでてきました。
内容はほとんどありません。

Pages: Prev 1 2 3 ...51 52 53 54 55 56 57 58 59 60 61 Next