レンチマーク

ニコニコからはてなブログに移ってきた人で、はてなブログのそのままだと別のテーマにしても、あのテーマのあの文字の大きさ良かったなーとか、行間が～とか色々出てくると思います。そういう方はCSSを使ってみましょう！ここではCSSを使って少しでも変更したい！って人用に記述例として、私が使ってるのを貼り付けておきます。（一部使ってないのもありますが）あくまで記述例ですので、詳しく知りたい方は検索してみて下さい。

はてなブログのidを非表示にしたい人 「はてなブログでブログを書いているんだけどプロフィールとかにidの表示があるんだよなあ。 あれ消したいけどどうやるんだろうか。 教えてほしいな。」 こんなお悩みにお答えします。 【この記事でわかること】 はてなブログでidが非表示にする方法 はてなブログidを非表示にするメリット・デメリット はてなidの表示はあまり気にしなくてもいいのかもしれない こんにちわ。 紅蓮です。 はてなブログで記事を書いていて、id表示されていることに気が付いてぎょっとすることってありますよね。 そして、 「こんなidいっぱい表示されるなんてこわい。 非表示にしたい」 と思われ…

Googleアドセンスにはてなブログで合格したい人 「Googleアドセンスにはてなブログで申請をしているんだけど何回出しても審査落ちするんですよね。 もうどうしたらいいのかわかりません。 誰か助けて。」 こんなお悩みにお答えします。 【この記事でわかること】 Googleアドセンスに審査希望を出す前に知っておきたいこと はてなブログでGoogleアドセンスに合格するまでにやったこと アドセンスの審査に再申請をする前にしておきたいチェックリスト こんにちわ。 紅蓮です。 「はてなブログで記事を書いていて、収益がほしい。」 そう考えるのは当然のことですよね。 でも申請したけど来るのはなぜか悲しい…

2021/03/22 : スクリプトを修正しました。内容は変更履歴をご参照ください。 サイドバーのカテゴリー部分を階層化するパーツを作りました。 はてなブログ用のカテゴリーパーツは既に何人かの方が実装されていましたが、オリジナルな実装を作成しました。多段階層が可能であることと、親カテゴリーはあってもなくてもOKなところが特徴です。 できること 親カテゴリーのリンクなし 親カテゴリーのリンクあり パーツの設置方法 カテゴリーの設定変更 「カテゴリー名」と「見出し」の変更 （Advance）記事ごとに親カテゴリーを追加 パーツの設置 JavaScript の設置 CSS の設置 パーツの設定変更 …

目次と見出しに入れ子の連番を追加する方法です。 見出しに「1-1」や「2-3-1」といった章や節にあたるような番号を付加し、読んでいる位置を分かりやすくすることが目的です。 変更内容 目次の変更 見出しの変更 補足）はてなブログは通常 h3, h4, h5 が使われるようです 変更方法 変更手順 追加CSS 説明 記事内の目次への連番付与 疑似要素 :before カウンター カウンター変数の用意と初期化 カウンターの値のカウントアップ カウンターを使った文字列を生成 記事内の見出しへの連番付与 カウンター カウンター変数の用意と初期化とカウントアップ カウンターを使った文字列を生成 変更内容…

見出しのデザインを変更する方法です。ここで言う見出しとは <h3>...</h3> などのタグを指します。まあ、 CSS をちょい足ししただけですけど。 変更内容 補足）はてなブログは通常 h3, h4, h5 が使われるようです 変更方法 変更手順 追加CSS 説明 変更内容 記事内の見出しが下記のようなデザインになりました。 見出しのデザイン変更 補足）はてなブログは通常 h3, h4, h5 が使われるようです 以下、蛇足ではありますが、、、 設定の「編集モード」を「見たままモード」か「はてな記法モード」にしている場合は、 h3 , h4 , h5 の3つが使われることになります。エディ…

ページの上部にグローバルメニューを追加する方法です。別の記事で実施方法を書きましたが、当ブログはカテゴリーを3段まで使っています。グローバルメニューでは2段まで表示させています。 カテゴリーの記事はこちらでした。 multimineral-tech.com こちらを使いました 変更内容 変更方法 HTML, JavaScript の変更手順 追加 HTML, JavaScript jQuery の読み込みを削除（他で読み込んでるから...） スクリプトを書き換える (1) Ready 関数を脱 jQuery (2) 横幅の取得関数を innerWidth に変更 (3) ブレークポイント（表示…

カテゴリーを階層化する方法です。以下の2点が変わります。 サイドバーのカテゴリー欄が階層構造になる。 記事上部にパンくずリストが追加される。 尚、カテゴリー欄が階層構造だけ対応し、パンくずリストは追加しないことも可能です。 こちらを使いました 変更内容 変更方法 JavaScript の変更手順 追加 JavaScript CSS の変更手順 (2021/01/28 追記) 追加CSS (2021/01/28 追記) カテゴリーの作成ルール カテゴリーの変更手順 カテゴリー自体の変更 記事毎のカテゴリーの対応とカテゴリーの追加 パンくずリストの追加手順 こちらを使いました こちらのスクリプトを…

強調文字が太字だけだと目立ちっぷりが足りないので、蛍光マーカーを引いたような見た目に改造する方法です。 変更方法 変更手順 追加CSS 変更結果 説明 変更方法 エディタの「B」ボタンで強調した部分の装飾です。 Markdown で書くと **強調** の部分に当たります。 変更手順 管理画面から以下のようにたどります。 デザイン ＞ レンチマーク ＞ デザインCSS ここに追記をします。 追加CSS .entry-content strong { background: linear-gradient(transparent 30%, #a6d9fe 30%); font-weight: b…

DVDFab DVD 作成は簡単・便利に活用できるDVD作成無料ソフトです。PCに保存してある動画やビデオカメラを使って撮影した動画をDVDに焼く（書き込む）ことができます。大切な動画をDVDに保存することで、誤って動画データを削除してしまうなどの事故を防ぐことが出来る上、DVDプレーヤー等を利用して、車内や家庭内で楽しんでいただくことができます。それでは早速、DVDFab DVD 作成の使い方をご説明します。 目次 DVD焼くソフトの特徴 DVDに焼く操作方法の概略 DVD 作成のポイント 特徴 まずは、このソフトの特徴について簡単にまとめます。① あらゆる動画をDVDディスクに簡単書き込め…

このブログのレイアウトを自分でカスタマイズをしています。この投稿でその内容を公開しますが、基本的には自分のための備忘録です。 全体的な知識 カスタマイズのコードを貼るところ 色見本 はてなブログにコードを書く方法 Font Awsomeの使用 カスタマイズ内容 ブログ本文 アンダーラインを蛍光ペン風にする 目次デザインの変更 見出し サイドバー 追従するサイドバー ソースコードを一括選択 全体的な知識 カスタマイズのコードを貼るところ ダッシュボード＞デザイン＞カスタマイズ（レンチマーク）→デザインCSS です。 色見本 原色大辞典でカラーコードを確認しています。 www.colordic.o…

続きです kimigauchu.com 年末からずっと（正月無視して）写真整理してます・・・・ 移行の方法はこちらに詳しい記事が masagrant55.hatenablog.com 登録する プラン選択 アルバム作成 Flickrにしかない写真をローカルへダウンロードする FlickrからSmugMugに直接アップロード アップロード後のSmugMug上の編集 タイトルなどを編集する 削除する 一括編集する 公開範囲を変える アルバムの表示順を変える ギャラリー→別のギャラリーへ移動する Lightroomからアップする 双方向に同期しない？ さらにLightroom Mobileは別 Ad…