ブログカスタマイズ
今回は、シェアボタンのカスタマイズを行ったので、備忘録がてら、カスタマイズしたシェアボタンの設置方法について紹介します。
はてなブログで、アイキャッチ画像を設定せずに投稿した記事をTwitterでシェアする際に、自動で設定されるサムネイルのデザインが個人的に好みだったので、はてなブログと連携してアイキャッチ画像が作れるCanvaでテンプレートを作ってみました。 ちなみに、…
現状、クラス等は実装していないため、本規約では定義しておらず、実装機会があり次第定義する。 HTML class・id CSS 構造 プロパティ 順序 JavaScript 命名規則 インデントと改行 スペース 変数宣言 ブロックとブレース 文字列 比較演算子 コメント 過度な…
はてなブログで、ページトップへ戻るボタンを実装したので、備忘録がてら、方法を紹介したいと思います。 本ブログでは右下に配置しているので、ボタンを押して使用感を確かめてみてください。 紹介する方法は、jQueryを使用しないもので、WordPressなどのは…
はてなブログでは「見たまま」「はてな記法」といった編集モードがいくつか用意されています。はてな記法などではコード記述用の記法が用意されており、コードの色付け表示(シンタックスハイライト)が簡単にできるのですが、見たままモードではHTMLを編集…
見出しのデザインをデフォルトのものから一新しました。 参考サイトや、このブログデザインのCSSを紹介していきます。 見出し 大見出し 中見出し 小見出し 見出し 大見出し、中見出し、小見出しのデザインを以下のように変更しました。 (※はてなブログなの…
記事本文末尾に著者紹介を挿入するように設定したので、そのデザインや方法を備忘録がてら書いていこうと思います。
問題点 『過去記事貼り付け』などでサイトのリンクを挿入した際、インラインフレーム要素と文字リンク要素の間隔が空いているのが気になるので狭めたい。
今回は、サイドバーに配置したコンテンツをスクロールに合わせて追従させる方法を、備忘録がてら書いていこうと思います。
はてなブログのサイドバーに表示される注目記事のサムネイルに順位を表示する方法を、備忘録がてら書いていこうと思います。
こんにちは、くぜです。 今回は、ブログ投稿日にアイコンをつける方法を、備忘録がてら書いていこうと思います。
こんにちは、くぜです。 今回は、ブログ投稿日の隣に更新日を表示させる方法を、備忘録がてら書いていこうと思います。
はてなブログにて、display: flex;などでリスト(タグなど)を横並びにさせる際、意図しない謎のインデント(空白)が入ってしまい、位置が右にずれることがあります。今回はこの事象の対応策について紹介します。
とある記事を書く際にリモートリポジトリのURLが勝手にリンクされて困ったので、その時の備忘録。