Tools

Anki のカードに背景画像を設定する

投稿日:2021年9月5日 更新日:

Anki のカード(テンプレート)に背景画像をセットする手順を紹介します。

(1) 背景画像にする画像ファイルを用意します。

(2) そのファイル名の先頭に “_” (アンダーバー) を付けます。

foo.png という画像ファイル名であれば、_foo.png とします。

この画像ファイルはカードの背景に使うだけであり、フィールドの中に記述するわけではありません。
Anki: テンプレート内でのみ使う画像ファイルとマスターとしての画像ファイル でも書いたように、フィールドで使用されていない画像ファイルは、「メディアをチェック」操作によって削除される可能性があります。しかし、ファイル名の先頭が “_” になっているファイルはその対象外となります。

(3) この画像をクリップボードにコピーし、適当なノートのフィールドに貼り付けてから削除します。

この操作により、画像ファイルが「C:\Users\{user_name}\AppData\Roaming\Anki2\{anki_account_name}\collection.media」フォルダ内(Windows の場合)にコピーされます。ここに画像ファイルを配置することが目的なので、フィールドからは削除しています。

(4) カードのテンプレートの「書式」に、以下のCSSを記述します。

※ 画像ファイル名は、_foo.png としてあります。

.card { 
  background-image: url("_foo.png"); 
}

以上です。

📂-Tools
-

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

英辞郎

英辞郎 on the WEB はどこに行った?

最近、株式会社アルクのURL https://www.alc.co.jp/ は完全にコーポレートサイトになったようです。英辞郎 on the WEB は全く表示されなくなり、英単語を調べることはできま …

Windows

Windows 10 のターミナル設定(MSYS2編)

MSYS2 を使って、Windows 10 にターミナル環境を構築する方法を紹介します。 MSYS2というのは、Windows上にUNIXライクな環境を導入するソフトウェアです。 現在では、Windo …

Windows

Google の「バックアップと同期」で同期エラーになった時の対応

目次1. はじめに2. 同期エラーの状況3. 対応方法4. おわりに 1. はじめに ローカルのデータを、Google ドライブと同期させる「バックアップと同期」というアプリケーションがあります。 最 …

WSL

WSL 2 の Kali Linux で Win-KeX (kali-win-kex) を使う場合の注意点

目次1. はじめに2. Win-KeX の使い方と注意点(1) Kali Linux の導入(2) kali-win-kex パッケージのインストール(3) 注意事項注意点 その1注意点 その2(4) …

WSL

WSL (または WSL 2) から外付けストレージ側にアクセスできない場合の対処方法

WSL (または WSL 2) で外付けストレージ側に移動できない場合の対処方法を紹介します。