← KHZ ART

Framerの日本語対応

Framerで作った日本語のサイトが、英語のときほど良く見えない。デザインは同じなのに、少しだけ安く見える。日本語化でつまずくのは、たいてい3つだけです。どれも公開されたサイト側で直せます。

01 — 改行

語の途中で行が折れる(禁則処理)

日本語には単語の区切りに空白がありません。ブラウザは好きな位置で行を折るので、地名や数字や固有名詞が真ん中で割れます。読む人は理由を言葉にしませんが、「作りが甘い」とだけ感じます。

そのまま — 語の途中で折れる

東京都の家賃は高すぎるので、来月から神奈川に引っ越します。

Kumihan を当てたあと — 文節でしか折れない

東京都の家賃は高すぎるので、来月から神奈川に引っ越します。

サイト全体に一度当てるだけです。本文もCMSのテキストも含めて、行が文節の境目でしか折れなくなります。日本語・簡体字・繁体字・タイ語に対応します。

02 — ふりがな

読みを文字の上に置けない(ルビ)

ブラウザは昔からルビを表示できます。無いのは、それを入力する欄のほうです。人名・地名・作品名・専門用語に読みを添えたいだけなのに、置き場所がありません。

Framerのテキストにこう打つ

|陰影《いんえい》と|余白《よはく》だけ。

訪問者に見えるもの

|陰影《いんえい》と|余白《よはく》だけ。

読みは書いた人が決めます。辞書で推測しないので、人名を読み違えることがありません。外部への通信はゼロ、サイトに増えるのは4.6KBだけです。

03 — 和欧アキ

和文と欧文がくっつく(四分アキ)

組版では、和文と欧文のあいだに四分の一文字ぶんの空きを入れます。活字はずっとそうしてきましたが、ブラウザはしません。だから英字や数字を含む一行だけが、わずかに詰まって見えます。

そのまま

KHZ ARTの映像を2026年に3本、Framerで公開しました。

Waei を当てたあと

KHZ ARTの映像を2026年に3本、Framerで公開しました。

入るのは文字ではなく幅だけです。テキストをコピーすれば、打ったままの文字列が返ってきます。サイトに増えるのは1.3KB。

書体そのものの入れ方(明朝・ゴシック、手持ちの書体の読み込み、重さの実際)は Framerの日本語フォント に分けて書いてあります。

TEMPLATE

3つを前提に組んだポートフォリオ

上の3つは、出来上がったサイトにあとから当てても直ります。ただ、日本語で読まれることを最初から見込んで組んだページは、直したページとは別のものになります。SUMI は、その前提で組んだポートフォリオのテンプレートです。

静的8ページと、CMSの2レイアウト。書体の階段は1つ、動きの曲線も1つ、アクセントの色は1つだけです。飾りは置かず、理由のない動きもありません。日本語のホームは明朝で組んであります。

SUMI はテンプレートとしての販売をやめました。売り物ではなく、当方がFramerで何をどこまで組めるかの実物として置いてあります。同じ手つきで、あなたのサイトそのものを組みます。

Framerでの制作 — ¥50,000から

SUMI の実物を見る → 制作を頼む →

中身の設計(8ページ、CMSの2レイアウト、書体の階段1つ、動きの曲線1つ)は Behanceの作品ページ に全部並べてあります。

FAQ

コードは書きますか。

書きません。Framerのプラグインとして開き、当てるボタンを一度押すだけです。効くのは公開されたサイトのほうで、編集画面の見た目は変わりません。

すでに入れているカスタムコードは消えますか。

消えません。3つとも、自分の印で囲んだ範囲だけを書き、外すときもその範囲だけを抜きます。同じ枠に入っている他のコードには触れません。

サイトが重くなりませんか。

増えるのは Kumihan が14KB、Rubi が4.6KB、Waei が1.3KB(いずれも圧縮後)です。外部への通信はどれもゼロで、訪問者の情報を集める仕組みは入っていません。

支払いのあと、鍵はどう届きますか。

お支払いに使ったメールアドレス宛に、24時間以内にライセンスキーをお送りします。買い切りで、サイトの数に制限はありません。鍵はご自身のブラウザにだけ保存され、共有のプロジェクトデータには書き込まれません。

テンプレートは買ったあとどう届きますか。

お支払いが済んだ画面に、そのままリンクが出ます。Framer にサインインすると、ご自身のアカウントに新しいプロジェクトとして開きます。その画面を閉じてしまった場合は、お支払いに使ったメールアドレスから khzarttt@gmail.com までご連絡ください。当日中にお送りします。

3つとも要りますか。

改行だけで見え方はかなり変わります。まず Kumihan を無料で当ててみて、読みを添えたい語があれば Rubi、英字や数字が多い文面なら Waei を足す、という順で十分です。

Framerの日本語化には、結局なにが要りますか。

翻訳そのもの(文面を日本語にする)と、日本語になったあとの組版は別の仕事です。前者は翻訳系のプラグインで足ります。あとに残るのが、語の途中で折れる改行・振れないふりがな・和欧のアキの3つで、ここを直すのがこの3本です。日本語フォントの選び方は Framerの日本語フォント にまとめてあります。

多言語サイトでも使えますか。

使えます。3本とも日本語・簡体字・繁体字・タイ語の文字にしか働きません。英語やヨーロッパ言語のページでは何も見つけず、何も足しません。全言語でオンのままにしておいて構いません。

無料でどこまで使えますか。費用は。

Waei は無料です。Kumihan と Rubi は導入も無料で、ページ単位ならそのまま使えます。上限を外す Pro だけが買い切り(Kumihan ¥3,900/Rubi ¥2,900)で、月額も、サイト数の制限も、更新もありません。「日本語にしたら崩れて見える」を止めたいだけなら、無料のままで足りることが多いです。

日本語の面ごと任せられますか。

承っています。日本語で読まれるFramerサイトの制作と移行を、¥450,000から。3本のプラグインは、そのうち差し上げられる部分です。ご相談はこちら

サイトそのものを、Framerでの制作としてご依頼いただくこともできます。

CONTACT →