やわらかしかっけい

なんでもすぐに忘れてしまう自分のために

2022-01-01から1年間の記事一覧

SVG画像を擬似要素で表示し、なおかつサイズも調整したい

普通にSVG画像を擬似要素のcontentとして指定すると、 大きさを変更することができず、不便である。 div:before{ content:url('../../../img/icon.svg'); width:20px; height:20px; } ↑ これだとwidthもheightも効かないそこで、背景画像として指定すると良…

楽天ペイアプリで楽天キャッシュに楽天銀行からチャージしたいのに、できない時

(楽天楽天うるせ〜!!!)楽天ペイのアプリは、 お支払い元に「楽天銀行」を設定することで 使うたびに楽天銀行口座から直接引き落とすことも可能だが、それとは別に、「楽天キャッシュ」という電子マネー?を使って支払うこともできる。この「楽天キャッ…

WordPressサイトのお引越し

今回は、【さくらVPS】から【ロリポップ!ハイスピードプラン】へのお引越しをします。 理由 さくらVPSは2017に契約したもの サーバーおよびPHPが古くなっちゃった VPSの管理も面倒になった 参考サイト affiliate150.com 注意事項 PHPのバージョンとWordPres…

CSS hoverで画像を拡大+オーバーレイ変化 のtransitionが効かなかった時

マウスオーバーしたら、画像を拡大+オーバーレイを薄くする、というのをやりたかった。 a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, .3), rgba…

WordPress、自動更新しちゃヤダ

今日、WordPressが6.0に更新されたわけですが使用テーマのアプデが間に合ってなかったり、そもそも自作テーマだったりすると、トラブル起こりがち。 なので自動更新に待ったをかけようと思ったら、wp-configの編集が必要だった。(管理画面から設定できてほ…

MacのPagesで台本を書く

台本、つまりこのようなレイアウトを実現する(今回は横書きです) タブの設定 タブキーを押した際のインデントの幅(?)が一定になるようにする。 表示 > ルーラを表示 セリフの最初のところにカーソルを合わせる ルーラ上の丁度よいところ(4のあたり)を…

SWELLのlightbox(luminous.js)で画像拡大時にもキャプションを表示させる

大好きなWordPressテーマ、SWELL。 SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ SWELLにはlightbox機能(Luminous Lightbox)が標準搭載されており、別途で画像にリンクを設定していない場合は、画像をクリックすると拡…

WordPressのギャラリーのサムネイルの高さ(アスペクト比)を統一する

WordPressのブロックエディターの「ギャラリー」機能。複数画像を並べるのに便利なんだけど、横長画像と縦長画像が混在した場合、縦長画像の方に高さが統一されるため横長サムネの行と縦長サムネの行が存在してしまったりして、見た目がちょっと微妙だった。…

PHPのバージョンアップがWordPressの管理画面に反映されない

人から改修を頼まれたWordPressサイトにて。ダッシュボードやサイトヘルスに「PHPの更新が必要です」と表示されている。レンタルサーバーのコントロールパネルへ行き、7.4(モジュール版)に更新するボタンを押して、5〜10分以上待ったのに、アラートの表示…