記事の続きを読む要素

記事について続きを読む要素

記事の続きを読む要素は、 記事リスト要素.

記事のプレビューの下にボタンまたはリンクを追加することで、訪問者が記事全体に移動するための明確でユーザーフレンドリーな方法が提供されます。

ページに記事の続きを読む要素を追加するにはどうすればいいですか?

ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを見つけます。

ステップ2： 左側のサイドバーから、 記事の続きを読む要素 ページ上の希望の位置にドラッグ アンド ドロップします。

ステップ3： 要素をクリックすると設定が開き、さらにカスタマイズできます。

設定タブを構成する

その 記事の続きを読む要素 デザインと機能のニーズに合わせて複数のカスタマイズ オプションが用意されています。

形式

記事の続きを読む要素の希望するレイアウトを選択します: 塗りつぶされた角括弧の有無 (テキストのみ)。

記事のソース

ボックスをクリックして、記事リスト要素の記事ソースを構成します。

サイズ

• 下 サイズ セクションで、要素の幅、高さ、パディングを変更して、ページ デザイン内に収まるようにします。 

幅 = コンテンツに合わせる (自動) の場合:

幅 = フル (100%) の場合:

• を調整する パディング 必要に応じて手動で視認性を高めてください。

経歴

• 以下のスクリーンショットに示すように、ジョブタイプを 背景色 この設定により、セクション全体のサイズを好みに応じて調整できます。

カラーコードを入力したり、カラーサンプルから選んだり、カラーピッカーを使ってみましょう。また、 最近の色 の三脚と あなたにおすすめ 時間と労力を節約するためのリスト。

• もしあなたが 画像の背景の横にあるボックスをクリックします 画像 新しい画像をアップロードするか、ライブラリからインポートして背景画像として設定するオプション。

形状

シェイプ設定は、記事リスト要素を含むセクション全体に適用されます。

• ボーダー: 記事リストセクションの境界線の色、太さ、線を変更できます。

• コーナー: セクションの角は、四角形、角丸四角形、または丸形にすることができます。

• Shadow: 記事一覧セクションの影を追加し、影の表示（サイズ、色、ぼかし、距離）を調整することができます。

アイコン

設定を開くには、オンになっていることを確認してください。

• アイコン： GemPages の利用可能なアイコン リストから選択するか、独自のアイコン (.SVG ファイルのみ) をアップロードすることもできます。
• ポジション： ボタン内のアイコンの位置を左または右に選択します。
• ギャップ： 見やすさを向上させるために、テキストとアイコンの間隔を調整します。

テキスト

次のようにボタンのテキストを自由に設定できます。

• 形式: 見出しを選択
• フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
• サイズ: 見出しが目立つようにフォント サイズを調整します。
• 色圏: デザインに合った色を選びます。
• 整列： テキストの配置を左、中央、右、両端揃えに調整します。

詳しくはこちら Show more 完全な設定を展開するには 文字スタイル セクション：

• フォントの太さ: テキストの太さや細さを制御します。
• 行の高さ: 読みやすくするために行間のスペースを調整します。
• 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
• エージェント型AIで研究開発を変革する: テキストを大文字、小文字、または各単語の最初の文字を大文字に変換します。
• Shadow: 見出しに深みを与えるためにテキスト シャドウを追加します。

効果

ホバー状態: ユーザーが要素の上にマウスを移動したときに要素がどのように変化するかを定義します。 

ホバー効果をカスタマイズするためのオプションには、

• 背景： 強調するために、ボタンに異なる背景を適用します。
• テキスト： マウスを置いたときのテキストの色を変更します。
• 形状： ホバー効果の境界線のサイズ、スタイル、角の半径をカスタマイズします。

整列

見出しの配置を調整して読みやすくします。左揃え、中央揃え、右揃えから選択できます。

記事の「続きを読む」要素をカスタマイズすることで、ナビゲーションが強化され、ユーザー エクスペリエンスが向上し、訪問者がコンテンツを簡単に探索できるようになります。

詳細タブを設定する 

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.