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

メールアドレスが公開されることはありません。

関連記事

Anki

Anki: 次回の間隔[日]を算出するページを作りました

Ankiアプリにおける、次回の間隔[日]を算出するページを作りました。

Windows

Putty でスクリーン上のやりとりをログファイルに保存する方法

目次1. はじめに2. Putty でログをとる手順3. ログファイルが既に存在していた場合の挙動設定4. おわりに 1. はじめに PuTTY とは、Windows用のターミナルエミュレータです。 …

Anki

Anki: 質問文をタイプライター表示する

Ankiで、質問文をタイプライター表示する方法を紹介します。

OpenSSH

【SSH】ssh-agent の使い方

SSH をよく使う人には、必須なツールである ssh-agent の使い方について説明します。 目次1. SSH とは?2. ssh-agent とは?SSH で利用される認証方式秘密鍵を一時的に保持 …

ICTリテラシー

BulkFileChangerを使い、複数ファイルに対して2秒ずつずらしたタイムスタンプをセットする

BulkFileChangerを使い、複数ファイルに対して2秒ずつずらしたタイムスタンプをセットする方法について説明します。