Laravel投稿サイト構築.71 -URLとサムネイル表示-
■前回
投稿画面のモーダル表示の対応を行った。
■URL入力とサムネイル表示
テーマ投稿時に、参照するURLなどがある場合は、
テキストと同時にURLも記載して投稿するようにしたい。
投稿後は、サムネイルで表示させたい。
はてなブログであれば↓
amazonリンクであれば(久々)↓
URLを入力させて、リンク表示するのは簡単だが、
果たしてサムネイル表示はすんなりいけるものなのか。
参考サイト
OGPとは、SNSで記事がシェアされるときに、その記事のシェアのされ方を自分好みに設定できる仕組みのことです。
ふむふむ。
HTMLファイルのheadタグにmetaタグを追記して設定をするんだそう。
・・
でもこれは、参照先のページのheadタグに設定するという意味よね?
ということは適当なURLではOGPは使えないということか。(違う?)
■まずはURLを入力可能に
サムネイル表示は置いておいて、とりあえずはURLを入力可能にする。
テーブルにURL用の文字列項目を追加する。
-----
$php artisan make:migration add_link_url_threads --table=threads
-----
public function up()
{
Schema::table('threads', function (Blueprint $table) {
$table->string('link_url');
});
}
-----
$php artisan migrate
次に、bladeファイルを修正して、URL入力欄を追加。
-----
<div class="col-4 col-lg-2">
<p class="font-bold">参考URL</p>
</div>
<div class="col">
<input class="border rounded px-2 ms-2 input-sm w-100" type="url" name="link_url">
</div>
-----
Modelファイルのfillableに”link_url"を追記
画面項目が追加されたことと、登録を確認。
■まずはリンクURLとして表示
データ取得のSQLに"link_url"を追加。
bladeファイルを修正。タイトルの横にリンクを表示
-----
@if( strlen(trim($thread->link_url)) >= 1 )
<div>
<a href="{{$thread->link_url}}" target="_blank">参考URL</a>
</div>
@endif
-----
とりあえずリンクで確認OK。とりあえず。
次はサムネイル表示に取り掛かりたい。
続く