[node] バージョン管理をnodistからnvmへ変更

カテゴリ:
Web
javascript
| トラックバック(0)
投稿者:yo yo

下記よりセットアップファイルを落としてnvmをCドライブ直下にインストール

nvm list available nvm install (バージョン) or latest nvm use (バージョン) npm -v node -v

[その他] テキストを入れ込んだPDFをXPDF、Popplerするとエラーが出る時の対処

カテゴリ:
Web
その他
| トラックバック(0)
投稿者:yo yo

大抵は埋め込まれたフォントファイルがないとかでシンタックスエラーが出るので、Popplerを使い、Poppler-dataをshareフォルダにインストールすればエラーが減る。必要に応じてフォントファイルをぶち込んでいく。

[Wordpress] Shibbolethプラグインを入れて有効にすると.htaccessが書き換わる

カテゴリ:
Web
Wordpress
| トラックバック(0)
投稿者:yo yo

そのまま管理画面をリロードしようとすると500エラーになるので落ち着いて対処すること。

[Wordpress] Gutenbergのカスタムブロック作成で始めるReactプログラミング

カテゴリ:
Web
Wordpress
| トラックバック(0)
投稿者:yo yo

流れ(Windows 10 VScodeを想定)

  1. Nodeをインストールする。
  2. テーマフォルダなどへ移動して`custom-block`とか解り易い名前のフォルダを作る。
  3. 作った`custom-block`フォルダへ移動して`npm init`して`package.json`を作る。entry pointは`build/index.js`とかにしておく。
  4. `Run npm install --save-dev --save-exact @wordpress/scripts`でWordpressのパッケージをインストールする。
  5. package.jsonを開いてビルドコマンドを追記する。
    ``` "scripts": { "start": "wp-scripts start", "build": "wp-scripts build" }, ```
  6. シェル・コマンドプロンプトを開いて開発時は`npm start`を、本番用ファイルは`npm build`でファイルが作成される。
  7. `custom-block`フォルダ内に`src`フォルダを作成し、index.jsを作成する。
  8. `custom-block/src/index.js`に独自ブロックjsをインポートさせるjsを書く。
  9. `custom-block/src/user-block01.js`を作成して、独自ブロックのjsを書く。
  10. テーマフォルダ内の`functions.php`へ、カスタムブロックをWordpressへ読み込むPHPを書く。`custom-block/custom-block.php`とかで別ファイルにして読み込ませても良い。公式ではプラグインとして登録させるようになっているがどっちでもよい。
  11. コンポーネントのGithubコンポーネントリファレンスを見て使いたいタグを使う。Reactのコンポーネントも使える。Wordpress Gutenberg よく使いそうなコンポーネントまとめも解り易いのでみる。

続きに、ファイルの例を記載する。

[Wordpress] Windowsのローカル環境でPHPUnitが動かない時の対処法

カテゴリ:
Web
Wordpress
| トラックバック(0)
投稿者:yo yo

PHP Warning: require_once(/tmp/wordpress//wp-includes/class-phpmailer.php): failed to open stream: No such file or directory in C:\Users\%User%\AppData\Local\Temp\wordpress-tests-lib\includes\mock-mailer.php on line 2

Windows10でWordpressのプラグインを作成し、ユニットテストをしようとして動かない時、WP-CLIで作成したテスト用のWordpressの設定ファイル、wp-tests-config.phpに記載されているABSPATHをWindows用に修正する必要がある

# User\AppData\Local\Temp\wordpress-tests-lib\wp-tests-config.php
define( 'ABSPATH', 'C:\ユーザ名\AppData\Local\Temp/wordpress/' );

最近のコメント

アイテム

  • 190327img01.jpg
  • 181219img01.jpg
  • 161114img01.jpg
  • 160809img01.jpg
  • 150420img03.jpg
  • 150420img02.jpg
  • 150420img01.jpg
  • 150412img01.jpg
  • 150108img04.jpg
  • 150108img03.jpg

ウェブページ

ページの先頭に戻る