カード型リンク生成アプリリンクビルダー

使い方

簡易説明：URL入れてコード生成ボタン押すだけでワードプレスのカスタムHTMLに貼り付け出来るコードを生成してくれます。カードはサムネイル付きで縦型と横型の２種類、サムネイルはサイト側（相手）のセキュリティが発動してると上手く取得できないです。画面を閉じると全て消えます。

URL：カードにしたいURLを入力
サイト名：空欄で自動取得（オリジナルでもOK！）
キーワード：例（デザイン HTML）キーワド毎に半角スペース、あまり詰め込みすぎない
説明文：サイトの説明文：空欄で自動取得(オリジナルでもOK！)
追加するボタン：URLを入力してこのボタンを押すとプレビューが表示されます。
カードスタイル：追加ボタンを押した後３種から選択可
グリッド型(縦長)リスト型(横長)を選べます。
３つまでカードを作れる設定にしています。
コードを生成：最後にこのボタンを押すと貼り付け用コードを生成してくれます。
カードは左から順番に並び、貼り付け時も同じ並びになります。
プレビューでカード右上をドラッグで並び替えが可能。
並び替えたら、生成ボタンで新しいコードを生成して下さい。
ページタイトル：HTMLでダウンロードした時のページタイトル入力できます。
サブタイトル：同じくHTMLでダウンロードした時のサブタイトルです。
代替テキスト（olt）：画像ファイルの説明をオリジナルで入力できます。(空欄可)
アフィリエイト：専用フォームにアフィリエイトコードを入力できカード可できる

サンプル

グリッド表示

【2026年最新版】cocoonテーマコピペで使えるサムネイル CSS アニメーション

wordpress cocoonテーマで使えるサムネイルアニメーションサムネイルにマウスポインタが乗ると効果発動2026年の最新版載せとくから、良かったら使ってね使い方はかんたんで、外観＞カスタマイズ＞追加CSSにコピペするだけガ…

www.kizunakiss.com

ドメインについての面白いエピソード

突然ですが、ドメインのお話ですよ🍔けっしてビックマックの話ではないですから🍔「世界一有名なハンバーガーチェーンが、自分の名前のドメイン（ホームページの住所）を、見知らぬ記者にタダ同然で取られそうになった」そんな信じられない話が、昔ほんとうに…

www.kizunakiss.com

ホームページってなに？初心者でもわかる基礎知識をやさしく解説

ホームページを作りたいけど、何から始めればいいかわからないそんなあなたに向けて、むずかしい言葉を使わずにホームページの基礎をゼロから説明します。パソコンが苦手でも大丈夫。読み終わるころには「なんとなくわかった！」と感じてもらえるはずです。ホ…

www.kizunakiss.com

リスト表示

ノーマル

第1話：きっかけは「HTMLの修正がめんどくさい」だった｜webノート

３０年もホームページやSEO対策やったりしてましたが正直に言うと、HTMLやCSSのコードはわかるけどプログラミングの経験がまったくありませんでした。タグの意味もろくに分からず、必要に迫られてHTMLを独学で騙し騙し触っていた、というのが実情です。そんな私がAIを使い始めたきっかけは、実にささやかなものでした。今から数か月前のこと「HTMLの修正を、もう少し楽にしたい」自分のサイトのHTMLを触っていて、似たような修正を何度も手作業で繰り返すのが地味にめんどくさくて、あーワードプレスで作っときゃよかったーー（汗まてよ！？「これAIに聞いたら楽になるんじゃないか」と思

note.com

グラス

第2話：本当の理由は、4人の子どもたち｜webノート

前回、私がなぜあそこまでPythonにハマっていったのか、その理由を書くと言いました。技術的な面白さも、もちろんありました。でも、正直に書くなら、それだけではありません。私には子どもが4人います。離婚して、今は離れて暮らしています。自分で言うのもなんですが、私は昔から、根っからだらしない人間です。自分に甘くて、続かなくて、結局いつも中途半端。今さら取り繕っても仕方がないので、そのまま書きます。もう年齢50代になりました。お金もありません。子どもたちに、残してやれるものが何もない。それが今、すごく辛いんです。離れて暮らしている分、余計にそう思うのかもしれません。会えない時

note.com

ピンク

第3話：放置サイトの異変と、AIと二人三脚のWordPressアップデート｜webノート

元々Web職だった私は、HTMLやCSSの書き換えにAIを使い始めました。最初はもちろん慎重に。必ずバックアップを取ってから、バグった処理をされても取り返しがつくように、小さな箇所からコツコツと修正を重ねていきました。構造データとの出会い検索エンジン対策も、AI時代に突入して間もない頃でしたが、AI対策にも力を注いでいた時期です。そんな中、AIから「構造化データ」の話を聞かされました。それをきっかけに、自分のHTMLにも導入したいという意識が芽生え始めたのです。 AIが言うには、「コードは私が書くので、反映はあなたがやってください」とのこと。正直、最初はよく分からないまま進め

note.com