/* Theme Name: zaratan Author: sarap422 Description: The theme name has no particular meaning. Version: 0.260304% License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ===================================== ## 色設定（style-color-palette.min.css） AI Color: https://aicolors.co/ Mobile Palette Generator: https://mobilepalette.colorion.co/ //SCSS ## $colors1: .is-color スタイル定義用 -------------------- $colors1: ( base: hsl(223, 6%, 100%), //ベース色 secondary: hsl(223, 45%, 97%), //ベース色2 text: hsl(223, 6%, 13%), //テキスト色 primary: #2A417E, //メイン・決定色 //hsl(223, 50%, 33%) primary-pale: hsl(223, 24%, 47%), //メイン（淡薄色） primary-deep: hsl(223, 50%, 23%), //メイン（深濃色） accent: hsl(184, 50%, 43%), //アクセント色 crucial: hsl(340, 71%, 58%), //必須・注目色（朱） error: hsl(13, 99%, 43%), //エラー色（赤） warning: hsl( 25, 99%, 58%), //警告色（黄・オレンジ） success: hsl(123, 46%, 34%), //成功色（緑） notice: hsl(223, 73%, 43%), //リンク・フォーカス色（青） ); $lightness-values: ( 25, //hsl(223, 62%, 99%) 50, //hsl(223, 62%, 98%) 75, //hsl(223, 62%, 96%) 100, //hsl(223, 62%, 93%) 150, //hsl(223, 62%, 89%) 200, //hsl(223, 62%, 84%) 250, //hsl(223, 62%, 79%) 300, //hsl(223, 62%, 74%) 350, //hsl(223, 62%, 68%) 400, //hsl(223, 62%, 63%) 450, //hsl(223, 62%, 58%) 500, //hsl(223, 62%, 53%) 550, //hsl(223, 62%, 48%) 600, //hsl(223, 62%, 43%) 650, //hsl(223, 62%, 38%) 700, //hsl(223, 62%, 33%) 750, //hsl(223, 62%, 28%) 800, //hsl(223, 62%, 23%) 850, //hsl(223, 62%, 18%) 900, //hsl(223, 62%, 13%) ); ## 色名（メモ書き） -------------------- - br //bright（明色） ↔ dk //darksh（暗色） - pl //palish（淡薄色） ↔ dp //deepsh（深濃色） - vv //vivish（鮮色） ↔ dl //dullsh（鈍色） ## Theme（テーマ構成） ---------------------- public_html ├ assets │ ├ 📕pdf （PDF） ─── pamphlet.pdf, ... │ └ 📼video（動画） ─── site4ioA-fcov_vdo1.mp4, ... │ theme ├ style.css ├ functions.php ├ template.php, ... │ ├ 👑commons（子ページとの共有フォルダ） │ ├ shortcodes.php, admin-style.php, ... │ ├ 📁fonts ─ font-face.css, ... │ └ 📁img │ ├ 📁favicon │ ├ 📁logo │ ├ 📁icon │ └ 📁ornaments │ ├ 📜css（CSSだけで完結するもの） │ ├ 📁_cosmetics（下地・部品・調整用CSS） │ │ ├ style-foundations.css（リセット&下地）, │ │ ├ style-color-palette.min.css（下地カラー）, │ │ ├ style-components.min.css（コンポーネント）, │ │ ├ style-utilities.min.css（ユーティリティ）, ... │ │ └ 📁_src │ │ │ ├ 📁_layouts（ly-* ／レイアウト用CSS） │ │ ├ly-header.css, ly-footer.css, ... │ │ └ly-page.css, ly-single.css, ... │ │ │ ├ pg-*.css（pg-* ／各ページ用CSS）, ... │ └ fm-*.css（fm-* ／各フォーム用CSS）, ... │ ├ 🏹js（JSだけで完結するもの） │ ├ 📁_enchants（全ページ共通JS） │ ├ 📁_gimmicks（個別ページ用JS） │ └ etc.js, ... │ ├ 🐲libraries（外部ライブラリ／CSS・JS等の複合体） │ ├ 📁name@ver ─ libla.css, libla.js, ... │ └ library-custom.css（ライブラリ上書き用CSS） │ ├ 🛠️parts（PHP／部品）─── parts.php ├ 🗡️ssi （SSI／部品）─── include.html ├ 📷img （画像） ─── peji4ioA-sct_pht1.jpg, ... └ 🔊sound（音） ─── site4ioA-frnt_snd1.mp3, ... ## メディアレベルコンテンツ -------------------- ### 画像・動画・アイコン・記号、他 picture（画像） : .pict（基本）, .pct（ピクトグラム）, i（アイコン） : .icon（疑似要素）, icngram（icongr.am）, s（図形） : .sign（疑似要素）, .suit（図形）, shape（図形） video,iframe : .caset（動画）, .ytp（YouTube）, .gmap（Google） ※VS Code"html.format.contentUnformatted": "title, pre, code, textarea, p, mn, mi, dfn, ruby, rb, rt" ### 画像名・動画名 ---------------------- ［jpg］ pht : 写真。主に.jpg bg : 背景。主に.jpg tmb : サムネイル。主に.jpg ［png］ pic, : 画像、ピクチャー。主に.png pct : ピクトグラム（画像アイコン）。主に.png logo : ロゴ。主に.png ilt : イラスト。主に.png drw : 地図や設計図、図面。主に.png ［svg］ grm : gram（ダイアグラム）、図表、図式や時刻表。主に.svg glp : glyph（絵文字）、帯テキスト他 ttl : 見出し txt, cpt : テキスト, キャプション num, alp : num（数字）, alp（alphabet：識別子） icn, sut, shp: icon（SVGアイコン）、suit（図形・記号）、shape（意味が特にない図形） cir, elp : cir（丸）, elp（楕円） sqr, rct,... : sqr（正四角）, rct（長方形）, tgn（三角形）, qgn,（四角形） pgn（五角形）, plgn（多角形） arw, spr, hpn: arrow（矢印）, spear（矢印・幅あり）, harpoon（銛矢印） btn, bdg : button（ボタン）, badge（バッジ） ［その他］ calligraph : 手書き文字 ideograph : 表意文字 diagram : 図解、図表 digraph : 合字 epigraph : 文書の巻頭に置かれる題句、銘句、碑文。 photograph : 写真 pictogram : 絵文字、アイコン画像 ［画像名］ 例）pejiFioA-sec_pht1.jpg (ページ名略4桁 + ランダム4桁) + (セクション名3桁) + (画像種・目的) ※26進数(A-Z)末尾とセクション名の最初の文字は大文字（置換時の振り分けがしやすいように） ---------------------- ［mp4］（動画） vdo : vdo（ビデオ） //エンコード: rf, vbr ［動画名］ 例）siteFioA-cov_vdo1.mp4 (サイト名略4桁 + ランダム4桁) + (ページ・用途名3桁) + (動画種・エンコード種) ※26進数(A-Z)末尾とセクション名の最初の文字は大文字（置換時の振り分けがしやすいように） ［補足］ - （ハイフン1個） : Classify（分類／分類名） __（アンダーバー2個） : Zoning（区分け／目的に応じて空間を区分する） _ （アンダーバー1個） : Distinction（区別する） */