[WordPress]テーマ・Yoctoで編集したファイル名


あくまでも個人的メモです。

対象

CMSのワードプレスのユーザー

テーマ名(themes)

Yocto

用途

テーマをカスタマイズしたい時

私の目的

スマホで閲覧しタイトルを小さくしたいと思ったので変更したなど。その他、他社製タグの挿入、表記の変更など

お願いと注意点

よくわからない方は編集(加工、変更)はされない方がよろしいでしょう。間違った編集をするとテーマが壊れ、最悪、閲覧できなくなります。あくまでも自己責任でお願いします。

あくまでも当方が編集したファイルであり、目的によっては明記していないファイルも編集する必要がありますし、逆に明記したファイルでも読者の方には不要のファイルがあります。

保存する時の文字コード

※サービスプロバイダ、運用サーバーにもよる

UTF-8 日本語を含む場合

EUC-JP 日本語を含まない場合

 

編集したファイル名

archive.php 任意 カテゴリ単位

header.php

index.php 任意

page.php コメント

search.php 任意 検索結果

single.php コメント、前の記事、次の記事

 

template-partsフォルダ内

entry-footer.php

content.php

content-page.php

 

content-none.php

・実質、404ファイルなので日本語表記へ

・<h1 class=”page-title”>を<h2 class=”page-title”>へ

 


スタイルシート

assetsフォルダ内→cssフォルダ内

style.min.css

 

注意点

改行がなくわかりづらいので編集・保存には注意を要する。

 

変更箇所

色と文字サイズの変更。初期値が変更前の値、初期値直前の値が変更後の値

 

h1{font-size:1.3em 初期値:2em

mark{background:#f5f5f5; 初期値:#ffcd00

.site-title{padding-bottom:0;margin:0;color:#fff;font-size:1.7rem; 初期値:2rem

.entry-title{font-size:25px} 初期値:40px

.page-header{padding:.5rem 1rem;border-left:8px solid #ffcd00;margin-top:3rem;background:#ffffff} 初期値:#f2f2f2

.entry-title a:hover{color:#990099} 初期値:#ffcd00

.entry-header{<!– border-bottom:5px dashed #eaeaea –>} 初期値:.entry-header{border-bottom:5px dashed #eaeaea}

※タイトル後の破線を非表示に

.site-main{display:・・・;background:#f3f3f3} 初期値:.site-main{display:・・・background:#fff}

 

補足

px:絶対値。デメリットはブラウザによって文字の大きさが異なる

 

em, rem:相対値。標準のフォントサイズに対する相対サイズ

Q. em, remの違いは?

A. emは親要素つまり自分を含む上位の要素を基準に、remはルート要素(html{}セレクタ)を基準にする。

htmlセレクタの例

html{

font-size: 15px;

}

em:親要素の相対サイズ。親要素の font-size が 32px なら 2em で 64px、0.5em で 16px。「%」も同じ意味

rem:ルート要素の相対サイズ。ルート要素の font-size が 32px なら 2rem で 64px、0.5rem で 16px。

Q. emとremで違いが出る時は?

A. 親要素とルート要素の font-size が異なる時。

例えば親要素が font-size: 20px;、ルート要素が font-size: 15px; と異なったサイズを指定した時、em と rem の結果も異なる。

CSS部分

html{

font-size: 15px;

}

.oya {

font-size: 20px;

}

─ ─ ─ ─

HTML内で使用した時

2em → 40px

2rem → 30px

0.6em → 12px

0.6rem → 9px

 

●参考にさせて頂いたサイト様

https://www.sejuku.net/blog/75559

https://qiita.com/masarufuruya/items/bb40d7e39f56e6c25f0d

 




トップページへ