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でワードプレスの背景画像を時間で切り替えを実装してみます。
今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。
メディアに切り替え用の画像を数枚いれておく
メディアに新規追加で、切り替えたい画像を必要な枚数入れておきましょう。
“jQueryで背景画像を時間で切り替える” の続きを読むjQueryで画像を書き換える
ワードプレスでシンタックスハイライトをJavaScriptで実装する方法
皆さまごきげんよう。
こちらはもう一ヶ月以上雨も降らず、正に「東京砂漠」と化しております。
肌も目も喉もカラカラで、乾燥ってこんなに辛いんだ、と初めて思いました。あの夏のジメジメ湿度が恋しい今日この頃です(´ω｀。)
さて、うちのワードプレスは無駄にマルチサイトになっております。
そのせいなのか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスに訪れてみると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか⁂ヽ●┻┓〃ｽﾞｺｯ
“ワードプレスでシンタックスハイライトをJavaScriptで実装する方法” の続きを読む
ワードプレスの新エディタGutenbergが使えない場合の解決法
皆さま、ごきげんよう！
久しぶりにサイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。わけがわからず、旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います！
コンテンツをプロテクトしてくれるcss
2022.1.10 更新
皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))
そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。
javascriptで作ったカウントダウンタイマーをワードプレスに実装する
2022.1.10 更新
Photo on Foter.com
皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちらからどうぞ↓
目次
jsファイルをワードプレスに実装する
前回作ったscriptの部分を、新たにjsファイル（◯◯.js）にしてFTPサーバの任意の場所に保存します。
ワードプレスをカスタマイズする方法
皆さま、ごきげんよう。
ワードプレスのカスタマイズといえば色々な方法があると思いますが、本日は私のカスタマイズの仕方について語ってみたいと思います。
twenty seventeenをベースにしたこのブログをカスタマイズした時の注意点や、調べ方についての備忘録です。
ベースとなるテーマを決める
position: sticky; がスクロールで要素を固定するのに便利すぎた件
2022.1.10 更新
皆さまごきげんよう。
本日は、CSSのposition: sticky; がとても便利だったのでご紹介します(^^)
ちょっと前に当ブログでご紹介したプラグインQ2W3 Fixed Widgetですが、ワードプレスの更新をして以降、何故かエラー表示が出る様になってしまいました。
そこで、プラグインを頼らずに何か出来ないかと調べたところ…とても簡単にほぼ同じことが出来てしまうcssがあったんです。
それがposition: sticky;です！
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
明けましておめでとうございます。
今年はもっと更新頻度を上げていくことを目標に（と毎年言っている感(；＿△＿)=3 ﾄﾞﾃｯ) どうぞよろしくお願いいたします。
さて、本日は今年最初にインストールしたプラグインをご紹介したいと思います。
もしサイトにUPした絵や写真などを知らず知らずに盗用されていた、なんてことになっていたら気分悪いですよね。
最近は画像の上で右クリックしたり、ドラッグアンドドロップが出来ないサイトも増えてきたように思います。
せっかく苦労して作った画像や写真を盗用されないためにも、自分で出来る最低限の防衛対策はとっておきたいもの。それがプラグインをインストールするだけで簡単に出来ますのでぜひ取り入れてみて下さい♪
“画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark” の続きを読む
最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin
皆さま、新年明けましておめでとうございます！今年はもう少し更新頻度を上げていくことを目標に、ユルく頑張ります(笑)
どうぞよろしくお願いいたします m(__)m
さて、ワードプレスの今年のテーマ、twenty seventeenが出ましたね〜！
当サイトはこれまでtwenty fourteenの子テーマでずっとやってきたのですが、2017を試してみると…これがシンプルかつトレンドも押さえてあったりと、なかなか使い勝手が良さそうなので、暫くこちらのテーマに変えて色々カスタマイズしてみようと思っています。
ということで本日はテーマの変更に伴い、最近入れてみたプラグイン2種類をレビューいたします。
“最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin” の続きを読む