雪ん子’s report

スマホの使い方(初級編)と日々のことをお伝えします。

雪ん子’s report

スマホだけでブログに挑戦!

CSS・HTML

はてなブログで表を載せる方法 続き

以前の記事にお問い合わせをいただきました。はてなブログで表を載せる方法(デザイン編) 追記しても良かったのですが、既にボリュームがすごかったので、新たな記事で書かせていただきます。 ※私が紹介しているCCSを設定していると下記のようになるはず…

他ページへのリンク(ジャンプ)

前回はページ内のリンクについて紹介しました。 今回は他ページへのリンク(ジャンプ)方法です。

ページ内リンク(ジャンプ)を使ってみる

早速ですが、ブログを読んでいるときに、 「先程の……」 とか 「最初にお話しした……」 と、なっていることがありますよね。 もちろん私も使います。 で、「先程」「最初」の内容が直前にあるならすぐ見返すことができます。 でも、だいぶ読み進めてから「最初…

【お願い】読者登録ボタンを付けよう

あなたは、はてなブログを読むのはPCで?スマートフォンで? スマートフォン派の方は、読者になりたい時に困る場合がありませんか? 今回は「読者になる」ボタンがない時の対処法と、ボタンの設置方法について書いてみたいと思います。

スマホでチャレンジ! はてなブログで画像を横並びにする

今回の記事ははてな記法、Markdown記法を使用している方向けの記事です。 見たままモードで記事を書いている方はごめんなさい(>_ 先日、はてなブログのお知らせで、画像を横並びにできるようになったとお知らせがありましたね。 複数の写真を横一列に並べて…

はてなブログで表を載せる方法(デザイン編)

前回の記事をUPした際に、試していなかったことがありました。 それは、大きな表を入れてみること。 今回もブログテーマ「Innocent 」で試してみます。 レスポンシブデザインは使っていません。 スマホ用は標準のものです。 前回のCSSを設定してくださった方…

はてなブログで表(テーブル)を載せる方法

今回ははてなブログで表(テーブル)を載せる方法について紹介します。 ブログテーマ「Innocent 」を使用中なので、他のテーマを使用されている方は表の見た目(デザイン)が違うと思います。 後半では表のデザインについても触れていきますので参考にしてみ…

嫌いだけど、おかげでHTMLを勉強できた話。

今日、買い物に行くとき。 駐車場の壁に、黒っぽい?茶色っぽい?ものが2つくっついていたので、見に行ってみました。

フォローボタンをカスタマイズ

今週は、はてなブログの設定をいじっていました。 今回は何をしていたかと言うと… フォローボタンを設置してみました。

画像のURL(アドレス)の調べ方

はてなブログへの画像挿入は、画像挿入ボタンを使ってしまいます。 が、前回紹介したブログの締めくくりを作る際に、HTMLタグに画像のURL(アドレス)が必要になりました。 その時に、てこずったので残しておきます。

はてなブログ カスタマイズまとめ

ここまで、線の書き方や余白の取り方等を紹介してきましたので、一回まとめておきます。

見出し以外の強調方法

ここまで画像の余白や、見出しなどを変更してきました。 そこまでできると欲が出て、 「文の中の文字を強調するために背景やマーカーを付けることはできるのか?」 と思いついてしまいました。 ということで今回はその設定を探ってみました。

見出しをカスタマイズ

今回は、改装した最後の項目の「見出し」についてです。

border(枠線)の例

前回に引き続き、画像や文字などの枠線について。おさらいも含めます。 次の回の「見出し」にも関係してくるので書いておきます。

画像の大きさ・上下の余白を変更

改装内容の続きです。 前回の記事 文字サイズと行の高さを変更

文字サイズと行の高さを変更

ひとまず改装終了です。 知識ゼロからのチャレンジは小さな変更でも一大事。 しかも、スマホだけでやったし(笑) 「え?何か変わった?」 と、言われそうなくらい地味な改装(笑) また勉強してから再び改装しようと思います。