• 01 May
    • 横幅の広い画像を記事内で横スクロール表示させる方法

      アメブロの記事内で、横幅の広い画像を記事内で横スクロール表示させる方法です。アメブロでは、記事に画像を貼り付けた時、その画像の幅が記事幅よりも大きい時、はみ出さないように縮小表示されます。ですが、例えばパノラマ写真のような横長の画像の場合など、自動縮小に任せると小さくなりすぎる場合もありますので、そういった場合には、画像だけを横スクロールして全体を見れるようにしてみましょう。↓このように横スクロールできます。↓実際に貼り付けたのがこちら。パソコンの場合はスクロールバーを左右に、スマホの場合は画像をタッチした状態で左右に動かすと、横スクロールして画像全体を見ることができると思います。画像を記事内で横スクロール表示させる方法では、以下に手順をご説明します。記事内の画像を表示したい位置に、以下のようなタグを記述して下さい。<div style="overflow:auto"><img style="width:auto;max-width:none;height:【画像の高さ】;" src="【画像のURL】"></div>最新版エディタの場合は、『HTML表示』モードでお願いします。【画像のURL】の部分には、表示したい画像のURLを記述して下さい。画像のURLの取得方法がわからない場合は、こちらの記事を参考にして下さい。【画像の高さ】の部分には、表示する画像高さを記述して下さい(例:360px)。高さは、画像の実際の高さではなく、表示する高さを設定します(つまり、拡大縮小せずに表示したい時は画像の実際の高さを設定します)。なお、この方法は、記事だけではなくフリースペースや、メッセージボードでも同様に行うことが可能です。注意事項スマートフォンで見ると、スクロールバーが表示されませんでしたので、横スクロールできることを併記しておいたほうが良いと思います。

      53
      12
      テーマ:
  • 02 Mar
    • アメブロのまだ投稿していない記事にリンクする方法

      アメブロのまだ投稿していない記事にリンクする方法アメブロカスタマイズのわざめーばです。こんにちは。アメブロで、新しく書いてる記事や、未来の記事など、未投稿の記事のURL(アドレス)を知りたいことってありませんか?例えば明日投稿しようと思ってる記事に、明日の記事でお知らせします!(これは見た目だけです。↑ホントはリンクしてません)と明日投稿予定の記事にリンクしたり、他にも、このあとのアメンバー限定記事で!(これも見た目だけです。↑ホントはリンクしてません)と、まだ投稿していないアメンバー限定記事にリンクしたり。ちなみに、(利用シーンがあるのかどうかわかりませんが)今書いているこの記事のURLも既にわかっていますので、ちゃんとリンクできます。アメブロのまだ投稿していない記事にリンクする方法どうでしょう?こんなことあまり無いですか?でも負けずに書いちゃいます^^;なお、最近IE11で新エディタが動かないために標準エディタに戻す方が多いので、一応標準エディタでの操作を書いておきますが、新エディタやタグ編集エディタでも大きくは変わらないと思いますので、ご自身の利用している記事エディタに合わせて適宜読み替えて下さい。URLを知りたい記事を『下書き(非公開)』保存するまずは、URLを知りたい記事、つまりリンク先になる記事を『下書き(非公開)』保存します。下書き保存なら公開はされませんので、内容はぜんぜんできあがっていなくても大丈夫です。もちろん、今書いている記事のURLを知りたい場合はその記事を、未来に投稿予定の記事のURLを知りたい場合は今書いている記事をひとまず下書き保存して、内容は適当でいいので別の未来に投稿する記事を作成してそれも『下書き』保存します。下書き保存した記事を再度開く『下書き』保存できたら、次はその記事(リンク先の記事)をもう一度開きます。まず、左サイドメニューの「記事の編集・削除」をクリックして・・・、下書きした記事のタイトルが表示されたら、その記事の「編集」ボタンをクリックすれば開きます。記事IDを調べて記事のURLを作る下書き保存した記事を開くと、ブラウザのアドレスバーにその記事を編集するための(URL)アドレスが表示されます。そのURLの一番右側の11桁の数字が記事IDと言われる記事ごとに固有の番号です。この番号が分かれば、記事のURLは次のように決まってきます。ブログのトップページのURL + 「entry-」 + 記事ID + 「.html」例えば、本ブログのトップページのURLは「http://ameblo.jp/wazameba/」(最後の「/」も必要)です。そして、この記事の記事IDが「11785345167」です。なので、URLは「http://ameblo.jp/wazameba/entry-11785345167.html」となります。これを使うと、投稿前の記事にも↓このようにリンクすることが可能になります。アメブロのまだ投稿していない記事にリンクする方法注意なお、この方法で未来に投稿する記事のURLを知ることはできますが、実際にはまだ投稿していませんので、投稿されるまではエラーページが表示されます。ですので、読者さんを驚かせないよう、リンク元の記事では投稿予定日時を明記するなどの配慮があった方がいいかもしれませんね。以上、まだ投稿していない未来の記事のURLを知る方法をご紹介しました。よかったら参考にして下さい。関連記事☞ アメブロカスタマイズ目次☞ アメブロカスタマイズで成功するブログを作ろう トップページ

      54
      8
      テーマ:

このブログの読者

読者数: 9,421

読者になる

プロフィール

松本

性別:
男性
お住まいの地域:
兵庫県
自己紹介:
.

続きを見る >

読者になる