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

2022.1.10 更新

皆さまごきげんよう。

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

目次

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

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

2022.1.10 更新

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

目次

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

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

時間経過で自動的に背景画像が変わる!jQueryを使った背景画像の切り替え方

2022.1.10 更新

皆さまごきげんよう。

今回はjQueryを使って背景画像を時間で切り替える、ということをやってみます。

目次

“時間経過で自動的に背景画像が変わる!jQueryを使った背景画像の切り替え方” の続きを読む

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

2022.2.12 更新

皆さまごきげんよう。

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

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

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

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

ウェブサイトに雪を降らせる!jQueryの背景アニメーションの作り方

2022.1.10 更新

皆さまごきげんよう。

本日は、前回のjQueryで雪を降らせてみようのファイルを元に、ワードプレスの背景に雪を降らせてみようと思います。

目次

  1. cssをワードプレス用に書き換える
  2. ワードプレス用にjsファイルを作る
  3. ワードプレスに外部ファイルを読み込ませる
“ウェブサイトに雪を降らせる!jQueryの背景アニメーションの作り方” の続きを読む

Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜

2022.1.23 更新

皆様こんにちは。

本日は、ワードプレスでピンタレスト風レイアウトに挑戦してみようと思います。

前回の記事「ワードプレスプラグインCustom Post Type UIの使い方」の続きになります。こちらを読んでいただくとより理解が深まりますので、ぜひ目を通してみてくださいませ。

さて、前回はカスタム投稿タイプでgalleryという投稿ページを新たに作ってみましたが、今回はそれをJSライブラリ「Masonry」を使って、コンテンツをレンガ状に並べて表示させてみようと思います。

ちなみにmasonryとは石工[れんが工]職、石[れんが]造りの建造物、石造建築っていう意味なんですね。

“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜” の続きを読む

ワードプレスの翻訳ファイルを書き換えるの巻

2022.1.29 更新

皆さまごきげんよう。

本日はワードプレスで子テーマの翻訳ファイルをいじって、日本語表記を他言語表記に書き換えてみます。

目次

  1. 日本語表記を多言語表記に書き換えとは
  2. moファイルとpoファイルについて
  3. Poeditをインストールする
  4. function.phpファイルに翻訳ファイルを読み込ませる
“ワードプレスの翻訳ファイルを書き換えるの巻” の続きを読む

ワードプレスに外部ファイルを読み込ませる方法

2022.1.10 更新

本日はワードプレスに外部ファイルを読み込ませる方法についての備忘録です。

ワードプレスで外部ファイルを読み込ませるためには、ワードプレス用のphp関数である、wp_enqueue_script を使います。

今回は、指定したテキストを縦書きにすることが出来る、『竹取』というjsファイルとcssファイルを、このブログの本文に対して指定してみようという試みです。

目次

  1. jsファイルをダウンロード後、外部ファイルをテーマフォルダにセットする
  2. 自分用の設定を書くためのjsファイルを作る
  3. 竹取の縦書きの設定をする
  4. wp_enqueue_scriptで外部ファイルを読み込ませる
  5. @import urlで外部cssを読み込ませる
“ワードプレスに外部ファイルを読み込ませる方法” の続きを読む

wordpressをマルチサイト化する方法

2022.1.9 更新

WordPressをマルチサイト化してみよう

ジャンルごとにサイトを分けたい、アイディアがいっぱいあり過ぎて、ひとつのサイトだけじゃ物足りない!そんな貴方は、wordpressをマルチサイト化してみましょう。なんと、ひとつwordpressをインストールするだけで、複数のサイトを持つ事が出来るのです。しかも一元管理が出来るのでサイトが増えても管理が楽々です。

1. サブドメイン型とディレクトリ型とは?

まず初めに、アドレスをサブドメイン型にするかサブディレクトリ型にするかを決めましょう。

◆サブドメイン型<例>それぞれのサイトが全く違うジャンル
http://blog1.wpress.com/
http://blog2.wpress.com/

◆サブディレクトリ型<例>それぞれのサイトが関連性がある
http://wpress.com/blog1/
http://wpress.com/blog2/

アドレスとなる(ここではblog1,2)部分が先頭にくるか、後ろにくるかで雰囲気も変わりますよね。それぞれのサイトが全く違うジャンルならサブドメイン型、何かしら関連性のあるサイトならサブディレクトリ型、などとしても良いですね。ちなみに私はこのサイトの他にポートフォリオサイト、趣味のサイトを作りたいなと思っているので、サブドメイン型にしてみました。

“wordpressをマルチサイト化する方法” の続きを読む

©2012 freyjasrm.com