Category Archives: WEB

アーカイブと固定ページとの関係

まとめ

固定ページ　＞　アーカイブ
サイト設計（カテゴリー設計）をしっかりと行う
ガシガシ更新（新設）していい
更新後、競合した時は、ファイルを作って強制的に対応するテンプレート階層を確認する

何となくだけど…パーマリンクが競合しているのでは？

slug_01　というカテゴリーのトップページを作りたい時に、どうするのか？

といった話。

前提

パーマリンク設定は、
/%category%/%year%/%monthnum%/%post_id%/

テーマは、
Twenty Twenty-Two v_1.0

階層に優先順位があるのは、知っている。
テンプレート階層

デフォルトでは？

slug_01のアーカイブになる。

slug_01/パーマリンク（ _chi カテゴリーに階層を持たせた）

は以下のようになる。

/category/slug_01/
/category/slug_01/slug_01_chi/

/slug_01/
/slug_01/slug_01_chi/

/archive/slug_01/
/archive/slug_01/slug_01_chi/

は、全て同じページを表示する。

例えば、slug_01の固定ページがある場合はどうなるのか？

固定ページ　slug_01 を作る

/slug_01/

で固定ページが表示される。（アーカイブではない）

ベースの変更

アーカイブが、categoryやarchiveだと、分かりにくので、

ダッシュボード　＞　設定　＞　パーマリンク設定
オプション　の　カテゴリーベース

を変更する。

競合に気をつける
設計をしっかりと行う

WP | Full Site Editing

フルサイトセッティングのテーマを使ってみる

FST ＝ Full Site Editing

TT1 Blocks

このサイトは、他の誰かに見てもらいたいというよりも、自分のメモのためのサイトなので、実験的に使ってみることにする。

案件にもよると思うけど、ブラウザで完結する方が、早いような気がする。

2021/10/18

サイトエディターでフッターを触ってみる。

思い通りには行かないが、

結構使いやすいような感じも受ける。

簡単なレイアウトなら、問題ないのではないだろうか？

自分でカスタマイズしたいこととの調合性がどれだけ取れるかが、気になる。

2021/10/14 インストール

テーマをインストールした。

有効化するためには、「Gurtenberg」（プラグイン）が必要とのこと。

そのプラグインは、デフォルトであるイメージがあったが、インストールをして有効化まで完了。

webサイトをダークモードに対応させる

結論

CSSにコードを記述する　…　だけ

@media(prefers-color-scheme: dark) {
   body {
      background-: #000;
      color: #fefefe;
   }
}

こんな感じでしょうか？

darkmode.scss　を読み込むことになると思います。

私は、background-color は、変数にしているので、

background-: $bgColor;

でしょうか。

なぜダークモードが必要か？

かっこいいから？
そっちが好きな人もいると思う。
一定の環境下では目に優しい

イメージを持たないただのブログなら、必要だと思う。

企業カラーもあるので、必ず必要とは思わないが、必要性を感じるのであれば、追加していいのかな？

要件はなんなんだろうか？

— kokomade —

余談

これは必要？　→ 今の所必要ない　と思う

head meta

<meta name="color-scheme" content="dark">

WP theme を作る

ファイルなど

style.css
screenshot.png

front-page.php
index.php
single.php
page.php
functions.php
archive.php

ファイルの中身は空っぽでも、動くので、随時更新

その他

デザインあん
ガイドライン
- デザイン
- コーディング
sass

名前を何にしようかな

empty skeleton layer … 面白く無いから、動物の名前にしようかな（全く意味はない）

かっこいいヤツ

「white panther」 WPなだけに

2021/07/24 追記

テーマの考え方が大きく変わろうとしている気がする。
詳しくは調べてみないと分からないけど、5.9以降でお試し？
さらに、6から大きく変わるのか!?

ついていけるのかな？？

Visual Studio Code : 拡張機能

SFTP

セッティングで躓いて、そのまま放置

以前は使えていたと思うけど、なんでだろう？

ある方がかなり便利だけど、気をつけて使いたい。

サーバーで秘密鍵の準備 ppk

コマンドパレットを開く　⌘ + shift + p
SFTP:config を実行する
sftp.jsonが作成される

sftp.json

{
    "name": "PivotDesignBox.com",
    "host": "localhost",
    "protocol": "sftp",
    "port": 0000,
    "username": "username",
    "remotePath": "/",
    "uploadOnSave": true,
    "ignore": [
        ".vscode",
        ".git",
        ".DS_Store",
        ".md",
        "psd"
    ],
    "privateKeyPath": "/",
    "syncOption": {
		// 削除を同期する
		"delete": true,
		// 新規作成ファイルをスキップする
		"skipCreate": false,
		// 既存ファイルの更新を除外する
		"ignoreExisting": false,
		// ローカル側が新しい場合のみ更新する
		"update": false
	}

}

Project Manager

Work-speaceを管理するもの

workspace の移動が楽になった

カテゴリー VS 固定ページ

実験結果

archive (カテゴリーの投稿リストのページ) が表示される。

テンプレートやら、階層の話なんですが…

階層について色々考えていたら、よく分からんようになってしまった。

おそらく、アーカイブの方が優先されると思う。

WPをデフォルトでそのまま使いたい時、

カテゴリーのスラッグを「AAA」、

固定ページのパーマリンクを「AAA」とした場合、どうなるのか？

つまり、スラッグと固定ページのパーマリンクは別の方が良い。

できるだけ、手間をかけたくない。

多分、テンプレートを作れば対応できる？
できない気がする。

もしかしたら、

page.php をコピーする
名前を変える　page-AAA.php or page-id.php
固定ページのテンプレートをAAA.php にする

で、対応できると思う？

いやいや、複雑なような気がする。

やっぱり別々の名前にした方がいいと思う。

いや、昔できてたような気がする。

詳しくは、Wikiのテンプレート階層を確認

結局

テンプレート増やしたり、アレコレせず…必要以上にいじくり回さん方が使いやすいのよ。

Pivot Design Box

WordPress site