studiodoli

[studiodoli]

Wordpressのコードジェネレーター

[studiodoli]

Webpackで階層を維持してファイルをコピーするプラグイン。 なかなか見つからなかった… こちらも参考に…

[studiodoli]

CSSの縦書きで文字の中心がずれる

font-feature-settings: initial;

OpenTypeフォントの文字詰めを行う機能

[studiodoli]

--- 7z a -tzip -scsWIN 出力ファイル名 圧縮するファイル・ディレクトリ

---

Windowsで文字化けしないようにするには -scsWINオプションが重要

[studiodoli]

WebpackでHTML

[studiodoli]

webpackとLinterとFormatter

[studiodoli]

いい加減、webpack導入を考えなければ…。

[studiodoli]

importとrequireの対比表がわかりやすくて良いです。

[studiodoli]

iOS13以降でもスクロールバー表示させるのって、結構面倒なんですね。 ★CDNから以下を取得

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.4/simplebar.min.css" integrity="sha512-rptDreZF629VL73El0GaBEH9tlYEKDJFUr+ysb+9whgSGbwYfGGA61dVtQFL0qC8/SZv/EQFW5JtwEFf+8zKYg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.4/simplebar.min.js" integrity="sha512-K//QeDiscFFAs5yljnbZCuoAmzv5KdtVY0W70WLQZ+BFCxi4PotspvxZwpaGJOao2l4oIQhgsHX5tHxyRe+YYw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

★HTMLで対象タグの属性に以下の記述追加

data-simplebar data-simplebar-auto-hide="false"

★CSSで以下の設定

// スクロールバー本体の例 .simplebar-scrollbar::before { background: #28385E; border-radius: 4px; width: 4px; margin-left: 2px; margin-top: 2px; } // スクロールバー本体の透明度（デフォルトは透明なので） .simplebar-scrollbar.simplebar-visible::before { opacity: 1; } // スクロールバーの背景部分の例 .simplebar-track { background-color: #FFBC61; }

[studiodoli]

よく使いそうなwp-cliコマンド

[studiodoli]

日々、頭をアップデート。

[studiodoli]

2023 Wordpress開発

Docker + Gulp + browser-sync + wp-env + wp-cli

--

★wp-envの使い方

npm run wp-env [option] npx wp-env [option]

★wp-cliの使い方（wp-envにインストールされているwp-cli）

npm run wp-env run cli wp [option]

npx wp-env run cli wp [option]

[studiodoli]

Letsencrypt certbot 更新

$ cd [docker-compose] $ docker-compose run --rm certbot renew //動作確認だけなら docker-compose run --rm certbot renew --dry-run

[studiodoli]

【git エラー】パーミッション変更するとマージできない。

gitでpushすると以下のエラー。 [code]error: Your local changes to the following files would be overwritten by merge:[/code] おかしい。ファイル変更していない。

原因は「ファイルのバーミッションを変更していた」でした。

パーミッション変更を無視する設定をします。 [code]$ git config core.filename false[/code]

[studiodoli]

Blender 放射で光らないぞ

レンダープロパティの「ブルーム」にチェックを入れましょう。

[studiodoli]

2022版 自分用 font-family

★標準設定

font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', YuGothic, 'Yu Gothic medium', 'Yu Gothic', Meiryo, sans-serif;

★Winテスト用（ヒラギノ無し版）

font-family: YuGothic, 'Yu Gothic medium', 'Yu Gothic', Meiryo, sans-serif;

フォント名の日本語表記は、自分の環境下では不要だったので「まあいいかな」と判断しました。

ポイントは游ゴシックの「medium」を追加している点。これはmediumを設定しないとWindowsでは文字の線が細くてかすれたように見えてしまうため。font-weightを400から500に変更すれば改善するが、そうするとMacで太くなってしまうため。