Someday Somewhere

A little something to say in my everyday life

Customization

サイドバーのモジュールを非表示にする

サイドバーには、カスタマイズページより最新記事、注目記事、関連記事などの表示設定ができます。 これらの記事リストをサイドバー以外に表示し、尚且つ見た目を変えたい時、サイドバーでは非表示にする必要が出てくる場合があります。 そんな時便利なのが…

記事下の関連記事を2列表示にする

関連記事を記事下に表示 サイドバーに関連記事を表示している場合 「デザイン→(カスタマイズ)→記事」にある「関連記事を記事下に表示する」に✔を入れておけば、記事下にも関連記事が表示されます。 デフォルトでは、サイドバーの関連記事で設定した記事数…

記事一覧のボーダーラインを消す

今使っているデザインテーマ(JOURNAL.)の記事一覧ページは各記事が線で囲まれています。 なんとなく気になっていたので、そのボーダーラインを消しました。 /*------------------------------ 記事一覧ボーダーライン ------------------------------*/ .p…

フッターメニューをカスタマイズ

先日フッターにあるコピーライトまわりを調整しましたが(フッターのコピーライトとか - Someday Somewhere)、ついでにフッターメニューのようなものも設置してみました。 参考にしたサイト blog.minimal-green.com フッターHTML ダッシュボード→デザイン→…

フッターのコピーライトとか

以前のフッター コピーライト部分のカスタマイズ HTML CSSに記述 ついでに「トップページへ戻る」ボタンを設置 以前のフッター 以前、「フッターにコピーライトを入れた」という記事を書きました。 www.tsukisai.net PC画面は問題なかったのですが、スマホ画…

はてなブログ:投稿した画像サイズを変える

Markdown記法の場合 見たまま編集の場合 最後に 普段、記事に画像を挿入する際、記事編集画面右側にある「+写真を投稿」ボタンをクリック、画像をアップロード&記事に挿入しています。 ただ最近、なんとなく画像が大きいような・・・。 そこで今回は記事に挿…

記事一覧ページのサムネイルサイズを変更

記事一覧ページのサムネイル用画像 サムネ用の画像選びは注意が必要 元々のコード サムネサイズ変更のコード 記事一覧ページのサムネイル用画像 サムネ用の画像選びは注意が必要 デザインテーマ「JOURNAL.」の記事一覧ページ(トップページもですが)のサム…

バリューコマースのMyLinkデザイン

商品を紹介する際に使ってきたカエレバ・ヨメレバやもしもアフィリエイトのかんたんリンク。 見た目を多少変えて使っています。 先日、バリューコマースのMyLinkというのも使ってみました。 そのままのデザインでもいいのですが、カエレバやかんたんリンクと…

文字の背景色(マーカー)の高さを修正

文字が背景色からはみ出る 背景色を付ける方法 実際にやってみた場合 解決方法 CSSに書き込む 記事に書き込む 終わりに 文字が背景色からはみ出る 先日、文字に背景色をつける(=マーカーで文字全体を塗った感じにする)方法を書きました。 (文字の背景に…

「見出し」の修正

問題点 解決方法 セレクタの書き方が異なっていた 修正後のCSS 問題点 以前使っていたデザインテーマ「Minimalism」で設定してあった「見出し」のデザイン ↓ 「JOURNAL.」にテーマを変更後、CSSが反映されない 解決方法 セレクタの書き方が異なっていた 例え…

外部リンクを別タブで開く

別タブ/別ウィンドウで開く target_blankは危険? rel="noopener noreferrer" rel="noopener noreferrer"って 当サイトでは headに要素を追加 別タブ/別ウィンドウで開く 以前、はてなブログを使い始めた頃、次のような記事を書きました。 www.tsukisai.ne…

ブログタイトルの背景色を変える

「JOURNAL.」というデザインテーマのブログタイトル絡みのカスタマイズ。 ブログタイトルの背景 背景色を変える 背景を透明にする ブログタイトル タイトルの文字サイズ タイトルの横幅を変更 タイトル下の線を消す ブログ説明文 説明文を消す 説明文の色を…

「JOURNAL.」をインストール後、やったこと

デザインテーマを「JOURNAL.」(レスポンシブデザイン)に変更後、やったことのメモです。 ・あちこちカスタマイズした後、どこをどう変えたのか、自分で分からなくならないために ・随時更新していきます インストール後、まずやること ブログのヘッダー画…

コメントボタンをカスタマイズ

サイトのデザインを変えた後、ぱっと見て分かる修正が必要な箇所はよいのですが、暫く使ってみないと気付かない部分というのも結構あります。 今回はコメントボタン。 カスタマイズする前の状態 変更箇所 参考にしたサイト 書き加えたCSS カスタマイズする前…

上に戻るボタンをアレンジ

最近、当サイトのデザインテーマを変えたので、前から気になっていた「上に戻る」ボタンもちょっと手を加えました。 「上に戻る」ボタンを設置 以前「上に戻る」ボタンを設置した時の記事がこちら(↓)。 www.tsukisai.net Font Awesomeの使い方は次のサイト…

ブログのヘッダーに画像を入れる

「JOURNAL.」をインストール後、必ず設定して下さい(テーマ作者による)という点が4つあり、その内の1つが「ブログタイトルの背景画像」。 デフォルトのままでもいいようですが、色のみを変えてもよし、或いは画像を入れてもよし。 ということで、画像を入…

サイトのCSSを見てみる

ブログのデザインテーマを変更した時、困るのがCSSで使われているセレクタのclass名やid名。 テーマ作者によって名前が異なる場合があり、CSSをカスタマイズしようとしても、今まで使っていたテーマで使ったソースコードをそのまま貼りつけてもうまくいかな…

デザインテーマを変えました

当ブログは「Minimalism」(レスポンシブデザイン)を使っていましたが、「JOURNAL.」(レスポンシブデザイン)に変更しました。 変えた理由: ・「Minimalism」はシンプルなところが気に入っていましたが、さすがに飽きてきた。 ・先日の記事にも書いたスマ…

はてなブログテーマ「Minimalism」:スマホ画面のページャーが崩れる(未解決)&ページャーを非表示に

当ブログはMinimalism(レスポンシブデザイン)というテーマを使っています。 シンプルだし、あれこれとカスタマイズしやすい部類のテーマだと思います。 はてなブログテーマストアでの人気も1位。 でも、気になるところが一つある、というか、私のような素…

文字の背景に色をつける

テキストにアンダーラインをつける際、ラインをマーカーで引いたようにする方法は以前書きました。 以前の記事 マーカー風のアンダーラインをつける(2017.11.16) マーカー風アンダーライン:Markdown記法(2019.1.25) マーカー風アンダーラインの設定で悩…

もしもアフィリエイトのかんたんリンク、再びカスタマイズ

去年、もしもアフィリエイトのかんたんリンクの見た目を変えたくて、CSSを提供してくれているサイトさんからコピペして使ったりしていました。 最近、また使うことがあり、カエレバ・ヨメレバで使っているデザインに似せたいと思い、再度カスタマイズするこ…

記事内でハイパーリンクを使わずにURLを表示する

記事を書いていて、外部リンクを貼るのではなく、ただURLを表示したい時があります。 そんな時、はてなブログではURLをコピーして記事内に貼り付けると、自動的にハイパーリンクが生成されてしまいます。 ハイパーリンクを使わずにURLを表示する方法は幾つか…

もしもアフィリエイトのかんたんリンクをカスタマイズ

もしもアフィリエイトのかんたんリンク 参考にしたサイトとコード もしもアフィリエイトのかんたんリンク 昨日の記事に書きましたが、カエレバの代わりにもしもアフィリエイトのかんたんリンクを使ってみることにしました。 ただ、デフォルトのリンクデザイ…

ソースコードを変換できるサイト

先日投稿した記事(はてなブログのページャー)内に記載したソースコードですが、ボックスで囲って表示したところ、コードが表示されず、ただの空白になってしまいました(ボックスで囲わなくても同じだと思うが)。 当該記事を見てもらうと分かるのですが、…

はてなブログのページャー

以前、はてなブログのページャーを少しカスタマイズしました。 その時の記事(↓) www.tsukisai.net その時は、トップページの2ページ目以降に「前のページ」ボタンを設置しました。 特に問題なく使っていたのですが、最近、ふと見ると、カテゴリページの2…

トップページの記事一覧をカード型レイアウトにしてみた

はてなブログProの場合、以下のようにトップページの表示形式を選択することができます。 今までも一覧形式を選択してサムネイル、記事タイトル、記事本文の一部が一覧で表示されるタイプのデザインにしていたのですが、カード型レイアウトもとても気になっ…

はてなブログのスマホアプリから下書き記事を削除する

スマホではてなブログのアプリを開くと、PCで既に削除したはずの古い下書き記事がいつまでも残っていました。 下書き一覧から削除したい記事タイトルを長押しすると「削除」という文字が表示されるので、「削除」を選択するのですが、記事がいっこうに削除さ…

カレンダー式月別アーカイブ:リンク背景を円形にする

今まで月別アーカイブはリストタイプを使用していたのですが ・記事を投稿していない日をブログ画面からも一目で分かるようにする ・ただ単にカレンダーとして使う ・間延びした感じのリスト式に飽きた ということでカレンダータイプに変えました。 リンクの…

カエレバ・ヨメレバのブログパーツをちょっぴりおしゃれに

もしもアフィリエイトをやっている人たちの中で、カエレバ・ヨメレバのブログパーツを利用している人は多いと思います。 私ももしもアフィリエイトを始めてすぐにこのブログパーツを使い始めました。 このブログパーツのカスタマイズCSSを提供してくれている…

Markdown編集画面でリンクを貼る場合

はてなブログのMarkdown編集画面には、みたまま編集同様ツールバーがある。 だから、まっさらな画面にMarkdown記法を使って、全てを自分で記述する必要がない。 これ(↓) テキストを太字、斜体、下線付きにするとか、引用や見出しを使う場合もツールバーか…