メインカテゴリーを選択しなおす
𝕙𝕒𝕫𝕦𝕜𝕚 育休中の時短ワーママハンドメイドを副業にするまでの過程を発信中自己紹介はこちら▶︎▶︎♡♡♡ こんばんは、𝕙𝕒𝕫𝕦𝕜𝕚です♡♡ タイトル通り…
【はてなブログ-カスタマイズ】囲み枠、目次、蛍光マーカーのデザインをCSSで変更
数日前から適用していますが、「囲み枠」「目次」「蛍光マーカー」のデザインを少し変更してみました。少し前に見出しのデザインを変更して、それによって他のデザインも気になってきて変更してみた次第です。関連記事【はてなブログ-カスタマイズ】見出しデザインをCSSで変更どの変更も色合いを調整したくらいのものですが、せっかくなので変更した内容を書いていこうと思います。それではサクッと本題へ。
WordPressおしゃれな点線ドット囲み枠をCSSコードをコピペで作る
WordPressの文章を彩るブロック、囲み枠・装飾枠はどうやって作るの?wordpressをオシャレにしたいのに出来ない方の必殺技!かわいい囲み枠をコピペで作ろうです。CSSのコードをコピペするだけなので、初心者さんにも簡単にできます。オ
コピペでかんたん便利!デフォルト10色から選べる【ワードプレスの囲み枠 全130種】
コピペしてかんたんに使える囲み枠を用意しました! 囲み枠はデフォルトの10色から選べるのでページに統一感がうまれますよ! 各色とも囲み枠5種類、横幅を自動調整する囲み枠5種類、見出しのある囲み枠3種類、合計13種類です。10色あるので、ぜんぶで130種類の囲み枠。囲み枠でブログ記事をどんどん囲っていきましょう!
数日前から適用しているのですが、所々で囲み枠を適用しています。以前、強調したいテキストを蛍光ペンみたいな感じにする対応をしました。 今回の対応はそれに似ています。以前のはテキストですが、今回は「強調したいブロックを枠で囲む」対応です。 強調したいブロック全体を蛍光ペンにするわけにもいかないので、枠で囲んで強調させます。ただなんでもかんでも囲み枠で強調するとポイントが散らかるので、最低限の使用に気を付けつつ。(これは蛍光ペンの時と同様ですね。)ではどんな対応をしたか書いていきます。
ブログのカスタマイズってやり始めるとどんどんやりたくなってしまう。 でも、知識がほぼないのでネットを駆使しなければならず大変。 でも、どうしても既存のデザイ…
マーカーの引き方もわかったので、次は枠で囲む方法を知りたい!と調べていたらはてなブログに「定型文貼りつけ機能」という便利な機能がある事を発見しました。 早速やり方を記録したいと思います♪ 編集サイドバーに「定型文貼りつけ」を表示させる 記事を編集(スマホの場合はPC画面に切り替える) 右端の編集サイドバーの一番下の➕(追加ボタン)をクリック 「定型文貼りつけ」をスライドしてオンにする 編集サイドバーに定型文貼りつけのアイコンが出るようになりました✨ 囲み枠の作成方法 こちらの枠を作る場合 <div style="padding: .5em 1em; margin: 2em 0; border:…