専門用語などにはポップアップする説明をつけているので時間が長く表示されることがあります。メルマガ購読特典の目次付きテンプレートの使い方についてこの記事で解説していきます。いろんな種類のテンプレートありますが、ソーシャルにシェアされることを想定して作成しております。630px」の部分を画像に差し替えます。630px」の画像を用意してアメブロにアップロードします。普通に挿入してその後に余分なタグを省くとOKです。自社サイトがある方は、自社サイトにリンクさせることをおすすめします。抜粋文章についてタイトルが27文字までに収まっていると1行抜粋文章が表示されます。27文字を超えている場合は、Facebookでは表示されないこともあります。「書き出し文章」の部分を変更して毎回抜粋文が同じにならないように工夫した方がいいですね。目次の設定について目次は、必ずしも5つというわけではありません。3つでも7つでも自由です。目次の中にあるリンクは、各見出しのところまでページ内を飛ばして読めるためのリンクになってます。上記のタグの中で蛍光ペンでマーカーしてるところがポイントです。今回は、HTML属性でidを使用していますが、name属性でも可能です。ダブルクォーテーションの中の言葉が符合していることが大事です。これがわかると増やすことも可能ですね。目次の中に自社サイトへのリンクを入れておくのもアリだと思います。各見出しについては、インラインスタイルシートと言ってHTMLタグの属性としてスタイルシートを設定しております。アメブロについては、この方法でないとスマホでの表示がスタイルシートが反映しないようになっているのでこの部分で文字数が増えてしまうのは仕方ないかもしれません。HTMLタグ含め40000字以内というアメブロの文字数制限に引っかからないように注意してください。見出しタグはHタグです。divではありません。Hタグでないと検索エンジンのクローラーが見出しに使われているキーワードを拾ってくれないこともありますね。スタイルシートのカスタマイズ見出しでスタイルシートのカスタマイズをする場合は、色やフォントのサイズ・書体・太さなどが多いですね。記述方法の違いがあったりするので気をつけてください。フォントサイズなどは、3種類のサイズの記述方法があったりします。色の変更方法タグの中で色に関するコードを指定しております。その色コードを変更することで自分のアメブロにあわせた色に変更することが可能です。コードの中で時折、記述方法が違う場合もあるので記述方法の違いにはご注意ください。色コードは、下記のページで参照してください。カラーコードが一目でわかるWEB色見本https://wp908.com/2019/01/25/colorcode/WEBカラー見本は、ブラウザで使用できるカラーを16進数で140色表示しております。WEBサイト作成の参考にしてください。記事の下部に追加するお知らせやクイックナビなどについては、フォーマットがあると便利ですね。テンプレートにはお知らせのみが表示されています。パソコンのブラウザでは見るとグローバルナビやサイドバーは、見えていますがスマホでは一切ひょうじされないのが、アメブロの特徴なのです。お知らせという形などで簡易的にアクセスしてもらえるリンクを入れておくと便利なのです。スマホユーザーの大半は、記事本体しか見ない方が多い中で入れてないと十分にフォロワーさんたちに伝えることができないですね。WEBのことならくまはちLABにお任せください。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。