WordPress開発者向け

custom.cssとcustom.jsを使って、transjtのテーマに独自のCSSとJavaScriptを追加できます。どちらも、再エクスポートしてもそのまま残ります。

変更を加える場所

transjtのテーマには、独自のコード用に2つのファイルが用意されています。

これらのファイルはtransjtが生成するすべてのファイルの後に読み込まれるため、ほとんどの場合、ご自身のルールが優先されます。

再エクスポートしても安全。プロジェクトをもう一度エクスポートしても、transjtはcustom.cssとcustom.jsをそのまま残します。生成されたテンプレートやブロックは置き換えられることがあるため、調整は生成ファイルではなく、これらのファイルに加えてください。

テーマフォルダーには、transjtでのプロジェクト名が付いています。ファイルは次の場所にあります。

wp-content/themes/<your-project>/assets/css/custom.css
wp-content/themes/<your-project>/assets/js/custom.js

外観 > テーマファイルエディターに移動します。
右上のドロップダウンで、transjtのテーマを選択します。
ファイル一覧からassets/css/custom.cssまたはassets/js/custom.jsを開き、コードを追加してファイルを更新をクリックします。

テーマファイルエディターが見当たらない場合は、ホスティング会社またはセキュリティプラグインによって無効化されています。方法2を使ってください。

変更を反映させるため、その後キャッシュプラグインやCDNのキャッシュをクリアしてください。

ブラウザで要素を検証して、変更したいブロックのクラスを調べ、custom.cssでそのクラスを指定します。

/* Example: more space above the footer */
.site-footer { margin-top: 4rem; }

上のクラス名は一例です。ご自身のテーマで見つけたクラスを使ってください。