Someday Somewhere

A little something to say in my everyday life

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

マーカー風アンダーラインの設定で悩んだ末にとった方法

以前の設定 次にとった方法 記事編集時にHTMLを直接書き込む CSSに記述するシンプルなコード 以前の設定 一番初めにマーカー風アンダーラインを使えるようにした時は、はてなブログの「headに要素を追加」という箇所にコードを記述する方法でした。(マーカ…

ブログに音声ファイルを貼ってみた

はてなブログには音声ファイルをアップロードすることができません。 まあ、普段、音声ファイルをアップロードしてブログに貼り付けるという必要性があるのかと言えばそうでもないのですが。 先日、外国語の単語の発音をブログに貼り付けてみようかと思い、…

フッターにコピーライトを入れてみた

サイトを見ていると、画面一番下、いわゆるフッターにコピーライトが明記されているのをよく見かけます。 こんなの(↓) Copyright ©〇〇〇〇 All rights reserved 自分のサイトはどうなっているのか気にもせずにいたのですが、考えてみれば、このサイトには…

ボックスデザインをカスタマイズ

先日、引用(blockquote)のデザインを変えたのですが、考えてみたら、引用として囲んで表示する以外にも囲んで表示したい場合もあるわけで。 引用ではないものも引用の囲みデザインと同じになってしまっていました。 ということで、ボックスデザインを二つ…

吹き出しを使って会話風に表示する方法

前から気になっていた吹き出しを使用して会話形式にする方法。 この形式で記事を書いているサイトを見かけるたびに、一度やってみようと思いつつ今まできてしまったのですが、今回、設定してみることにしました。 設定方法を紹介しているサイト コードを貼り…

Twitterからブログに飛んだらデザインが変わってるって???

今頃?といった感がありますが、ブログの記事を投稿した際にTwitterに連携させるようにしました。 ブログデザインが何か違う AMP対応か非対応か AMPとは はてなブログの場合 当ブログの場合 ブログデザインが何か違う Twitterから自分のブログに飛んでみたと…

タグ一覧もどきを設定:今までやったことのまとめ

先日、サイドバーにタグ一覧もどきを作成してみました。 その記事がこちら↓ サイドバーにタグ一覧もどきを表示してみた - Someday Somewhere その時、もう少しやり方を考えてみたいと書いたのですが、一応方法が定まったので、まとめを書いておこうと思いま…

サイドバーにタグ一覧もどきを表示してみた

今回はこんな感じにしてみました(↓) タグ一覧やタグクラウドとは はてなブログの場合 今後 タグ一覧やタグクラウドとは ブログのサイドバーなどで見かけるタグクラウド。 クラウド状のものもありますし、整然と並べられたタグ一覧といったものもあります。…

Markdown記法

Markdownモードを使うようになり、うろ覚えなものを確認できるようにと、ほとんど自分用に作成しています。 内容は、随時更新中です。 Markdownの基本的な書き方 こまごま 特殊記号 改行 文中のスペース 箇条書き リスト内階層 番号付きリスト 見出し 引用 …

マーカー風アンダーライン:Markdown記法

以前、簡単にマーカー風アンダーラインを表示できるようにと、「headに要素を追加」という所にコードを貼り付けました(詳しくはこちらの記事→ マーカー風のアンダーラインをつける - Someday Somewhere)。 このコードを貼り付けた時は「みたままモード」を…

引用符デザインをカスタマイズ

当ブログはMinimalismというテーマを使っています。 今まで、ちょこちょことカスタマイズしてきましたが、今回は引用符のデザインを変えることにしました。 「引用符 カスタマイズ」等の言葉で検索すると必ずと言っていいほど登場するサイトさん(↓)。 この…

サイトマップ(記事一覧)の大まかな構成が出来上がった:まとめ

ここ数日、記事一覧とも言えるサイトマップの基本的な構成を作っていましたが、どうにか出来上がりました。 まだ、全ての記事を網羅しているわけではないので、時間をみつけて仕上げていくつもりです。 サイトマップの体裁 固定ページのレイアウト 表を活用 …

記事内に表を挿入する:サイトマップのカスタマイズ

記事一覧とも言えるサイトマップを作成している最中なのですが、記事数が増えてくると、記事タイトルのリストが延々と、下へ下へと続くようになります。 これを何とかもっと見やすくできないかと模索中です。 考えられる方法 各記事をカードタイプで表示する…

はてなブログの固定ページ:サイトマップをカスタマイズ

固定ページ 固定ページのレイアウト 固定ページ 当ブログでは、「サイトマップ」、「お問い合わせフォーム」、「プライバシーポリシー」を固定ページで作成しています。 (固定ページは、はてなブログProを利用している場合に使用できます) staff.hatenablo…

ブログ内のサイトマップを作る

ブログの記事が増えてくると、自分でも過去記事を確認したい時があります。 ブログのサイドバーやグローバルメニューにはカテゴリ欄がありますし、ブログ管理画面でも確認はできますが、サイトマップがあると便利かなと最近感じていました。(サイト内のサイ…

はてなブログのスマホ画面が重い

普段の生活でスマホを使うことが当たり前になっている今、スマホから自分のサイトを訪問する人が増えていると感じている人もたくさんいると思います。 アフィリエイトに関するサイトを見ても、スマホからの訪問者のことも考える重要性に触れている記事をよく…

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

記事画面に前ページと次ページの記事タイトルを表示させる トップページに「前のページ」をつける ところで 追記:アーカイブページのページャーがくずれてしまっていた 記事画面に前ページと次ページの記事タイトルを表示させる 先日、スマホで自分のブログ…

見出しと目次をカスタマイズ

今日の記事は、目次をカスタマイズしようと思い立ってから辿った過程についてです。 今まで目次機能をほとんど活用してこなかったのですが、記事が長くなる時などはやはり必要だと思うことがあります。 そこで、目次を使って書いてみた記事もあるのですが、…

行間を修正する

このブログはMinimalismというテーマを使っています。 シンプルですっきりしていて、スマホやタブレットにも対応しているレスポンシブデザイン。 とても気に入って使わせて頂いているのですが、一つだけ気になることが。 恐らくMinimalismだからではないと思…

はてなブログをHTTPS化(SSL化)した後にやったこと

先日の記事に、当ブログのHTTPS配信(SSL化)を有効にしたことを書きました。 HTTPS配信を有効にすること自体はとても簡単で、ブログ管理画面→「設定」→「詳細設定」の該当箇所へいき、「有効」に変更するという箇所をクリックするだけ。 ところが、その後に…

はてなブログの独自ドメインSSL化

このブログ、独自ドメインはお名前.コムを利用しているのですが、最近、お名前.コムから重要と書かれたメールが届きました。 内容は「ご利用のドメインで運用されているWebサイトのSSLサーバー証明書の設定はお済みですか?」というもので SSLサーバー証明書…

はてなブログの「目次記法」

はてなブログの「目次記法」なるものを使ってみました。 初めて使ったので、このテンプレートではどう表示されるのかも知らず、何もカスタマイズしていないので、記事を投稿した私自身、「へー、こんな感じか」と思っている次第です。 はてなブログの「目次…

はてなブログ編集画面からAmazon商品紹介-貼り付け形式に注意

Amazonアフィリエイト、登録はかなり以前からしてありました。 まあ、利用するのは読んだ本のことをブログに書く時にAmazonの商品リンクを貼ったりするぐらいですが。 以前はAmazonアフリエイトのページにログインし、そこからリンクを作成していたのですが…

自動リンクを解除:記事内にURLアドレスを書くと自動的にリンクが貼られてしまう話

今まで全然気づいていなかったのですが、はてなブログの記事内にURLを記述すると自動でリンクが貼られてしまいます。 他のブログではそんなことはなかったので、投稿済みの記事をチェックした時にちょっとびっくりしてしまいました。 そこで、自動リンクを解…

ナビゲーションメニューの設置

今まで当ブログはBlankというデザインを使わせて頂いていたのですが、昨日Minimalismに変えました。 hitsuzi.hatenablog.com このデザインを公開した方がMinimalismのカスタマイズ方法を説明してくれているので、その中のナビゲーションメニューを設置してみ…

パンくずリストの階層化とカテゴリ名を左寄りにする

先日、設置してあったグローバルメニューを一時的に取り外しました。 それと同時に、親カテゴリも削除してしまったのですが、カテゴリの種類が増えてきており、見た目がすっきりしません。 もし自分がこのブログの訪問者だとしたら、カテゴリを一つ一つ目で…

はてなブログのアイキャッチ画像

先日、はてなブログの編集画面右側にある「アイキャッチ画像」についてちらっと触れました。 Google AdSenseの自動広告が消えた - Someday Somewhere この記事(↑)内に書いたのですが、以下のような現象が現れていました。 以前は、記事編集中に画像を投稿…

お問い合わせフォームを設置

Google AdSenseがらみの記事を読んでいると、Google Adsenseの承認を得る条件の一つに「お問い合わせフォーム」の設置を挙げているものをよく見かける。 また、承認を得た後でも「お問い合わせフォーム」が無いことにより突然広告の接続がシャットダウンされ…

ユニバーサルメニューを設置

以前からユニバーサルメニューなるものを一度設置してみたいと思っていました。 ヘッダーの下に表示されるので、サイドバーにあるカテゴリよりも見やすそうだし、ドロップダウンすれば尚更よいかと思い、やってみました。 参考にさせて頂いたのは、あちこち…

プロフィールをちょっと変えてみる

はてなブログのサイドバーには、「モジュールを追加」してプロフィールを設置することができます。 ただ、このモジュールを利用して作成するプロフィールは中身を色々と変えることができません。 でも、せっかくプロフィールを設置するのだから、「サイトを…