2022.1.10 更新
皆さまごきげんよう。
今回はjQueryを使って背景画像を時間で切り替える、ということをやってみます。
jQueryで画像を書き換える
ワードプレスでシンタックスハイライトをJavaScriptで実装する方法
2022.2.12 更新
皆さまごきげんよう。
さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。
もうプラグインに頼るのは諦めるしかない(´ω｀。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。
ワードプレスの新エディタGutenbergが使えない場合の解決法
2022.2.12 更新
皆さま、ごきげんよう。
サイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。
とりあえず旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います！
“ワードプレスの新エディタGutenbergが使えない場合の解決法” の続きを読むコンテンツをプロテクトしてくれるcss
2022.1.10 更新
皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))
そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。
javascriptで作ったカウントダウンタイマーをワードプレスに実装する
2022.2.12 更新
Photo on Foter.com
皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちらからどうぞ↓
目次
jsファイルをワードプレスに実装する
前回作ったscriptの部分を、新たにjsファイル（◯◯.js）にしてFTPサーバの任意の場所に保存します。
javascriptでカウントダウンタイマーを作る
2022.2.12 更新
Photo on Foter.com
皆さまごきげんよう。
いきなりですが、メニューバーの右上の辺りをごらんください。
いつの間にか「2020東京五輪まであと◯日」というものが出現しております！（2022現在は万博カウントダウンに変更しております）
本日はjavascriptでカウントダウンタイマーを作ってみます。
目次
- javascriptで時間を取得する
- setIntervalとsetTimeoutの違い
- jQueryでhtmlファイルに出力する
cssアニメーションで文字を点滅させてみよう
2022.1.16 更新
皆さまごきげんよう。
サイトのどこかに小さな動きがあると一瞬目を惹きますよね。
本日はcssで文字を点滅させてみようと思います。
1.CSS animationを使って文字を点滅させる
まず、このサイトのヘッダー部分のタイトルをご覧ください。実際に実装してみましたよ。cssはこんな感じです。
ワードプレスをカスタマイズする方法
2022.2.6 更新
皆さま、ごきげんよう。
本日はワードプレスのカスタマイズの方法について、
このブログをカスタマイズした時の注意点や、調べ方についての備忘録です。
1.ベースとなるテーマを決める
“ワードプレスをカスタマイズする方法” の続きを読むillustratorとphotoshopで写真を背景イラスト風に加工してみよう
2022.1.23 更新
皆さまごきげんよう。
本日は写真を背景イラスト風に加工してみようの第2弾です。
前回の記事はこちら → photoshopで写真を背景イラスト風に加工してみるの巻
1.イラストレーターでイラスト風加工
“illustratorとphotoshopで写真を背景イラスト風に加工してみよう” の続きを読むpixivの3Dキャラ作成ツール「VRoid Studio」を試す、の巻
2022.2.12 更新
皆さまご機嫌よう。
最近ではメタバースが盛り上がりつつあり、これからはアバターも3Dだ！さてどうしよう？と思っていたところ、タイムリーに公開されたpixivによる無料の3Dキャラ作成ツール、「VRoid Studio」早速使ってみましたよ♪
まずはこちらからVRoidをダウンロードします。
VRoid Studio
position: sticky; がスクロールで要素を固定するのに便利すぎた件
2022.1.10 更新
皆さまごきげんよう。
本日は、CSSのposition: sticky; がとても便利だったのでご紹介します(^^)
ちょっと前に当ブログでご紹介したプラグインQ2W3 Fixed Widgetですが、ワードプレスの更新をして以降、何故かエラー表示が出る様になってしまいました。
そこで、プラグインを頼らずに何か出来ないかと調べたところ…とても簡単にほぼ同じことが出来てしまうcssがあったんです。
それがposition: sticky;です！
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
2022.2.6 更新
サイトにUPしたオリジナルの画像や写真などを知らず知らずに盗用されていた、なんてことになっていたら気分悪いですよね。
最近は画像の上で右クリックしたり、ドラッグアンドドロップが出来ないサイトも増えてきました。
せっかく苦労して作った画像や写真を盗用されないためにも、自分で出来る最低限の防衛対策はとっておきたいもの。
そこで本日は画像を守るプラグインをいくつかご紹介したいと思います。
プラグインをインストールするだけで簡単に出来ますので、ぜひ取り入れてみて下さい。