AIで検索
キーワードを入力するだけで、AIが関連するレッスン、ドキュメント、情報を自動でピックアップします。
キーワードを入力するだけで、AIが関連するレッスン、ドキュメント、情報を自動でピックアップします。
リンク・ブロックは、構成やレイアウトに使えるという点ではDivブロックに似ているが、リンク・ブロックの内側の領域がリンクになる。リンクブロックは、画像のような要素やバナーのようなレイアウトをリンクに変えることができます。
リンクブロックをプロジェクトに追加するには、左サイドバーの要素パネル(ショートカット:A)を開き、リンクブロック要素をページにドラッグします。
他のリンク以外の要素は、追加パネルからでもキャンバスからでも、リンクブロックにドラッグすることができます。
テキストリンクやボタンと同様に、リンクブロックにもURL、ページ、コレクションページ(該当する場合)、ページセクション、Eメール、電話、ファイルなどのリンクオプションがあります。
リンク・ブロックは、レイアウトや構造を作成する際に、Divブロックと同様に柔軟性があります。ブログの記事一覧のように、他のページにリンクするレイアウトを作るときによく使われます。
リンクブロックはインタラクティブなので、ユーザーにクリック可能であることを示すために、リンクブロックに異なるホバー状態を設定するのがベストプラクティスです。以下の手順に従って、ホバー状態をスタイル設定します:
ホバー時の背景画像を変更してみてください:
デフォルトでは、テキストがリンクブロックの中に置かれると、青色で下線が引かれます。
テキスト装飾とフォント・カラーを上書きすることで、特定のリンク・ブロックのデフォルト・リンク・スタイルを変更できます:
text要素自体の文字装飾を「none」にしても、テキストの下線は消えません。下線を消すには、リンクブロックに直接スタイルを設定する必要があります。
リンクブロックをDivブロックに変更したり、その逆を行ったりすることは、要素をグループ化するためにリンクブロックではなくDivブロックを使っていたことに気づいたときに便利です。また、ブロックの機能を変更する必要がある場合に、一方と他方をすばやく入れ替えるのにも便利です。
リンクブロックをDivブロックに変更するには、リンクブロックを右クリックし、Divブロックに変換します。
Divブロックをリンクブロックに変更するには、Divブロックを右クリックし、リンクブロックに変換します。
Divブロックにリンク要素が含まれている場合、エラーが表示され、DivブロックをLinkブロックに変換できないことに注意してください。これは、リンクを入れ子にすることができないからです。Divブロックに入れ子になっているリンク要素をすべて削除するか、LinkブロックをDivブロックに変換することから始める必要があります。