0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Obsidianの小技その14|右寄せでPDFの見た目を整える

Posted at

250314_right_opt.jpg

はじめに

全世界の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に出力する際、かんたんに右寄せ要素を追加できます。日付や署名などを右に配置することで、文書の見栄えが向上し、よりプロフェッショナルな印象を与えることができます。ぜひお試しください!

このテクニックは、会議資料や報告書など、フォーマルな文書を作成する際に特に役立ちます。

out.png

参考リンク

環境

ここで書いていることは、下記のバージョンで実施しました。

  • Obsidian v1.8.9
  • macOS Sequoia 15.2
  • MacBook Pro (14-inch, 2021)
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?