パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

NEW !
テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

アメブロをカスタマイズ(ヘッダー画像やグローバルナビなど)している方へ。

 

一度、ヘッダー画像を設置したのはいいけれど、また変えたい、と思った時、

 

あれ?どうやってヘッダー画像の画像アドレス(URL)ってわかるんだったかな?

 

と思った方。

 

 

おさらいしておきます。

 

まず、マイページで「設定」をクリック(①)し、「デザインの変更」をクリック(②)します。

 

 

または、マイページで上部の「アメブロ」をクリックして、「ブログ管理」画面を表示して、左欄の下の方にある「デザインの変更」をクリックします。

 

 

 

すると、「デザインの変更」画面が表示されます。

 

 

 

そして、「CSSの編集」リンクをクリックします。

 

 

 

普通、ヘッダー画像の画像アドレスの取得は、この画面で行いますが、アップロードされた画像がすでに5つ、下図の赤枠のようにある場合は、どれか削除してから、「ファイルを選択」して「アップロード」する必要があります。

 

ただ、現在使っている画像を削除してしまと、現在のブログデザインが崩れてしまう恐れがあるので、ご注意ください。

 

 

 

で、今回は、この場所からヘッダー画像のアドレスを取得する方法ではなく、別の方法をお知らせします。

 

まず、普通に「ブログを書く」にします。

 

 

 

 

そして、ヘッダー画像を「写真」から貼り付けます。

この時、「原寸」を選択しておきます。

 

 

 

ヘッダー画像にしたい画像をクリックして、記事に貼り付けます。

 

 

 

画面左下にある「HTML表示」をクリックします。

 

 

 

 

すると、HTMLタグが表示されます。

 

<p><a href="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg"><img alt="" height="1289" src="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg" width="1877"></a></p>

 

 

 

 

この中の、

 

<img~~~

 

の中の

 

src(ソース)の中の

 

 

<p><a href="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg"><img alt="" height="1289" src="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg" width="1877"></a></p>

 

 

 

 

 

//stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg

 

 

 

が、画像アドレスになります。

 

過去、アメブロでは、画像を記事に入れようとすると、横幅800pxに自動的に縮小されてしまっていて、ヘッダー画像などの横幅980pxだと厳しかったのですが、

 

この画像の横幅、1877px、そのまま表示されるようになっています。

 

 

あとは、この画像アドレスを、所定の場所(たとえば、「画像URL」と書かれているところか、以前の画像アドレスのところ)にコピペされるとOKです!

 

 

 


以上、アメブロカスタマイズでした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

たとえば、次の囲み枠のHTMLタグ

 

<div style="background: #fff; box-shadow: inset 0px 0px 50px #b9dbe5, 5px 5px 0px #ccc; -webkit-box-shadow: 0 0 50px #b9dbe5 inset, 5px 5px 0 #ccc; -moz-box-shadow: 0 0 50px #b9dbe5 inset, 5px 5px 0 #ccc; padding: 20px; font-size: 90%;">
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。
</div>

 

 

を「HTML表示」でコピペした場合、次のように表示されます↓

 

 

ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。

 

 

ピンクの場合は、これです↓

 

<div style="background: #fff; box-shadow: inset 0px 0px 50px #ff8c90, 5px 5px 0px #ccc; -webkit-box-shadow: 0 0 50px #ff8c90 inset, 5px 5px 0 #ccc; -moz-box-shadow: 0 0 50px #ff8c90 inset, 5px 5px 0 #ccc; padding: 20px; font-size: 90%;">
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。
</div>

 

 

ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。
ここに文字が入ります。

 

 

ご自分で色を変えたい方は#ff8c90の箇所を好きな色コードに変えてくださいませ↓

 

 

<div style="background: #fff; box-shadow: inset 0px 0px 50px #ff8c90, 5px 5px 0px #ccc; -webkit-box-shadow: 0 0 50px #ff8c90 inset, 5px 5px 0 #ccc; -moz-box-shadow: 0 0 50px #ff8c90 inset, 5px 5px 0 #ccc; padding: 20px; font-size: 90%;">
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。<br>
ここに文字が入ります。
</div>

 

 

で、こういった囲み枠とか、新しく何かしら記事で作ったら、

 

「プレビュー」で確認しましょう!

 

 

 

「プレビュー」をクリックすると、まずは「PC」画面でのプレビューが面が表示されます。

 

 

 

そして、次に「スマートフォン」をクリックして、

 

 

 

スマートフォンでの表示を確認します。

 

 

 

 

囲み枠がどんな風にスマホでは表示されるのか、とか。

 

 

 

そして、終わったら、「ブログを書く」をクリックして、ブログを書く画面に戻ってくださいね。

 

決しって、右上の「×」で閉じないように!!!!!

 

 

 

 

 

 


以上、アメブロの基本操作でした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

いいね!した人  |  コメント(4)  |  リブログ(0)

テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

 

 

・どうしてパソコンがわからないのか

・どうしてアメブロがわからないのか

・どうしてワードプレスがわからないのか

・どうしてフェイスブックがわからないのか

・どうしてツイッターがわからないのか

・・・

エトセトラ、エトセトラ・・・

 

 

どうして○○がわからないのか

 

 

そして、

 

どうして○○ができないのか

 

 

そう、まずは○○がわからないから○○ができないのです。

 

で、

 

できないから、面白くない・・・

 

つまらない・・・

 

辞めちゃう・・・

 

という流れなのでしょう。

 

 

ずーっと人に教える仕事をしてきて、なんとなくそんな感じなのかな、と思っています。

 

 

あ、もとの

 

どうして○○がわからないのか

 

に戻ります^^;

 

 

それは、

 

その○○の「いろはのい」を知らないから

 

だと。

 

 

あ、

 

「いろはのい」

 

の例えがダメでしたね(汗)

 

 

言い換えます。

 

基本の基本を知らないから

 

なのです。

 

 

みなさん、なんとなくやっている感じなのでしょうね。

 

例えば、野球で例えるなら(女性の方、すいませんm(__)m)、

 

守備で、ゴロの取り方

 

とか。

 

 

え?普通にとれるやん!

 

と思いますよね。

 

確かに、そうですが、

 

ゴロの取り方の基本の基本をきちんとわかっていますかね。

(あ、ここでは、そのゴロの取り方の基本の基本については述べませんm(__)m)

 

きちんとわかっていれば、そこから派生した応用編もうまくこなしていけるようになるので、とても楽しくなりますね。

 

うまくできるようになると、モチベーションが上がって、もっと練習をするようになる、

 

すると、もっとできるようになって、さらに上手くなる、すると・・・

 

 

なので、○○には、パソコンだけでなく、ブログだけでなく、他のもあてはめることができます。

 

 

もちろん、その基本の基本は、

 

自分自身の力で、調べて、できる方法もありますし、

 

先生に教えてもらってできる方法もあります。

 

 

ですので、

 

わからない、という方は、

 

ご自分の頭を疑うのではなく、

 

基本の基本から学ぶことをおススメいたします。

 

 

そう、このブログを読んでさえいればできるようにな・・・・・・・・

 

あ、ひとりごと、ですからね、あくまでも^^;

 

 


以上、ひとりごとでした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

いいね!した人  |  コメント(2)  |  リブログ(1)

テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

 

 

今日は朝からあるイベントに出掛けることになっていたので、ある記事を予約投稿していたのですが・・・

 

結局、今、帰ってきてからの投稿になってしまいました^^;

 

 

ま、現実ってこんなもんですよね^^;

 

 

朝、9時に出発して、10時集合で準備して、12時からのイベントスタート。

 

16時30分に終わるも、その後は片付けと反省会で18時まで。

 

さらに、その後の飲み会に付き合い、結局帰ってきたのは、いま、ということ。

 

 

よく、ある専門家は、

 

その中でも、投稿はできるはず、

 

とおっしゃるのですが・・・

 

 

いやいや、全然できないこともあります^^;

 

 

まさに今日はそんな感じでしたね^^;

 

 

 

ということで、また明日、頑張ります!!

 

 

 


以上、ひとりごとでした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

いいね!した人  |  コメント(2)  |  リブログ(0)

テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

話すエネルギーと文字を打つエネルギーとどちらが多く使われるでしょうか?

 

 

そう、答えは・・・

 

文字を打つエネルギーの方が多く使われますね。

 

話す方が簡単です。

 

 

ですので、スマホでやりとりする時、

 

特にLINEでやりとりする時、

 

こんなスタンプだったり、

 

 

 

または、

 

「了解です!」と打つ代わりに、「り」

 

だったり(笑)

 

 

極力、打つ数を減らす、そう、打つエネルギーを少なくする、のだそうです。

 

 

あ、パソコンであれば、

 

「単語登録」

 

ですね。

 

 

例えば、

 

「ツール」ボタンをクリックして、「単語の登録」を選択します。

または、「あ」「A」を右クリックして、「単語の登録」を選択します。(Windows10)

 

 

 

いつも自分のメールアドレスを入力する時のために、

 

「単語」に自分のメールアドレスを、

「よみ」に「めーる」と入れておきます。

そして、「登録」を。

 

 

 

 

そして、「めーる」と入力して、変換をします。

 

 

すると、このように登録したメールアドレスが出てきます。

 

 

kawakami@---------

 

 

登録する読みは「めーる」でなくても、「めあど」でもいいですね^^!

 

 

 


以上、パソコンレッスン!でした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

いいね!した人  |  コメント(4)  |  リブログ(0)