Freyja's Ramblings

2019/03/112019/03/10

jQueryでワードプレスの背景画像を時間で切り替えてみる

皆さまごきげんよう。
本日は前回の続きになります。jQueryでワードプレスの背景画像を時間で切り替えを実装してみますよ〜。
今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。

メディアに切り替え用の画像を数枚いれておく

メディアに新規追加で、切り替えたい画像を必要な枚数入れておきましょう。

“jQueryでワードプレスの背景画像を時間で切り替えてみる” の続きを読む

2019/02/252019/03/09

皆さまごきげんよう。
ようやく春めいてきた今日この頃というのに、既に花粉と戦う日々を送っております(>< );皆さんは大丈夫ですか？
さて、実は何気に当サイトのトップ画像（＝ヘッダーの画像）が、1日のうちに4回入れ替わっているんですよ。びっくりですよね∑(ﾟДﾟ)
一体何の意味があるのか？というツッコミは置いといて、今回はjQueryを使って背景画像を時間で切り替えてみる、ということをやってみます。
“jQueryで画像を書き換える” の続きを読む

2019/01/282019/03/03

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

皆さまごきげんよう。
こちらはもう一ヶ月以上雨も降らず、正に「東京砂漠」と化しております。
肌も目も喉もカラカラで、乾燥ってこんなに辛いんだ、と初めて思いました。あの夏のジメジメ湿度が恋しい今日この頃です(´ω｀。)

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

以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスに訪れてみると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか⁂ヽ●┻┓〃ｽﾞｺｯ
“ワードプレスでシンタックスハイライトをJavaScriptで実装する方法” の続きを読む

2019/01/152019/01/14

ワードプレスの新エディタGutenbergで出来ること

皆さまごきげんよう。

ワードプレスの新エディタ・Gutenberg は使ってますか？これでどんなことが出来るのか？本日はこのページを使って、色々検証してみたいと思います(^^)

まず、ブロックを追加の + ボタンを押すと出てくるのが下の７つの項目です。

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

皆さま、ごきげんよう！
久しぶりにサイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。わけがわからず、旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います！

2018/11/262019/01/03

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

皆さまご機嫌よう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしましたが、私のワードプレスのテーマといつのまにか互換性が無くなってしまったのでしょうか？原因不明なのですが、全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

そこで今回は、一行でコンテンツをプロテクトしてくれるcssのご紹介です。
“コンテンツをプロテクトしてくれるcss” の続きを読む

2018/11/052019/03/03

javascriptで作ったカウントダウンタイマーをワードプレスに実装する

皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちら　javascriptでカウントダウンタイマーを作る

ワードプレスに実装してみる

前回作ったscriptの部分を、新たにjsファイル（○◯.js）にしてFTPサーバの任意の場所に保存します。
“javascriptで作ったカウントダウンタイマーをワードプレスに実装する” の続きを読む

2018/10/292019/01/03

javascriptでカウントダウンタイマーを作る

皆さまごきげんよう。
いきなりですが、ちょっとメニューバーの右上の辺りを見てください。
いつの間にか2020東京五輪まであと◯日というものが出現しております！
本日はjavascriptでカウントダウンタイマーを作ってみます。
“javascriptでカウントダウンタイマーを作る” の続きを読む

2018/10/082019/01/03

cssアニメーションで文字を点滅させてみよう

皆さまごきげんよう。
サイトのどこかに小さな動きがあると一瞬目を惹きますよね。
本日はcssで文字を点滅させてみようと思います。

1.CSS animationを使って文字を点滅させる

まず、このサイトのヘッダー部分のタイトルをご覧ください。実際に実装してみましたよ。cssはこんな感じです。
“cssアニメーションで文字を点滅させてみよう” の続きを読む

2018/09/252018/09/24

ワードプレスをカスタマイズする方法

皆さま、ごきげんよう。
ワードプレスのカスタマイズといえば色々な方法があると思いますが、本日は私のカスタマイズの仕方について語ってみたいと思います。
twenty seventeenをベースにしたこのブログをカスタマイズした時の注意点や、調べ方についての備忘録です。

ベースとなるテーマを決める

“ワードプレスをカスタマイズする方法” の続きを読む

2018/09/132018/09/17

VRoid Studioを開きます。
編集画面は顔、髪型、体型、衣装、撮影のタブに分かれており、左側のツールパネル、中央のカメラパネル、右側のプロパティパネルの3分割画面で構成されています。
“pixivの3Dキャラ作成ツール「VRoid Studio」を試す、の巻” の続きを読む