【2022年最新】人気・おすすめのWebマーケスクール9選

【LION MEDIA】高度な設定の解説!ダウンロードすればすぐできるカスタマイズ!

当記事の信頼性
管理人:かつさんど
  • 現役Webマーケター
    元Webディレクター
  • 東証一部上場の不動産系企業で勤務
  • 最高収益:月間30万円

本ブログで利用しているテーマ「LION MEDIA」の高度な設定の解説をします。

項目名は高度な設定という名称ですが、複雑な設定内容ではなく、基本的に必要な時だけ利用する項目になります。

今回は、html文書内の「head」と「body」に自由に記述を追加することができる部分がありますが、急にソースコードを追加できると書かれても、困ると思うので用語の説明から入ります。

目次

「html」「head」「body」とは?

html文書は、「html」「head」「body」の3つで構成されており、「html」の中に「head」「body」の順に記述されています。

<head>~</head>の間には、文書のタイトル等のファイルの情報を宣言するヘッダ情報を記述します。
<body>~</body>の間には、 実際にブラウザに表示されるページのコンテンツを記述します。

言葉自体の意味は、深く理解しなくても大丈夫ですが、htmlファイルはどういう構造になっているかということだけ理解してもらえればと思います。

htmlの文章は下記のようなイメージになります。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<title>~<title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
実際のページのコンテンツ情報が入ります。
</body>
</html>

</head>直上の自由入力エリア

LION MEDIAでは、headタグにCSSの読み込みの記述などを追加することが推奨されているようです。

[st-mybox title=”設定内容” fontawesome=”fa-file-text-o” color=”#757575″ bordercolor=”#f3f3f3″ bgcolor=”” borderwidth=”3″ borderradius=”5″ titleweight=”bold” title_bordercolor=”#757575″ fontsize=”” myclass=”st-mybox-class st-title-under st-list-circle” margin=”25px 0 25px 0″]

LION MEDIAでheadタグに追加する内容

・CSSやJavaScriptファイルの読み込み

・URLの正規化(link rel=”canonical”)

・サイトのアイコン

・フィードページのURLを指定

[/st-mybox]

などが追加できるかと思います。

</body>直上の自由入力エリア

LION MEDIAでは、bodyタグにJavascriptの読み込みの記述などを追加することが推奨されているようです。

もしbodyタグに入れるものがあれば追加しましょう。

アーカイブページの<title>設定

LION MEDIAの様々なアーカイブページのタイトルタグの前半部分を入力して設定することができます。

例えばお知らせカテゴリーであれば、デフォルトでは下記のようなtitleタグになっていますが、お知らせの前に文字を追加することができます。

<title>お知らせ | サイト名</title>

よかったらシェアしてね!
  • URLをコピーしました!
目次
閉じる