こんにちは！サキナオコです^o^
今日も良いお天気ですね！
いやあ、なんだかプログラミング学習の記事を書いて、総合案内所(https://sakinaoko.com/)へブログカードを貼ろうとしたんですけどね、貼れなくて文字のリンクになっちゃうんですよね。
他のイラストブログのとかはちゃんと貼れてるので、どうやらこのブログで使用しているテーマと相性が悪いのかしら、と思ったわけです。
ちょっと私にはいろいろ機能がありすぎて使いきれてない感じがずう～っとしていましたしね、ちょうどいいかと。
で、もうどなたかのテーマを使うのはやめて、デフォルトテーマで作りました。Twenty Twenty-fourが出てるので、早速それ使ってみましたyo!
ちゃんと子テーマも作成しました。
いやあ、これ書いててよかった。すっかり忘れてましたからね。
で、作成したTwenty Twenty-four-childを使っていろいろ調整、やっとできました。そして、追加CSSで思い通りに操るっていう技もはっきり理解でき、楽しいったら！
多分忘れると思うので記します。
ブログページのどこかで左クリック-検証
するとソースが右に出てくるので、左上の点々□に斜め←マークがあるのでクリック、それでページ内の変えたい箇所をマウスで指すとその部分のクラスがわかる
クラスをコピーして、ブログページの上-サイトを編集-右上白黒の丸をクリック
スタイル横に三点マークあるのでクリックすると「追加CSS」がある
例えば文字のスタイルを変えたかったら、以下のように書く
.コピーしたクラス{
text-decoration:none;
color: #333333;
text-align: center;
}
右画像、.クラスでなくただaとかだとブログ全部のa要素に適用される。
クラスの前の.を忘れないようにする。
ちなみにid指定する場合は#をつける。
いや、奥さん、これで思い通りにかえられちゃうんですよ！すごくないですか？
はあ～たのし。そうそうで肝心のブログカードは貼れたのかって？
はいこれ見てくださいyo!
ねっ！^o^無事貼れました！
1日半かかりましたが、とりあえずこれでいきます。ランキング記事がデータなさすぎて反映されてませんけど。。
これからJSやります！それではまた！
コメントを残す