ワードプレスの任意の要素ににp5.jsを実装する

2022.1.10 更新

皆さまごきげんよう。

本日は前回の記事、「ウェブサイトの任意の要素ににp5.jsを出力する」の実践編として、ワードプレスの任意の要素にp5.jsを表示させてみようと思います!(最初から読んでみたい方はこちら↓も合わせてご覧くださいませ)

目次

  1. p5のsketch.jsファイルを用意する
  2. sketch.jsファイルをphpファイルに読み込ませる
  3. ワードプレスに外部ファイルを読み込ませる
  4. まとめ
“ワードプレスの任意の要素ににp5.jsを実装する” の続きを読む

ウェブサイトの任意の要素ににp5.jsを出力する

2022.1.10 更新

皆さまごきげんよう。

本日は前回の続き、p5.jsで作ったスケッチを任意の要素に出力してみようと思います。

前回の記事はこちら→ウェブサイトの背景画像にp5.jsを使う方法

目次

  1. p5でsketch.jsファイルを作る
  2. htmlファイルを作る
  3. 任意の要素ににp5.jsを出力する
“ウェブサイトの任意の要素ににp5.jsを出力する” の続きを読む

wordpressのサイトをPWA化させてみよう

2022.1.10 更新

皆さまごきげんよう。
本日は、webサイトのpwa化をやってみましょう。

目次

1.アイコン画像を作りwordpressに設置する
2.manifest.jsonファイルを設置する
3.serviceWorker.jsを設置する
4.header.phpにファイルを読み込む記述をする
5.ホーム画面に追加してみよう
6.追記

“wordpressのサイトをPWA化させてみよう” の続きを読む

履歴書に書ける!Googleの認定資格にチャレンジしてみた

2022.2.12 更新

本日は、履歴書にも書ける「googleの認定資格」にチャレンジしてみた感想や勉強方法などについてお届けします。

目次

“履歴書に書ける!Googleの認定資格にチャレンジしてみた” の続きを読む

Petalica Paintで自動着彩を試してみたよ

2022.9.18 更新

皆さまごきげんよう。
突然ですが、もう全部自動化したくないですか?

最近はなんでもかんでも「AIだ、自動化だ」と言うのが流行っておりますが、そろそろ所有者の文体や絵の癖なんかを学んで、下書きまで自動でやっておいてくれるOSとか出現したらいいのになぁ…なんて、都合のいい未来を待ち望む今日この頃です。

さて本日は、今話題の自分の描いた絵に自動で色を塗ってくれるという神サービス、Petalica Paintを試してみましたよ。

Petalica PaintへGO!

“Petalica Paintで自動着彩を試してみたよ” の続きを読む

jQueryで背景画像を時間で切り替える

2022.2.12 更新

皆さまごきげんよう。

本日は前回の続きになりますので、ぜひご覧ください。

jQueryで画像を書き換える

jQueryでワードプレスの背景画像を時間で切り替えを実装してみます。

今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。

目次

  1. ワードプレスのテーマフォルダの中にjsファイルを作る
  2. header.phpに外部ファイルの読み込みコードを書く
  3. jsが動かない時の対処法
  4. srcとsrcsetとは
“jQueryで背景画像を時間で切り替える” の続きを読む

ワードプレスでシンタックスハイライトをJavaScriptで実装する方法

2022.2.12 更新

皆さまごきげんよう。

さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。

以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。

もうプラグインに頼るのは諦めるしかない(´ω`。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。

“ワードプレスでシンタックスハイライトをJavaScriptで実装する方法” の続きを読む

ワードプレスの新エディタGutenbergが使えない場合の解決法

2022.2.12 更新

皆さま、ごきげんよう。
サイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。

とりあえず旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います!

“ワードプレスの新エディタGutenbergが使えない場合の解決法” の続きを読む

コンテンツをプロテクトしてくれるcss

2022.1.10 更新

皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、

画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark

うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ;゚Д゚)))

そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。

“コンテンツをプロテクトしてくれるcss” の続きを読む

©2022 freyjasrm.com