月齢:18.1[寝待月] 潮汐:中潮ここしばらくボカロ曲をあまり聴いていなかったのですが、最近になってちらほら聴くようになっています。とはいうもののレパートリーはものすごく限定されていて聴きまくっているわけではありません。
そんな中、数少ないレパートリーの中でも最も心地よい曲が「白い雪のプリンセスは」です。疾走感のあるメロディーと文学的な歌詞が頭の中でグルグルと繰り返してくれるので、深夜のドライブにはうってつけなのでした。
月齢:16.1[立待月] 潮汐:大潮[京都] Kansai WordPress Meetup@京都 #5 「プラグインの話をしよう」に行ってきました。昨年8月に参加して以来でしたが、今回もとてもタメになるお話を聴くことができました。
ふだんWordPressをカスタマイズするときは、テーマファイルのPHPをゴシゴシいじるっていう方法しか知らないので、大量のプラグインで構築していく手法にびっくり。文化の違いを感じました。
1次懇親会のあとにもWordPressサイトの引っ越し方法について熱い講義がありました。デザイナーが作るスライドショーはとても見やすくてわかりやすい。
2019年9月21日開催の[神戸]Kansai WordPress Meetup #11 「テーマの選び方、使い方」も行きたいところですが、家庭内行事が複数重なっているので行けません。週末に何もかもがありすぎるのよね。
今回、いろいろな人の話を聴いている中で、「そろそろホントに使いにくいGutenbergを使わざるを得ないのかも」っていうことを、ちょっと感じてしまったのでした…
月齢:14.1[十五夜] 潮汐:大潮2月にある国家試験を受けたものの無残に不合格だったので、なんとか空き時間を使って勉強したいなと思いました。というわけで、選択問題が次々と出てきて回答を脳に浸み込ませるようなeラーニング環境をPHPを使って構築してみます。
とはいうものの、当然1から構築するような技術は持ち合わせていないので、いつもどおり他人のふんどしで相撲を取るしかありません。参考にしたサイトは、
さて、仕様としては、
という方向でいきましょう。
月齢:12.1[十三夜] 潮汐:中潮ふだんはあまりセンタリングしないのですが、どうしても画面のど真ん中に文字を配置したくなって、CSSを探してみるといろいろな方法がありました。その中でも特にシンプルなものを備忘録として書いておきます。
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>どまんなか</title>
</head>
<body>
<p>どまんなかにテキストが出るよ</p>
</body>
</html>
CSS
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
p {
text-align: center;
}
記述が少なく安定しているので、いろいろと応用がきくと思います。
…ところで数年前に勤務管理システムを構築したとき、あのときもスタート画面のど真ん中にテキストを配置したんだけど、どんなCSS書いたかな。うーん、全然覚えてない。
月齢:10.1[十日余の月] 潮汐:若潮パソコンだけでなくスマートフォンでもFirefoxを愛用しているのですが、先日あるサイトを訪れたときに、アドレスバーの横に見慣れないアイコンが出ているのに気が付きました。
そのアイコンを押してみると、「ホーム画面に追加」というダイアログがにゅっと出てきて「ホーム画面に追加しますか?」という感じでとても自然にホーム画面への追加が誘導されます。なんかカッコイイ!
ぜひ取り入れてみたいけれど、これはいったいなんなんだろう…
どうやらこれは「Service Worker」というものらしい。早速実装に挑戦してみました。
「PWA(Progressive Web Apps)を用いた「ホーム画面に追加」機能(Service Worker)で、ウェブサイトがまるでアプリのようになる。」の続きを読む。
月齢:7.1[弓張月(上弦)] 潮汐:小潮ほとんどコメントのつかない当サイトにはあまり意味のないことですが、オリジナルのアバターを設定していない人がコメントするときには「ミステリーマン」が表示されます…
…WordPressを開いてみると、あれ? いつの間に「ミステリーパーソン」に変わったんだろ。昔は「ミステリーマン」だったのに。言葉狩りに屈するのもイヤなので、ミステリーマンのままでいいや。
これはこれでシンプルな良さはあるのですが、あまりにも味気ないので、好きな画像に変えてしまいましょう。
今回用意した画像は…
これにします。「CHARAT CHOCO | キャラメーカー」でさくっと作ってみました。これを適用するためにまずはテーマファイルのimagesフォルダに画像をアップロード。続いて「functions.php」に記述。
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/avatarguest.png';
$avatar_defaults[$myavatar] = "GUEST";
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newgravatar' );
というふうに追記します。ピンクい文字の部分はファイル名やディレクトリに合わせて変えてください。
ダッシュボードから「設定」→「ディスカッション」を開くと、作った画像が選択できるようになっているので、
作った画像を選択して、変更を保存すれば作業完了。これでコメント欄に画像がうまく表示されていたら成功なのデス。