関連記事ブログカード（内部リンク）のデザイン

関連記事のデザインは以下のように変えてみました

• 色付きの枠に
• タイトルは上部に移動
• 記事の一部（2行分）をスマホでも表示
• 日付を消して、リンク文字風の続きを読むに変更

カードタイプ

管理画面「関連記事」ボタン内から出力する内部リンクのデザインです。「タイトル」に入れた文字が、上部の見出しに反映されます。

関連記事カエレバとRinkerについて

2018.7.14

これからはカエレバよりRinkerが主流になるかなと思い、ショップカラーのチョイスもRinkerに合わせています。 色を統一することでカエレバとRinkerが混ざっても、あまり違和感なくなってるかと思います。 Rinker カエレバ パソコンでは常にボタン2列ですが、スマホで見たときには3つまで横並...

あわせて読みたい吹き出しのデザイン

2018.7.14

今や吹き出しは必須ですよね！ 吹き出しサンプル ぽてこ アイコンはパソコンから見ると大きめ（80px）、横幅768px以下のスマホetcで見ると小さめ（60px）に設定しています。 存在感出したかったので薄いグレーの背景をデフォルト（白背景）でつけました。 ぽてお 右の吹き出しはこんな感じで出てくる...

「タイトル」を入力しない場合、シンプルな枠のみになります。

よくある記事の構成（h2〜h4とリストタグ）・タイトル32文字に設定！

2018.7.14

タイトルは推奨されている32文字にしてみました（一般的に32文字以下に収めるのが良いと言われています） ここに導入文が入ります！ 下まで読もうという気にさせるものを書きましょう〜 h2のタイトル 段落の文章が入ります。段落の文章が入ります。段落の文章が入ります。段落の文章が入ります。段落の文章が入り...

URLを貼り付けるだけでもカード型ブログカードが出てくるのですが、この場合もタイトルがないカードになります。

吹き出しのデザイン

2018.07.12

今や吹き出しは必須ですよね！ 吹き出しサンプル ぽてこ アイコンはパソコンから見ると大きめ（80px）、横幅768px以下のスマホetcで見ると小さめ（60px）に設定しています。...

テキストタイプ

関連記事→リストを選んで出力する内部リンクです。

こちらも「タイトル」に入れた文字がそのまま見出しに反映されます。

こちらも「タイトル」を入力しないと見出しなしのシンプルな枠になります。