最新情報

  • 2019/06/14
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 記事へのリンクはご自由になさって結構です。
    但し、画像等、記事内のコンテンツの無断転載、画像への直接リンクによるまとめサイト等他サイトへの転載は固くお断りします。

    2019/04/14現在、コメント欄の認証方法やNGワード設定等、時々変更しています。メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    上記に関し、詳しくは下記バナーから「当サイトについて」をお読み下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。




特設コーナー

  • Banner_kanan_fund


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


« 【語源・翻訳語】銀行の語源は?/英語とドイツ語の「bank」はなぜ「土手」や「ベンチ」と同じ綴りなのか | トップページ | 【GHQ焚書】No.1 支那事変(日中戦争)/通州事件 »

2019/05/16

【ココログ新システム】画像の挿入方法、サムネイルのサイズ変更方法等

ココログが今年の3月に新システムに移行し、大きく変更になったのは画像の扱いです。過去のエントリーで、試行錯誤しながら対処方法や問題点を挙げてきましたが、このエントリーでは改めて画像の扱いについてまとめておこうと思います。なお、このエントリーは今後加筆修正の可能性があります。また、ブログ主の環境(2019/05/16時点でWindows8.1/Firefox)での動作であることをお断りしておきます。

 

新システムで大きく変更になった点は以下の通りです。

 

  1. 画像を記事に挿入する際、2段階の作業になる。
    即ち、①システムにアップロード、②記事の任意の位置に挿入、と言う作業。
    これにより、過去にアップロードした画像も記事に挿入することができるようになった。
     
  2. サムネイル(記事内に表示される、縮小された画像)のサイズは基本的に固定。(「設定」→「基本情報」で指定したサイズ)
    ①但し、記事内に挿入後、ドラッグでサイズの調整が可能
    当記事で解説
    ②しかし、サムネイルのサイズはシステムにアップロードした時点で作成され、「基本情報」で指定してあるサイズで作られてしまうので、縮小は問題ないが、拡大しようとすると画像がぼやける。
    ③また、サムネイルは不要としても、必ずサムネイルが作られてしまう。(不要なサムネイルは「ファイルマネージャー」で自分で削除する必要がある。)
     
  3. サムネイルが作成される場所は、「/ > blog > blog/images」の直下(※1、※2)。
    ※1 「/ > blog > blog/images」の意味は、自分のブログ用のフォルダの一番上のレベル(「/」)の下(中)に「blog」というフォルダがあり、その下(中)に「image」というフォルダがあるという意味。「blog」というフォルダ名はブログを新規に作る際に自分で設定できるので、人により異なる。当ブログの場合は、URLが「http://daishi100.cocolog-nifty.com/blog/ 」なので「blog」というフォルダ名となっている。
    ※2 以前のココログではサムネイル画像は「image」の下に、更にアップロードした日付(ex. 2019/05/16)により、「2019」というフォルダ、その下に「05」というフォルダ、更にその下に「16」というフォルダが作成されて、その中に格納されていた。
     
  4. 記事内に挿入されたサムネイルの周囲にマージンが空かなくなった
    これにより、画像の右側に文字を回り込ませたり、複数の画像を横に並べるとスペースが空かないので、見た目が悪くなった。問題点として既に運営には報告済みだが、対処されるかは不明。
    対処方法は過去のエントリー『【ココログ新システム】画像の周囲のマージン』で解説
     
  5. 「title」属性が付かなくなった。
    「title」属性とは画像の上にマウスを重ねるとポップアップする文字を指定するHTMLタグで、以前のココログでは自動的にファイル名が設定されていた。
    対処方法は当記事で解説

 

1. 画像の挿入方法

下の画像は「システムにアップロード」した後の作業を図示しています。

 

Cocolog_new09

 

③で「指定なし」を選択すると、左揃え(文字の回り込みなし)になります。左揃え、中央揃え、右揃えに変更することは画像を記事に挿入した後でも可能です。(次項参照)

 

2. サムネイルサイズの変更

下図参照。

 

Cocolog_new10_img01

 

 

5.「title」属性の付与

下図参照。

Cocolog_new10_img02

 

 

 


 

 

 

« 【語源・翻訳語】銀行の語源は?/英語とドイツ語の「bank」はなぜ「土手」や「ベンチ」と同じ綴りなのか | トップページ | 【GHQ焚書】No.1 支那事変(日中戦争)/通州事件 »

コメント

コメントを書く

(ウェブ上には掲載しません)

« 【語源・翻訳語】銀行の語源は?/英語とドイツ語の「bank」はなぜ「土手」や「ベンチ」と同じ綴りなのか | トップページ | 【GHQ焚書】No.1 支那事変(日中戦争)/通州事件 »

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2019年6月
            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            

sponsored link


ドールハウス工作おすすめ参考図書

ドールハウス工作おすすめアイテム(材料・工具)

カテゴリー

無料ブログはココログ