HTML

CSS

【prism.js導入】WPブログで見やすく、コードハイライト表示する方法

プログラミング系記事を書くのに、欠かせないシンタックスハイライト(コードハイライト)についてまとめました。 また、私がおすすめするコードハイライターの一つ「Prism.js」に関して、導入手順を32枚の画像を使って説明しました。
CSS

【スマホ】レスポンシブで右側に生じた謎な余白(空白)を消す方法

こんにちは、blです。 今回は、 「 スマホ表示で生じた、右側の謎な余白(空白)をなくす方法 」 についてお答えしていきたいと思います。 この記事ではこんな悩みを持った人に向けて書いて...
CSS

【カエレバ-Cocoon仕様】「kaerebalink-image」のCSSを解説

今回はカエレバのHTML内にあるclass名の一つ、「kaerebalink-image」のCSSを解説していこうと思います。 この記事を読むことで、以下が分かります。 kaerebalink-image...
CSS

【カエレバ-Cocoon仕様】「kaerebalink-box」のCSSを解説

今回はカエレバのHTML内にあるclass名の一つ、「kaerebalink-box」に設定されてるCSSに関して解説していこうと思います。 この記事を読むことで、以下が分かります。 kaerebalin...
CSS

【CSS・HTML学習向け】カエレバのHTML構造やCSSを解説

こんにちは、blです。 今回は、 カエレバのデザインを自分好みにカスタマイズしたい人向けに、 カエレバのHTML構造上どんな感じになっているか? HTML上にある各々...
CSS

ワードプレス初心者でも簡単 箇条書き(リスト)同士の間隔(余白)をあける方法

ワードプレスでブログ記事を書いているとかなり活用する「箇条書き(リスト)」。 その箇条書きの中に文章+画像で解説記事を作成することもあると思います。 その時、『箇条書き(リスト)間で間隔があいてなくて、見ずらい』という悩みについて解説した記事となっています。
CSS

【時間の無駄】アンインストールしてもATOMエディタの不具合・エラーが治らない方に解決策を教えます。

ATOMエディタをダウンロードして、使っているうちにおかしな不具合・エラーが生じることがあると思います。 最後の手段としてこの解決策を書きました。