アゴ乗せ日記

適当なポジティブ日記

ブログ運営

【はてなブログ】開設30日達成!!アクセス数や収益公開【振り返り】

前置きはなし 1日目 - 夢の旅路 ワイブログ始めるわ!広告収入が入ったら電気代にあてよう 妻いいと思います 2020年1月22日に初投稿。 当時の自分 会社のブログ(Wordpress)で技術系の記事を書いていた どうせなら自分でブログ立ち上げて広告収入もらえたら…

【はてなブログ】会話風吹き出しに名前を追加する【初心者OK】

以前の記事で会話風吹き出しを作った www.agonose-nikki.com 当初は私と妻の2人だったが、今後増えそうなのでその対応。 すぐできちゃう 以下のコードで吹き出しが表示できるのは前回の記事でやった。 <p class="chat papa-default">どや</p> この記事にコードを追加していく <p class="chat papa-default"><span>パパ</span>どや</p> デザイ…

【はてなブログ】会話風吹き出しのやり方【初心者OK】

我がブログにも会話風吹き出しを入れたい! 時は来た。それだけだ。 作るもの こんな感じ やること 画像のアップロード デザインCSSの反映 画像のアップロード まずは画像アップロード!とその際に画像のURLをコピーするところまでやっていきます。 画像のUR…

【はてなブログ】スマホページにヘッダーメニューを追加して見やすいサイト作りを目指す

はろー このサイトのスマホページを見ていてふと気づいたが、 カテゴリ別の一覧ページに飛ぶリンクが見当たらない。 育児や、技術系の記事が混在しているので、ナビゲーションがあった方が読者にとっては目的のページを見つけやすいと思った。そんなに読者は…

【はてなブログ】順序ありリストと順序なしリストのスタイル変更(後編)

前回PC版を修正したので、 今回はスマートフォン版の修正です。 現状 もっと熱くなれよ! 修正 今回もまだレスポンシブ対応できていないので、 デザイン > スマートフォン > 記事 > 記事上の<span></span>の中にCSSを追記していきます。 .entry-content > ol { counter-re…

【はてなブログ】順序ありリストと順序なしリストのスタイル変更(前編)

はろー。 前回見出しを見やすくしたので、 www.agonose-nikki.com 今回はリストを見やすくしていきやす。 現状 イケてない。 これだと流し読みした時に見逃してしまう。 修正 .entry-content > ol > li にスタイルを当てていく。 .entry-content { /* 省略 *…

【はてなブログ】記事内の見出しを見やすくする

こんにちは。 今日は嬉しいニュースが! じゃじゃん! アゴ乗せ日記の今月のPVは100を突破しました! 誰かに見てもらえたということが本当に嬉しいし、ありがとうございます! これからもテキトーに頑張ります! おっしゃ、今日は記事内の見出し部分を見やす…

【はてなブログ】カテゴリーのデザイン変えてみた

どもども。 カテゴリって1記事に複数つけられるのね。(最近知ったぜ とりあえず修正 以下はSCSS表記ですが、sassmeisterっていうサイトを使えば以下のコードを通常のCSSに変換してくれるので、デザインCSSに直接貼り付けたい場合は使ってみてください。 .ca…

Amazonアソシエイトの審査落ちたけど、もしもアフィリエイト経由で受かった話

どもアゴです。 誰や!Amazonアソシエイトの審査ゆるいって言ったやつ!(誰も言ってません まぁ、全然落ち込んでないけどね。 ... 許せないっ... 審査当時の状況 たぶん13記事くらい Amazon購入履歴あり(Prime会員) 記事の中身はかなりラフな感じ だいた…

【はてなブログ】メニューアイコンの追加

すでにこのサイトはカスタムメニューが存在しますが、 カテゴリが増えたので追加修正。 カテゴリ追加 ブログ運営ってのが増えた。 管理画面からデザイン>カスタマイズ>ヘッダ>タイトル下の入力欄に以下のように追加 <div class="header_menu"> <ul class="header_menu_list"> <li><a href="https://www.agonose-nikki.com">トップページ</a></li> <li><a href="https://www.agonose-nikki.com/archive/category/%E8%82%B2%E5%85%90">…</a></li></ul></div>

【はてなブログ】パンくずリストのデザイン修正

このサイトのデザインを確認してたところ パンくずリストが残念なことになっている デザインのセンスがないアゴでもこれはアカンってのがわかる。 さっそく修正の前に デザインCSSのコメント文って何なんなんだ? /* <system section="theme" selected="afternoon"> */ @import "/css/theme/afternoon/afte</system>…