投稿日:

HTMLで分数を表記する方法

数学でよく使われる分数ですが、インターネット上で表記するのは、かなり難しいですね。

1/6

下記をコピー＆ペーストして使ってください。

↓　↓

<span class=”texhtml” lang=”en” xml:lang=”en”><span class=”sfrac nowrap” style=”display: inline-block; vertical-align: -0.5em; font-size: 150%; text-align: center;”><span style=”display: block; line-height: 1em; padding: 0 0.1em;”><i>1</i></span><span style=”display: none;”>/</span><span style=”display: block; line-height: 1em; padding: 0 0.1em; border-top: 1px solid;”><i>6</i></span></span></span>

 

赤文字になっているところが分子と分母で青文字のところがフォントサイズです。使うことは少ないかもしれませんが、ご参考にして頂ければ幸いです。

投稿日:

Twenty Seventeen のリンク色を変更する方法

Twenty Seventeenのリンク色を管理画面からカスタマイズする方法

 

WordPress 4.7.3　Twenty Seventeen1.1でカスタマイズしています。

管理画面＞テーマの編集＞スタイルシート(style.css)の画面で

Ctrl＋Fを押し右上に出てきた検索画面にHover effectsと入力すると 探しやすいです。

 

 

 

 

 

 

 

 

リンク色の変更

①文字の色を黒【color; #222】→青【color: #0000FF;】に変更
②下線の色を黒【rgba(15, 15, 15, 1);】→青【rgba(0, 0, 255, 1);】に変更

ご自分のお好みでカスマイズして下さい。

HTMLカラーコード　　カラーコード変換ツール

これでリンクの色は青になりましたが、リンクの下の線がありません。

もう少し下にスクロールすると
↓　　　　↓

 

reba(255, 255, 255, 1)になってます。これは白なのでこのタグも変更します。

 

リンクの下線を白→青に変更

reba(255, 255, 255, 1)をreba(0, 0, 255, 1)に変更

因みに・・・

box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);の部分を

box-shadow: inset 0 -1px 0 rgba(0, 0, 255, 1);に変更したら、

表題やサイドバーに表示しているカテゴリーなど全てのリンクに青の下線がつきました。

 

Twenty Seventeenのホバー色を管理画面からカスタマイズする方法

 

Twenty Seventeenのホバー色は黒系でオレンジ系の色に変更しました。

11.0 Featured Image Hoverのすぐ上にあるタグを探して

 

ホバー色の変更

①【color: #000;】をオレンジ【color: #FF8000;】のタグに変更。

②【rgba(0, 0, 0, 1)】 の部分を同様のカラータグ【255, 128, 0, 1】にします。

※下線の太さを変更したい時は3pxより値の少ない数値にして下さい。

 

ご参考にして頂ければ幸いです。