はじめに
全世界のObsidianユーザーの皆さん、こんにちは!
ObsidianのノートをPDFに出力するとき、少しの工夫で見栄えが良くなります。今回は、PDF出力に右寄せ要素を追加する方法をご紹介します。日付や署名などを右寄せで配置するのに便利なテクニックです。
これまでの小技
右寄せのテクニック
Obsidianでは、HTMLタグを埋め込むことで、PDF出力時のレイアウトを調整できます。右寄せを実現するには、<div>
タグにstyle="text-align: right;"
属性を追加します。
実装方法
<div style="text-align: right;">
ここに右寄せしたいテキストを記述します。
</div>
このコードをObsidianのノートに記述すると、PDFエクスポート時に指定したテキストが右寄せで表示されます。
具体的な使用例
例1:日付と作成者
<div style="text-align: right;">
2025-03-14(金)<br>
作成者氏名
</div>
例2:文末の「以上」
<div style="text-align: right;">
以上
</div>
これらのコードを文書の適切な場所に挿入することで、PDF出力時に見栄えの良いレイアウトを実現できます。
応用:複数の要素を組み合わせる
<div>
タグの中に複数の要素を記述することも可能です。例えば、日付、作成者、部署名などを右寄せでまとめて表示することができます。
<div style="text-align: right;">
2025-03-14(金)<br>
作成者氏名<br>
所属部署名
</div>
補足
-
改行:
<br>
タグを使用して改行を挿入します。 -
CSS: スタイルはインラインで記述しています。CSSスニペットでも実現できますが、手軽さ重視でインラインスタイルを愛用しています。
-
スニペット: Alfredスニペットを使い、
;ijo
や;br
でhtmlタグが展開されるようにしています。
おわりに
この小技で、ObsidianノートをPDFに出力する際、かんたんに右寄せ要素を追加できます。日付や署名などを右に配置することで、文書の見栄えが向上し、よりプロフェッショナルな印象を与えることができます。ぜひお試しください!
このテクニックは、会議資料や報告書など、フォーマルな文書を作成する際に特に役立ちます。
参考リンク
環境
ここで書いていることは、下記のバージョンで実施しました。
- Obsidian v1.8.9
- macOS Sequoia 15.2
- MacBook Pro (14-inch, 2021)