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

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

関連記事

Vim

pathogen.vim を使って気軽に Vim のプラグインを管理する

Vim というエディタのプラグイン管理に関する話しです。 目次1. まえがき2. pathogen.vim の導入方法3. プラグインの導入方法4. Tips1. 他の環境で同じプラグインを使用する2 …

Anki

Anki のデッキ(単語帳)は、基本的に階層構造にはしていません

Anki のデッキ(単語帳)は、基本的に階層構造にはしないという方針について説明します。

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) …

データベース管理ツール Adminer

目次1. Adminer とは?2. Adminer の特徴A. たった1つのPHPファイルで動作するB. MySQL の多くの機能に対応しているC. 対応データベースが多いD. ユーザーインターフェ …

Anki

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

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