ヤフーブログをはじめよう♪

修正情報!!転載しても画面が崩れないように記事を修正しました。

全体表示

[ リスト | 詳細 ]

記事検索
検索

全5ページ

[1] [2] [3] [4] [5]

[ 次のページ ]

Wiki文法 Section5-2

第5章 イメージの設置

ここではWiki文法を使ってイメージを設置する方法を説明します。

※Wikiを使用する場合は、記事本文を記入する欄の右上にある「Wiki文法使用」をチェックしておいてください。



2.記事投稿の画像添付欄を利用する場合


◆配置位置を指定しない場合

■使用する文法

[[attached(画像番号)]]

■表示例

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541046/img_541046_3180087_0?20070123185144


■記述

[[attached(1)]]

■注意点
Wiki文法の記述は全て半角で記入して下さい。


■解説
画像番号とは記事投稿の画像添付欄でアップロードする画像の順番により番号がつきます。
画像番号




◆配置位置を指定して表示する場合

■使用する文法

[[attached(画像番号,配置する位置)]]


▼画像を左側に配置

■表示例

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541046/img_541046_3180087_0?20070123185144


■記述

[[attached(2,left)]]


▼画像を中央に配置

■表示例

                    https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541046/img_541046_3180087_4?20070123185144




■記述

[[attached(3,center)]]

▼画像を右側に配置

■表示例

                                        https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541046/img_541046_3180087_5?20070123185144

■記述

[[attached(4,right)]]

■注意点
Wiki文法の記述は全て半角で記入して下さい。
1枚の画像で複数の配置場所を指定することはできません。同じ画像で配置場所を変えたい場合は同じ画像を複数アップロードする必要があります。



画像の配置と文章の位置関係について
配置場所を「left」および「right」を指定した場合に限り、文章が画像の横へ回り込んでしまいます。そこで上のように画像の横に文章を表示をさせたくない場合は画像を配置する文法を記述した次の文章までを改行を入れて調整する必要があります。


A.文章を画像の横に配置する場合

■表示例

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541182/img_541182_4545544_0?2007-02-09


■記述

[[attached(2,left)]]これはりんごの画像です。


B.文章を画像の下に配置する場合

■表示例

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541046/img_541046_3180087_0?20070123185144

これはりんごの画像です。

■記述

[[attached(2,left)]]














これはりんごの画像です。

■解説
文章を画像の横に配置したい場合はAのように文法の後に文章を配置し、文章を画像の横に配置したくない場合はBのように文法の後に改行を入れて調整し文章を配置することにより使い分けすることができます。文章と画像をうまく配置することにより、より見やすくわかり易い記事を作成することができます。





Copyright © 2007 Hokuto. All Rights Reserved.
アニメーションGIFの作成方法



アニメーションGIFって?

アニメーションGIFとは一つのファイルの中に複数のGIF画像を保存し、それらを順に表示していくことで動画を表現している。簡単に言えばパラパラマンガの要領です。

アニメーションGIFを使えば知恵と工夫で個性あふれる自作のアイコンやロゴを作ることができます。

※アニメーションGIFを作成するには元となるGIF画像が2枚以上必要となります。
アイコンを作るためのGIF画像の作成方法は別の項目で解説します。

※またYahoo!ブログで名前アイコンとして使用する場合はサイズが5KBまで、大きさが60×17ピクセル以内になりますのでご注意下さい。

今回はサンプルとしてこの名前アイコンを使って説明します。
https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_22?2007-02-06

それではさっそくはじめます。


1.まず無料で配布しているソフトを入手しますので下記のURLにアクセスして下さい。
そして下のページのダウンロードのページ。をクリックして下さい。

古溝 剛のオリジナルソフト公開ホームページ → http://homepage3.nifty.com/furumizo/

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_0?2007-02-06


2.ダウンロードのページでGiam2.05.LZHをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_2?2007-02-06


3.開くをクリックしインストールしてください。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_3?2007-02-06


4.インストールが完了するとデスクトップにアイコンが作成されているのでクリックして起動。下のような画面が表示されます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_21?2007-02-06
https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/532945/img_532945_4545877_0?2007-02-09


5.まず1コマ目に使用する画像をメニューアイコンの開くをクリック。
※コマの順番は後からでも変更できます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_5?2007-02-06


6.画像を選択し開くをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_6?2007-02-06


7.開いた画像はこの様に表示されます。2コマ目の画像からはファイルからコマの付足しをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_7?2007-02-06


8.1枚目と同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_8?2007-02-06


9.画面はこの様になります。更に3コマ目を挿入します。ファイルからコマの付足しをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_9?2007-02-06


10.先ほどと同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_10?2007-02-06


11.これで3コマ目まで挿入された状態です。最後に4コマ目を挿入しますので同じ要領でファイルからコマの付足しをクリックします。


https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_11?2007-02-06


12.先ほどと同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_12?2007-02-06


13.これで使用する4コマ全てが挿入された状態になりました。
赤枠の中が表示される順番で、色がついて選択されているコマの画像が上に表示されます。
また、コマの順番を変更したい場合は↑上移動及び↓下移動で並び替えが出来ます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_13?2007-02-06


14.次に繰り返しの設定をします。アイコンやバナーで使用する場合は繰り返して表示されているのが一般的ですので繰り返しセットの項目にチェックを付けます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_14?2007-02-06


15.ここでウェイトを設定します。ウェイトとはコマが表示されている時間の事で、そのコマごとに設定を行います。単位は1/100秒で設定できますので1秒間の設定にしたい場合は100と入力します。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_15?2007-02-06


16.ここで設定した内容をプレビューで確認する事ができますVIEWをクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_16?2007-02-06


17.VIEW画面では実際にどの様に表示されるかを確認する事ができますので、コマの並び順やウェイトの設定などをやり直した際はこの画面でチェックするとよいでしょう。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_17?2007-02-06


18.内容に問題がなければ名前を付けて保存をクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_18?2007-02-06


19.保存場所とファイル名を決定し保存をクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_19?2007-02-06


20.するとGif書き込みオプション画面が表示されますがそのままOKをクリックして下さい。
※最大色数を少ない数値に設定した場合はきれいに表示されない可能性があります。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_20?2007-02-06


これでGIFアニメーションの完成です。お疲れ様でした。





Copyright © 2007 Hokuto. All Rights Reserved.
ペイントで名前アイコンを作ろう



名前アイコンって?

Yahoo!ブログではコメント欄やゲストブックなどでIDやニックネームの代わりに画像を表示できますが、その画像をアイコンと呼びます。
サンプル → https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_32?20070208003823

ペイントって?

ペイントとはWindowsに標準搭載されている画像処理ソフトです。
今回はこの「ペイント」を使って簡単に名前アイコンを作成する方法を説明します。


それではさっそくはじめます。


1.スタートメニュー→全てのプログラム→アクセサリ→ペイントをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_0?20070208003823


2.まずメニューから変形を選びキャンバスの色とサイズをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_2?20070208003823


3.ここでキャンバスサイズを入力します。
Yahoo!ブログで使用できる名前アイコンのサイズは60×17ピクセル以内です。
また単位はピクセル、色はカラーを選択しOKをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_3?20070208003823


4.するとキャンパス(白い部分)が指定した大きさで表示されます。
ここで左側に表示されているツールボックスの中にあるテキストをクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_4?20070208003823


5.テキストはキャンパス内でドラッグして入力範囲を決めて下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_5?20070208003823


6.テキストの範囲内でカーソルが点滅していますので文字を入力します。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_6?20070208003823


7.文字を入力し終えたらメニューの表示から書式バーをクリック。
すると下の様にバーが現れます。
ここで書体やフォントサイズを選択します。
今回は書体をMS PゴシックからMS P明朝に変更します。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541182/img_541182_4545012_0?2007-02-09


8.するとこの様に書体が変更になりました。次にテキストの色を変更しますので下にあるカラーパレットから使用したい色をクリックして下さい。するとテキストの色が選択した色に変わります。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_11?20070208003823


9.テキストに問題がなければツールボックス右上の選択をクリック。
※この時点で文字がテキストから図になりますので書体の変更等はできません。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_12?20070208003823


10.そしてメニューから編集→すべて選択をクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_13?20070208003823


11.ここで文字の位置を調整します。すでに選択されている状態ですので左クリックしながらドラグして位置を決めて下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_14?20070208003823


12.文字の位置が決定したら再度ツールボックスの選択をクリックします。ここで新たにずらした位置に決定されます。再度位置を調整したい場合は、11→の項目からやり直して下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_15?20070208003823


13.ここで作業し易いように画面を拡大して表示します。
メニューの表示から拡大→拡大率の指定をクリック。
拡大率を指定します。今回は600%を選択し、OKをクリック。
※実際のサイズは変わりません。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541182/img_541182_4545193_0?2007-02-09


14.するとこの様に表示されます。ここで文字以外の部分に色を着けます。まずツールボックスの塗りつぶしをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_19?20070208003823


15.そしてカラーパレットから色を選択します。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_20?20070208003823


16.キャンバス内にマウスを持っていくとツールボックスと同じペンキが垂れた状態になるので、白い部分の上でクリックします。するとこのような状態になります。この状態では「ほ」の文字の丸の中が塗れていませんので丸の中の白い部分で同じ操作をします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_21?20070208003823


17.丸の中も塗りつぶして、これでデザインの作業は終了です。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_22?20070208003823


18.表示を通常の大きさに戻すため、メニューの表示から拡大→標準に戻すをクリック。下が実際の大きさになります。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541182/img_541182_4545064_0?2007-02-09


19.この状態を画像として保存します。メニューのファイル→名前を付けて保存をクリック。保存する場所を決めファイル名を付けます。ここでファイルの種類ですが、Yahoo!ブログでアイコンに指定できる形式はGIFのみですので必ず「GIF」を選択して保存をクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/541182/img_541182_4545193_1?2007-02-09


これでアイコンの完成です。お疲れ様でした。
今回作成したアイコンはこれです。
https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759950/img_759950_4344073_31?20070208003823
作成したアイコンを利用する方法は別の記事で解説します。





Copyright © 2007 Hokuto. All Rights Reserved.
ファイルのアップロード 投稿編



アップロードしてみよう!

さて、準備編でYahoo!ジオシティーズでホームページを開設しましたが今回はファイルを実際にアップロードしてみましょう。

アップロードする場合の注意点として
アップロードできるファイルの種類
利用できるファイル名やフォルダ名
をそれぞれ確認しておいて下さい。


それではさっそくはじめます。


1.まずYahoo!トップページでホームページ作成をクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_0?20070206011438


2.次にジオシティーズトップページでホームページの作成・更新をクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_1?20070206011438


3.ここでログイン画面に移りますのでIDとパスワードを入力してログインして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_2?20070206011438


4.ここで準備編で作成した自分のホームページのURLが表示されていますのでクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_3?20070206011438


5.ファイルマネージャをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_4?20070206011438


6.ファイルの作成・編集をするをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_5?20070206011438


7.サブディレクトリの編集の項目で新規をクリック。

※サブディレクトリとはフォルダを指します。ジャンル別にサブディレクトリを作成しておくと便利です。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_6?20070206011438


8.ここではサブディレクトリ名を「music」とします。そしてサブディレクトリの作成をクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_7?20070206011438


9.すると作成した「music」という名前のサブディレクトリがファイル名の階層に表示されます。
その表示された「music」をクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_8?20070206011438


10.そしてEZアップロードをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_9?20070206011438


11.ここで参照をクリックします。
※一度にアップロードできる容量は5MBまでです。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_10?20070206011438


12.パソコン本体にあるアップロードしたいファイルを選択し開くをクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_11?20070206011438


13.ファイルアップロードをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_12?20070206011438


14.右側の転送結果に「転送が終了しました。」と表示されたらアップロードは完了です。ファイルマネージャに戻るをクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_13?20070206011438


15.ファイルマネージャに戻り作成してある「music」というサブディレクトリをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_14?20070206011438


16.すると先ほどアップロードしたファイルが表示されます。そのアップロードしたファイルの右側の表示の上にマウスポインタを合わせ右クリックして下さい。そして開いているメニューの一番下のプロパティをクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_15?20070206011438


17.プロパティウィンドが開きURLが表示されます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/720661/img_720661_3986113_16?20070206011438


この表示されたURLをコピーして、wiki文法の [[embed(URL)]]のURL部分に貼り付ければYahoo!ブログ内で音楽ファイルを再生する事ができます。





Copyright © 2007 Hokuto. All Rights Reserved.

開く トラックバック(2)

全5ページ

[1] [2] [3] [4] [5]

[ 次のページ ]


よしもとブログランキング

もっと見る

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事