Ｗｉｋｉ

[ リスト | 詳細 ]

記事検索
検索

全1ページ

[1]

wikiで画像の大きさを変える

とっても遅くなってしまいましたが　（＾＾；）画像の件ですヨ〜


wiki文法を使って画像の大きさを変える方法　

というご意見でしたが

残念ながら１つしか方法をしらないのです・・・

しかも、ちょっと実用性が・・・ないかも？　(＾△＾；）


よければ参考にしてみてくださいネ



では！
画像の大きさを変える前に

自分のブログ内の別の記事で使用した画像を表示する方法

から書きますね
一応、必要なプロセスなので・・・

これも、簡単ですヨ　（＾＾）b

例えば、この「抹茶ラングドシャ」の画像は４/２６の記事のものなんですヨ
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422


まず！　表示させるのに必要なのは画像の住所です

どうやって調べるかというと・・・



１.　使いたい画像が表示されている記事を表示します
２.　そして、マウスポイントを使いたい画像の上にのせて右クリック！
３.　出た項目の中からプロパティを選んで左クリック！

イメージ 1


　　表示されたプロパティの中にアドレス(URL)と書かれたものがあります
　　それが画像の住所です

４.　そして、その画像の住所を選択(反転させます）して、右クリック
５.　項目の中からコピーを選びます

イメージ 2


　　これで、必要な画像の住所をゲットしました


これさえあれば、表示方法は簡単です
［［ｉｍｇ(画像のURL)］］のwiki文法に当てはめればＯＫです　＾＾

これで、わざわざ『画像添付』からいちいちアップロードしなくてすみますね

で、肝心の画像の大きさの変更ですが

上記に使った［［ｉｍｇ(画像のURL)］］のwiki文法での変更方法なんです

方法はいたって簡単！

［［ｉｍｇ(画像のURL，数字)］］

この、数字の部分が画像の大きさを表しています

では、試しに・・・

原寸大
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422

数字４００
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422

数字３００
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422

数字２００
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422

数字１００
https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1461467/img_1461467_48387197_0?1177645422

どうでしょうか？
１００ってかなり小さくなりますねぇ〜　＾＾

同じ方法で　［［attached(画像番号,center)］］のwiki文法に当てはめてみましたが
結果は撃沈！　（＞＜；）
エラーは出ないものの
入力した数字は反映されず、普通に原寸大で表示されてました


本当は、この方法で大きさが自由自在だと楽チンですよねぇ


まあ、私の知識はエセなんで＾＾；）　こんなもんです



PhotoEditorでの画像変更とか、ペイントでの変更とか
結構大変ですものね

毎日、料理やお菓子の写真をとっても
整理するのだけで精一杯！

もっと楽チンな方法ないかしら〜？

開く トラックバック（0）

wikiで画像を貼る

イメージ 6

　　「画像の貼り方を色々教えて♪｣っていう声があったので
　　分かる範囲でレクチャーします＾＾

記事の一番上に、スクエアケーキの画像が表示されていますが
レシピの紹介をするためでも、間違えたのでもありません！
これから説明する画像の貼り付けの説明の為に表示しています

読んでいけばその内「あ〜そのためか！｣って納得いきますので
お気になさらずに＾＾)ノ




　　では！
　　まずは、記事を書く前にＷiki文法を使用にチェックを入れるのを忘れずにネ

https://blogs.yahoo.co.jp/IMG/ybi/1/93/66/scy2hy46/folder/1484364/img_1484364_47818142_1?2007-04-15


　　Ｗikiを使う準備ができたら！
　　一番簡単な画像ＵＰ法から♪(＾＾)ｂ


　　記事を書く欄の下にある
　　『画像添付』項目の参照ボタンをクリックして
　　ＵＰしたい画像を選びます！

イメージ 7


　　すると、記事の上に
　　選択した画像が表示されます！！

　　でも、これはブログを始めた人なら誰でも知ってる方法ですね
　　複数の画像をＵＰしたいと思ったときだって
　　参照ボタンのすぐ下の
　　『複数の画像をアップロード』ボタンをクリックして
　　参照ボタンを増やせばいいだけの事だし


では、記事の途中の
文章と文章の間や、文章の横などに
画像を表示する方法を教えます＾＾


　　まずは、ＵＰしたい画像を
　　上記の方法に従って
　　参照ボタンをクリックして選びます
　　その時、複数あるなら全部選んでおいてネ＾＾


　　そして（ココからが大事！)
　　画像を載せたい場所に

［［ａｔｔａｃｈｅｄ(１,ｒｉｇｈｔ)］］

　　と半角で書きます！　（数字もヨ！)
　　すると！

　　最初に選んでおいた画像の
　　１番最初の画像が右よりに表示されちゃいます♪

　　


　　上のＷiki文法を説明すると

［［ａｔｔａｃｈｅｄ（画像番号，表示位置)］］

　　なのです

　　画像番号とは、画像に番号が振ってあるわけではなくて
　　ＵＰした画像の順番です
　　だから、一番最初にＵＰした画像を１番として
　　５枚選んでおけば
　　選んだ順番に１番、２番と５番まで番号がついている事になります

　　これをふまえると
　　２番目に選んだものを
　　５番目に表示することも可能になります＾＾

　　表示位置は、私が知っているものは３つで
　　ｒｉｇｈｔ・・・右寄せ　（文字は画像の左側に回りこみ)
　　ｌｅｆｔ・・・・左寄せ　（文字は画像の右側に回りこみ)
　　ｃｅｎｔｅｒ・・中央寄せ（文字は画像の下)
　　
　　これは簡単ですネ♪





　　それでは分かりやすく例をあげると・・・・・・


　　参照ボタンをクリックして６枚の画像を選んであります！
イメージ 8

　　最初に選んだものから順番に１番の番号がつけられています
　　

　　とりあえず
　　試しに［［ａｔｔａｃｈｅｄ(３,ｃｅｎｔｅｒ)］］と書いてみます
　　意味は、３番目の画像を中央へ貼り付けです
　　
　　すると↓こうなります♪
イメージ 3

　　どうでしょ？
　　簡単ですよね



　　今度は

　　［［ａｔｔａｃｈｅｄ(１,ｒｉｇｈｔ)］］と書いてみます
　　意味は、１番目の画像を右へ貼り付けです

イメージ 1　　すると！
　　右よりなので
　　画像が右で、左側には文字が入ります

　　回りこむ文字数は
　　画像のたての長さ分だけですのでご注意を！

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　





　そして、［［ａｔｔａｃｈｅｄ(５,ｌｅｆｔ)］］と書いてみます
　　意味は、５番目の画像を左へ貼り付けです
イメージ 5　どうでしょうか？

　　３箇所を試してみましたが
　　番号と位置を変えるだけなので
　　覚えるのも簡単だと思います＾＾






　　そして、もう一つ！
　　画像を並べて表示させたい時のＷikiをご紹介
　　これはもっと簡単で

［［ａｔｔａｃｈｅｄ（画像番号）］］［［ａｔｔａｃｈｅｄ（画像番号）］］

　　というように
　　表示位置を書き込まずに
　　ただ、並べればいいだけです♪


　　試しに書いてみると

　　［［ａｔｔａｃｈｅｄ（２）］］［［ａｔｔａｃｈｅｄ（４）］］と書いてみます
　　すると↓こうなります
　　イメージ 2イメージ 4
　　ちゃんと連続して平行に並んでいます！







　　ちなみに６枚あるうちの５枚の画像を
　　記事の説明中で使いました
　　残り１枚の『スクエアケーキの画像』は［［ａｔｔａｃｈｅｄ］］文法を選択しませんでした

　　なので、記事の一番上に通常通り表示されています＾＾



　　色々と試してやってみてください＾＾

開く トラックバック（0）

wiki文法について〜♪

wiki文法の使い方を、私の知っている範囲内で書いてみますので
宜しければ、参考にしてみてくださ〜い　＾＾

私も大して知らないのですが・・・　f(＾＾；)




◎まず、wiki文法を使うには【新規投稿】をクリックし、記事を入力するウィンドウの
　タイトル・書庫・カテゴリの下にある【□Ｗiki文法使用】にチェックマークを入れておくこと
↓下図参照してね
イメージ 1









【 文字 】
１．斜体文字　　　’’あいうえお’’　　　　→　あいうえお
２．強調文字　　　’’’あいうえお’’’　　→　あいうえお
３．斜体強調　　　’’’’’あいうえお’’’’’→　あいうえお
４．上付文字　　　＾あいうえお＾　　　　　　　→あいうえお あいうえお




【 見出し 】
◎イコール（＝）記号はとスペースは全て半角で入力すること
　表示させたい文字の前後に、半角スペースを入力する

１．水色背景・青文字・サイズ大　　入力方法＝ ABC ＝↓

ABC




２．グレー背景・白文字・サイズ中　入力方法＝＝ ABC ＝＝↓

ABC




３．水色背景・青文字・サイズ中　　入力方法＝＝＝ ABC ＝＝＝↓

ABC




４．グレー背景・白文字・サイズ小　入力方法＝＝＝＝ ABC ＝＝＝＝↓

ABC




５．水色背景・青文字・サイズ小　　入力方法＝＝＝＝＝ ABC ＝＝＝＝＝↓
ABC





【 背景 】
１．黄緑色背景付き文字
入力方法＞＞
　｛｛｛いろは｝｝｝
　↓
　いろは

２．薄いグレー背景・文字の前後に改行入り
入力方法＞＞
　｛｛｛：
　いろは
　　｝｝｝　
　↓
いろは

３．クリーム色背景・黄緑色枠・文字の前後に改行入り
入力方法＞＞
　｛｛｛
　いろは
　　｝｝｝
　↓
いろは



【リスト】
１．●○のリスト表示　
入力方法＞＞
半角スペース＊�記境鍬賢�（＊は半角文字で入力する）
半角スペース２つ＊壱弐参四伍
半角スペース２つ＊壱弐参四伍
半角スペース＊壱弐参四伍
↓
  • �記境鍬賢�
    • 壱弐参四伍
    • 壱弐参四伍
  • �記境鍬賢�
◎半角スペース＋アスタリスク(＊)で表示される
　スペースを増やすたびに、リストは後ろへずれる



２．数字のリスト表示
入力方法＞＞
半角スペース1.半角スペース�記境鍬賢�
半角スペース２つ1.半角スペース壱弐参四伍
半角スペース２つ1.半角スペース壱弐参四伍
半角スペース３つ1.半角スペース１２３４５
半角スペース1.半角スペース�記境鍬賢�
↓
  1. �記境鍬賢�
    1. 壱弐参四伍
    2. 壱弐参四伍
      1.１２３４５
  2. �記境鍬賢�

３．英語のリスト
入力方法＞＞
半角スペースa.半角スペース�記境鍬賢�
半角スペース２つa.半角スペース壱弐参四伍
半角スペース２つa.半角スペース壱弐参四伍
半角スペース３つa.半角スペース１２３４５
半角スペースa.半角スペース�記境鍬賢�
↓
  1. �記境鍬賢�
    1. 壱弐参四伍
    2. 壱弐参四伍
      a.１２３４５
  2. �記境鍬賢�


４．英数字のリスト
入力方法＞＞
半角スペースi.半角スペース�記境鍬賢�
半角スペース２つi.半角スペース壱弐参四伍
半角スペース２つi.半角スペース壱弐参四伍
半角スペース３つi.半角スペース１２３４５
半角スペースi.半角スペース�記境鍬賢�
↓
  1. �記境鍬賢�
    1. 壱弐参四伍
    2. 壱弐参四伍
      i.１２３４５
  2. �記境鍬賢�

◎リストは混同するコトもできる
入力方法＞＞
半角スペース1.半角スペース�記境鍬賢�
半角スペース２つa.半角スペース壱弐参四伍
半角スペース２つa.半角スペース壱弐参四伍
半角スペース３つi.半角スペース１２３４５
半角スペース1.半角スペース�記境鍬賢�
↓
  1. �記境鍬賢�
    1. 壱弐参四伍
    2. 壱弐参四伍
      i.１２３４５
  2. �記境鍬賢�



【線】
１．水平線　入力方法　−−−−（ハイフンは半角で入力する）
↓




他にも色々あると思うのですが、大体こんなところでしょうか？＾＾
分かりにくかったり、質問があればコメント欄からどうぞ〜♪
出来る範囲でお答えいたします

コレだけあっても、あまり使わないんですよねぇ〜　実際・・・

開く トラックバック（0）

全1ページ

[1]

Yahoo!ブログからのお知らせ

.
すこーぴお
すこーぴお
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

最新のコメント

最新のトラックバック

友だち(10)
  • ☆ﾒｰﾌﾟﾙ☆
  • ゆうき
  • かのん
  • さかえ
  • snowdrop
  • にゃん
友だち一覧

標準グループ

結婚♪結婚生活♪子育て

料理♪食べ物色々〜♪

ガーデニング・草花

雑貨＆ハンドメイドなど

病気と闘う！

検索 検索

Yahoo!からのお知らせ

スマートフォンで見る

モバイル版Yahoo!ブログにアクセス！

スマートフォン版Yahoo!ブログにアクセス！

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

もっと見る

[PR]お得情報

ふるさと納税サイト≪さとふる≫
実質2000円で好きなお礼品を選べる
毎日人気ランキング更新中！

その他のキャンペーン

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

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

みんなの更新記事
前へ 次へ