WordPressWordPressにStinger8を導入してから、前回はフォントサイズの変更をしてみました。あまりにシンプルで、知識のない私には少し難しいのかも・・なんて思いながらも、はじめたからにはやるっきゃない!と、今度は見出しのhタグの装飾の変更をしてみました。スポンサーリンクh2・h3・h4など見出しタグは基本かなりシンプルなものです。h2タグはこのままでいいかなと思ったのですが、h3とh4は変更したいと思いやってみました。hタグの変更のしかたと、タグにアイコンをいれる方法です。元々のhタグは図のようなものでした。波空h3のシンプルな下線だけのものにアイコンを追加してみました。Awesomeとは?波空ウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスなんです。猫にゃんWebアイコンフォントってなに?波空ウェブページ上で文字と同じように表示できるアイコンのことだよ(^^)猫にゃんふむ。画像でアイコンを貼るのと違って、拡大してもぼやけないし、色もサイズも簡単に変えることができるのね。波空FontAwesomeを使うために少しだけ準備がいります。猫にゃんなんか面倒だにゃん波空そんなでもないよ。Stinger8のテーマに追加するだけ。猫にゃんまたまた、CSSとかいじるんだヨネ・・・大丈夫かにゃ。波空1行加えるだけだから、大丈夫(^^;やり方は次の通りね●CDNという「専用のサーバー上にある画像やフォントなどのデータ」を読み込んで自分のWebサイトに表示させる仕組みを使います。アイコンをダウンロードして自分のサーバーにアップロードしなくても使うことができるんですね。WordPressのダッシュボードで「外観」⇒「テーマの編集」へいきます。▼をクリックして「Stinger8」(親テーマ)にします。「選択」をクリックすると右側にテーマファイルの一覧が表示されます。テーマファイルの「テーマヘッダー(header.php)」をクリックします。次のコードを<head>〜</head>の中に貼り付けます。rel=”stylesheet”>よく分からなければ</head>の直前に貼ればOKです。「ファイルを更新」をクリックします。これでアイコンフォントの使用準備は完了です。Awesome』のサイトにいきます。波空FontAwesome5とは、2017年末にリリースされたFontAwesomeの最新バージョンですね。FontAwesome5には、無料プランと、有料のPROプランがあります。ちなみに、旧バージョンのFontAwesomeはこれまで通り使い続けることができます。画面上の「アイコン」をクリック、使いたいアイコンを探します。猫にゃんいっぱいあるにゃ。探したアイコンをクリックすると詳細ページが開きますよ。アイコンの上にコードが表示されています。アイコンのコードをCSSへ記述してカスタマイズします。猫にゃんこの四角で囲んだのがコードだにゃ。実際にh3タグを装飾してみます猫にゃんここでダッシュボードの「外観」⇒「テーマの編集」にいって記述するわけだにゃ。なっていることを確認してから、スタイルシートの最後にh3タグの装飾を追加します。波空、間違えないように慎重ににゃ。「ファイルを更新」をクリックします。するとh3がこうなります(^^)。猫にゃんおぉ頭にアイコンがついたにゃ波空f0c6この部分がアイコンの種類。ここを変更するだけでアイコンを変更出来ます。*/」の部分を変えると好みの色にできます。色を探すにはいろんなサイトがありますが、参考までにこちらで。スポンサーリンクh4タグの変更h4タグはタイトルの左にボーダーを追加してみました。h4{background-color:transparent!important;}h3タグと同様に子テーマのスタイルシートに追加で記述すればOKです。変えただけだけど、やり方がわかったらこれからいろいろできるから。今回はここまで(^^)猫にゃん変更がちゃんと反映されないこともあるにゃ。変更が反映されていないようならブラウザをリロードすると反映されます。それぞれのブラウザによってやり方が違うので次のページでやり方を確認して試してみてください。コメントをキャンセルメールアドレスが公開されることはありません。ENTRYコロナウイルス予防のアルコール消毒液の作り方!売りきれなら自作を毎日のようにコロナウイルスのニュースが飛びかっています。ウイルス予防にも?最近では外出の時、マスクをしている人を多く見かけます。公衆電話のかけ方知らない人が増えている?!普通の時と緊急災害時めっきり少なくなった公衆電話。自転車の違反て意外と知らないことが多い?つい、でも罰金は5万円!身近でもみかける自転車事故や違反。自転車保険加入が2020年4月から東京都でも義務化って知ってた?自転車保険の義務化?日頃自転車利用の多いので気になる話題です。→もっと見るプロフィールこんにちは。映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。