KAZU

今回は、 ブログカードの説明文が途中で切れずに全部表示されてしまう…。 という問題の対策について書きます。 実はこれ、設定が壊れているわけではありません。 ブログカードの抜粋が長くなる原因 正しい設定と直し方の手順 抜粋のおすすめ文字数 を順番に解説していきます。 私自身もあとから気づいたのですが、仕組みさえ分かればすぐ解決できるので、ぜひ参考にしてください。 抜粋欄に文を入れると、抜粋の文字数の設定は効かない 「AFFINGER管理」で抜粋の文字数を指定していても、投稿画面の「抜粋」欄に文章を入れると、 ...

スタンダード特典の「画像圧縮工房」が、「画像仕上げ工房」になりました。 記事の画像とGIFを軽くするのに加えて、AIで写真の背景を消せるようになりました。 たとえば、写真を「AIで透過＋圧縮」で仕上げると、こうなります。 背景が消えて、229.0KBが29.3KBに 「圧縮だけ」「AIで透過＋圧縮」「AIで透過だけ」の3つから選びます。 元と仕上がりは、境目を左右に動かして見比べられます。消す強さは、つまみで変えられます。 アニメーションGIFは、アニメーションWebPにして軽くできます。 画像はどこにも ...

新しい特典ツール「発光ドット工房」を追加しました。 光る玉を並べて、文字や図形を描くツールです。 たとえば、こんな見せ方ができます。 マウスを近づけると、近くの玉だけが光り、ほかの玉が影を落とします。 スマホでは、指でなぞった所が光ります。 最初から全部光らせることもできる 並びは、文字・六角・升目・卍・▼の5つ。 左の設定で光り方・光の色・置く場所の大きさを決めると、右の見本がその場で変わります。 操作画面 できあがったら「コードをコピー」を押すだけ。 カスタムHTMLブロックに貼れば、そのまま記事で使 ...

新しい特典ツール「画像圧縮工房」を追加しました。 記事に貼る画像とGIFを、ブラウザの中だけで軽くするツールです。 たとえば、アイキャッチ工房で作った画像を入れると、こうなります。 655.6KBが138.5KBに 元の形式・WebP・JPEGを全部試して、いちばん小さいものを選びます。 元と圧縮後は、境目を左右に動かして見比べられます。 納得したら「保存先を選んで保存」を押すだけです。 操作画面 アニメーションGIFも入れられます。 画像はどこにも送られません。読み込みから保存まで、開いているページの中 ...

新しい特典ツール「スクリーンコラージュ工房」を追加しました。 文章と、斜めに並んだ画像の壁を1つのボックスに重ねられるツールです。 たとえば、こんなボックスが作れます。下のボックスは、この工房で作ったものをそのまま貼っています。 DESIGN TOOLS FOR AFFINGER 作れるものを 動く景色に アイキャッチもアイコンもセールスカードも。実際の画面を並べて違いを見せます。 この特典を詳しく見る体験版を触る ページをスクロールすると、画像の段が左右にゆっくり動きます。 画像はURLを1行に1枚ずつ ...

新しい特典ツール「境界線デザイン工房」を追加しました。 ページのセクションとセクションの境目を、動く波・吹き出し三角・斜めにできるツールです。 たとえば、こんな境界が作れます。 動く波 波のほかに、吹き出し三角と斜めも作れます。 吹き出し三角 斜め 形・大きさ・色・動きの速さを画面の上で決めると、プレビューがその場で変わります。 できあがったら「コードをコピー」を押すだけ。 カスタムHTMLブロックに貼れば、そのまま記事で使えます。 操作画面 スマホでは波の数を自動で減らすので、細かく潰れずに見えます。 ...

新しい特典ツール「ワイドボックス工房」を追加しました。 左右にテキストと画像を並べた横長ボックスを、ブラウザ上で自作できるツールです。 たとえば、こんなボックスが作れます。 画像をボックスの上下からはみ出させることができるので、目を引く演出が可能です。 手作業で組むと面倒な形ですが、設定をいじって「コードをコピー」を押すだけ。 コピーしたコードをカスタムHTMLブロックに貼れば、そのまま記事で使えます。 操作画面 実際の操作イメージ 操作イメージ 操作感は体験版で試してください！ 体験版をさわってみる ※ ...

新しい特典ツール「セールスカード工房」を追加しました。 記事の中に貼るセールスカードを、ブラウザ上で自作できるツールです。 たとえば、こんなカードが作れます。 画像・バッジ・タイトル・説明文・ボタンを組み合わせて、配色や角丸、影の強さまで自分のサイトに合わせて調整できます。 できあがったら「コードをコピー」を押すだけ。 カスタムHTMLブロックに貼れば、そのまま記事で使えます。 操作画面 実際の動き 操作イメージ 操作感は体験版で試してください！ 体験版をさわってみる ※体験版では作ったコードのコピー・保 ...

「アイキャッチ工房」のプレミア限定版を公開しました！ 見た目の一番の変化は写真背景です。 無料素材サイトなどで手に入れた写真をアップして上に文字パネルを重ねれば、ブログでよく見る「写真×タイトル帯」のアイキャッチがブラウザだけで作れます。 ただ、実際に使って一番効くのは、作りやすさだと思っています。 起点になるプリセットを選択 見出しを自分の記事タイトルに打ち替える 「画像をコピー」または保存する これだけで1枚できます。 コピーした画像はWordPressの編集画面にそのまま貼り付けられるので、「名前を ...

当サイトの購入特典「アイキャッチ工房」でどんなことができるのか。 この記事では概要をお伝えします。 ここに並んでいるアイキャッチは、全部このツールだけで作っています（画像編集ソフトは使ってません）。 スタンダード版 スタンダード版 スタンダード版 プレミア版 プレミア版 プレミア版 プレミア版 プレミア版 プレミア版 ツールを開くと左側に設定がずらっと並んでいるので、最初は「多いな」と感じるはずです。 でも、1枚作るのに触る場所は3つだけ。まずそこから説明します。 基本は3ステップだけ 手順1：プリセット ...