2022.1.10 更新
皆さまごきげんよう。
本日は前回の記事、「ウェブサイトの任意の要素ににp5.jsを出力する」の実践編として、ワードプレスの任意の要素にp5.jsを表示させてみようと思います！（最初から読んでみたい方はこちら↓も合わせてご覧くださいませ）
ワードプレスの任意の要素ににp5.jsを実装する
wordpressのサイトをPWA化させてみよう
2022.1.10 更新
皆さまごきげんよう。
本日は、webサイトのpwa化をやってみましょう。
目次
1.アイコン画像を作りwordpressに設置する
2.manifest.jsonファイルを設置する
3.serviceWorker.jsを設置する
4.header.phpにファイルを読み込む記述をする
5.ホーム画面に追加してみよう
6.追記
時間経過で自動的に背景画像が変わる！jQueryを使った背景画像の切り替え方
2022.1.10 更新
皆さまごきげんよう。
今回はjQueryを使って背景画像を時間で切り替える、ということをやってみます。
目次
“時間経過で自動的に背景画像が変わる！jQueryを使った背景画像の切り替え方” の続きを読むワードプレスでシンタックスハイライトをJavaScriptで実装する方法
2022.2.12 更新
皆さまごきげんよう。
さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。
もうプラグインに頼るのは諦めるしかない(´ω｀。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。
ワードプレスをカスタマイズする方法
2022.2.6 更新
皆さま、ごきげんよう。
本日はワードプレスのカスタマイズの方法について、
このブログをカスタマイズした時の注意点や、調べ方についての備忘録です。
1.ベースとなるテーマを決める
“ワードプレスをカスタマイズする方法” の続きを読むウェブサイトに雪を降らせる！jQueryの背景アニメーションの作り方
2022.1.10 更新
皆さまごきげんよう。
本日は、前回のjQueryで雪を降らせてみようのファイルを元に、ワードプレスの背景に雪を降らせてみようと思います。
目次
“ウェブサイトに雪を降らせる！jQueryの背景アニメーションの作り方” の続きを読むMasonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜
2022.1.23 更新
皆様こんにちは。
本日は、ワードプレスでピンタレスト風レイアウトに挑戦してみようと思います。
前回の記事「ワードプレスプラグインCustom Post Type UIの使い方」の続きになります。こちらを読んでいただくとより理解が深まりますので、ぜひ目を通してみてくださいませ。
さて、前回はカスタム投稿タイプでgalleryという投稿ページを新たに作ってみましたが、今回はそれをJSライブラリ「Masonry」を使って、コンテンツをレンガ状に並べて表示させてみようと思います。
ちなみにmasonryとは石工［れんが工］職、石［れんが］造りの建造物、石造建築っていう意味なんですね。
“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜” の続きを読むワードプレスの翻訳ファイルを書き換えるの巻
2022.1.29 更新
皆さまごきげんよう。
本日はワードプレスで子テーマの翻訳ファイルをいじって、日本語表記を他言語表記に書き換えてみます。
目次
“ワードプレスの翻訳ファイルを書き換えるの巻” の続きを読むワードプレスに外部ファイルを読み込ませる方法
2022.1.10 更新
本日はワードプレスに外部ファイルを読み込ませる方法についての備忘録です。
ワードプレスで外部ファイルを読み込ませるためには、ワードプレス用のphp関数である、wp_enqueue_script を使います。
今回は、指定したテキストを縦書きにすることが出来る、『竹取』というjsファイルとcssファイルを、このブログの本文に対して指定してみようという試みです。
目次
- jsファイルをダウンロード後、外部ファイルをテーマフォルダにセットする
- 自分用の設定を書くためのjsファイルを作る
- 竹取の縦書きの設定をする
- wp_enqueue_scriptで外部ファイルを読み込ませる
- @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をマルチサイト化する方法” の続きを読む