LION BLOGテーマのスタイルガイド

2017.09.02
テーマの特徴

LION BLOGを利用いただくと、このページにあるようなスタイルを用いてページを簡単に作成することができます。

1. 画像の表示スタイル
2. 見出しスタイル
3. h2見出し
- 3.1. h3見出し
  - 3.1.1. h4見出し
    - 3.1.1.1. h5見出し
4. ボックススタイル
5. マーカースタイル
6. リストスタイル
7. テーブルスタイル
8. その他

画像の表示スタイル

親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

見出しスタイル

見出しの紹介。

h2見出し

h3見出し

h4見出し

h5見出し

ボックススタイル

ボックスの紹介。

borderBox2
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

border2Box3
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

bgBox4
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

paperBox5
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

boldBox6
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

bracketsBox7
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

questionBox8
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

exclamationBox9
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

pointBox10
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

マーカースタイル

リストスタイル

リスト
リスト
- リスト
  - リスト
- リスト
- リスト
リスト

リスト
リスト
1. リスト
  1. リスト
2. リスト
3. リスト
リスト

テーブルスタイル

th入力例	th入力例
td入力例	td入力例
td入力例	td入力例
td入力例	td入力例
td入力例	td入力例
td入力例	td入力例
td入力例	td入力例
td入力例	td入力例

その他

strong

blockquote
親譲りの無鉄砲で小供の時から損ばかりして居る。小学校に居る時分学校の二階から飛び降りて一週間程腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。

~~del~~
ins
code

pre

注釈

今より満足できるサイトを作りませんか？

FITでは、誰もが良質なコンテンツをインターネット上に公開できるようにWordPress用無料テーマ「LION」を提供しています。 LIONテーマを使えば、SEO対策はもちろん、ユーザビリティに強化された美しいデザインのWEBサイトを作ることができます。

広告収益や売上に結びつけるためのマーケティング動線が強化されたLIONテーマを利用して、あなたのビジネスにお役立てください。

テーマの無料ダウンロードページへ

前の記事

ウィジェットに任意のCSSクラスを追加できるWPプラグインを使えば、PCとスマホで表示/非表示が簡単 2017.08.26
次の記事

ダブルレクタングル広告を簡単に表示できる機能を追加 2017.12.22

コメント（28件）

bibiko より:

2017年10月4日 2:16 PM

はじめまして。
こちらのテーマを使わせていただこうと思ってダウンロードしたのですが、
見出しのデザインは変えられないのでしょうか？
class属性を使おうかとも思いましたが、一文字目のサイズや、色が残ってしまうので、できれば変更方法を教えていただきたいです。

返信
- K Naito より:
  
  2017年10月6日 11:16 AM
  
  見出しのデザインについてですが、もちろん変更できます。CSSの具体的な書き方を個別に説明することはできませんが、一文字目のサイズや色もCSSを追加するだけで変更することができます。:first-letterとGoogleで検索してもらえれば、方法が見つかるかと思います。またどうしてもご自身で修正が難しければ個別にカスタマイズの依頼も有料で受けているのでご利用ください。
  
  返信
kawada より:

2017年11月2日 11:40 PM

大変すばらしいテーマであり使用させていただいています。

管理画面ではアイキャッチ画像のサイズ（推奨値？）が500×890PXに指定されていますが、それより小さいサイズにすると何か不具合が起こりますでしょうか？

実際に小さくしてみたのですが私の環境では問題ありませんでした。

返信
- K Naito より:
  
  2017年11月6日 1:13 PM
  
  推薦サイズを下回る場合の問題に関してですが、大きな問題は特にないんです。なのであくまで推薦サイズとしています。
  ただし、あまりにサイズが小さかったりすると、画像が荒く表示されたり、アスペクト比が16：9ではなくなってしまいます。
  
  返信
田中より:

2017年11月3日 1:52 AM

ダウンロードさせていただきました。ヘッダー部の丸いsnsボタンを3つ表示させましたが、丸い形だけで、丸の中に何も表示されません。フェイスブックのマークなど…クリックすると色だけは変わります。

後、個別記事の最後に関連記事を表示させると全く関係のないカテゴリーの記事が5つ関連記事のタイトル後に表示されます。その下に又、関連記事のタイトルが出てきて正常な記事が表示されます。
対処の方法などあればご教授お願い致します。

返信
- K Naito より:
  
  2017年11月6日 1:16 PM
  
  headerのSocial系の丸ボタンの中にアイコンが表示されないということですが、田中様の環境を拝見させていただけないと確かなことが言えません。
  なので、一度　http://lionblog.fit-jp.com/inquiry/　こちらのページからお問い合わせいただけないでしょうか？　どうぞよろしくお願いいたします。
  
  返信
dsc より:

2017年11月16日 11:00 AM

ずっと使わせていただいております。ワードプレス初心者ですが、
さくさく更新できてます。表示も速くて気持ちいいです。

ひとつうかがいたいのですが、
こちらのサイト様のように、右の欄にいろいろ表示するには
どこで設定したらいいのでしょうか。
説明してあるページなどございましたら教えていただけるとありがたいです。
(現在、右欄はなにも表示されていない状態です)

どうぞよろしくお願いいたします。

返信
- K Naito より:
  
  2017年11月16日 12:23 PM
  
  テーマのご利用ありがとうございます。
  右サイドにコンテンツを表示したいとのことですが、こちらはワードプレスの標準機能である「ウィジェット」機能を利用しています。
  
  これは、管理画面のメニュー内にある「外観」→「ウィジェット」から設定できます。詳しくはGoogoleで「WP　ウィジェット　使い方」などと検索してみてください。
  
  返信
dsc より:

2017年11月16日 11:23 PM

K Naito様

できました。
ありがとうございました。

返信
kurita より:

2018年1月5日 1:32 PM

はじめまして。テーマ使わせて頂いております。
初歩的な質問で申し訳ありません。

サイトのロゴ画像の上下左右の余白を縮めたいのですが、どこの数値を変えればいいでしょうか。

どうぞよろしくお願いいたします。

返信
- K Naito より:
  
  2018年1月5日 5:03 PM
  
  テーマのご利用ありがとうございます。
  個別にカスタマイズ方法のレクチャーをすることはできませんが、ロゴ画像の上下の余白は、CSSをカスタマイズすることで対応が可能です。子テーマをご利用であれば、子テーマ内のstyle.cssを編集してみてください。
  
  返信
よしはらより:

2018年1月8日 3:33 PM

はじめまして。
すごく便利で非常に助かっています。ありがとうございます。
スマホ用のメニューをカスタマイズしたいのですが（文字サイズや背景色など）、どこをさわればいいのかさっぱり分かりません。

返信
- K Naito より:
  
  2018年1月9日 1:55 PM
  
  テーマのご利用ありがとうございます。
  文字サイズや背景カラーの設定は、スタイルシートを用いて修正することが可能です。子テーマを利用しているのであれば、子テーマ内のstyle.cssに必要な内容を記述してください。子テーマを利用していない場合は、【外観】→【カスタマイズ】→【追加CSS】を用いて設定してください。CSSの記述方法などの技術的なレクチャーは行っておりませんのでご了承ください。
  
  返信
  - よしはらより:
    
    2018年1月9日 8:24 PM
    
    ご回答ありがとうございました。
    おかげでグローバルナビのCSSセレクタを無事に取得して思い通りのデザインにすることが出来ました。本当に助かりました。感謝します！！
    
    返信
松田より:

2018年1月29日 6:01 PM

はじめまして。テーマを使用させていただいております。
“メイン画像”を固定ページでも表示させることは可能でしょうか？
ご教示いただけますと幸いです。

返信
- K Naito より:
  
  2018年1月29日 8:46 PM
  
  松田様
  メイン画像に関してですが、固定ページをTOPページにする場合は、設定できないようになっています。
  必要であれば、そのようにカスタマイズすることもできますので、ご自身でカスタマイズを行うか、FITへご依頼ください。
  
  返信
さいとうより:

2018年2月18日 9:37 AM

テーマを使用させていただいております。ありがとうございます。
マーカースタイルに関してですが、を使ってもマーカーが表示されないのですが、CSS等をいじる必要があるのでしょうか？
ご教示頂けますと幸いです。

返信
- K Naito より:
  
  2018年2月19日 7:40 PM
  
  さいとう様
  コメントありがとうございます。
  マーカースタイルが反映されないとのことですが、それは恐らくブラウザキャッシュの問題だと思います。
  対象のページをリロードし、キャッシュをクリアしてみてください。それでもだめなら、現在お使いのプラグインに問題があるかもしれませんので、一度すべて停止し(キャッシュ系プラグインがあればまずはそれから)、対象のページをリロードしてみてください。
  
  返信
  - さいとうより:
    
    2018年2月26日 11:39 PM
    
    コメントありがとうございました。
    キャッシュをクリアしたり、何度かプラグインを停止させてリロードして見たりしましたが、反映されませんでした。
    また、個人的にCSSへマーカースタイルの記述を追記し試して見ましたが、こちらもダメでした。お判りになりましたら、ご教示頂けますと幸いです。
    
    返信
    - K Naito より:
      
      2018年2月27日 5:28 PM
      
      なるほど、
      もしかしたら、テーマのバージョンが1.x.x系になっていませんか？
      マーカーなどの一部スタイルはver2.0.0からの新機能となっているので、
      テーマのバージョン違いによって表示がされていないのかもしれません。
      
      返信
MOmama より:

2018年2月22日 11:05 AM

LION BLOGテーマのスタイルガイドのスタイルを使いたいのですが、
pointBox10とマーカースタイルが表示されません。の指定だけではダメだったので、CSSを確認したところ、contents.css に”pointBoxのタグがなかったので、自分で追加したりしてみたのですが、反映されません。
正式な導入の仕方を教えてください。

返信
- K Naito より:
  
  2018年2月22日 1:18 PM
  
  MOmama様
  コメントありがとうございます。
  マーカースタイルが反映されないとのことですが、それは恐らくブラウザキャッシュの問題だと思います。
  対象のページをリロードし、キャッシュをクリアしてみてください。それでもだめなら、現在お使いのプラグインに問題があるかもしれませんので、一度すべて停止し(キャッシュ系プラグインがあればまずはそれから)、対象のページをリロードしてみてください。
  
  返信
- K Naito より:
  
  2018年2月22日 2:41 PM
  
  追記
  もしキャッシュが問題でない場合、テーマのバージョンを確認してください。「pointBox10」styleはバージョン2.0.0から追加された新要素となっています。
  
  返信
  - MOmama より:
    
    2018年2月22日 3:21 PM
    
    バージョンの問題でした。更新して2.0.0にしたら、反映されました。ありがとうございました。
    
    返信
NY より:

2018年3月1日 10:30 PM

初めまして、WordPress初心者ですが現在愛用させてもらっています。

投稿した記事の本文全体の文字サイズを大きくするにはどうすればいいのでしょうか？

よろしくお願いいたします。

返信
- K Naito より:
  
  2018年3月5日 11:27 AM
  
  NY様
  コメントありがとうございます。
  子テーマのスタイルシートを利用して、文字を大きくしたい部分のスタイルを編集することで実現できます。また文字の大きさだけでなく、色やフォントも子テーマのスタイルシートを編集することで、変更できます。
  
  返信
teruo より:

2018年4月3日 9:11 PM

初めまして、ライオンブログを使わせてもらおうとしている者ですが、アイキャッチ画像を設定した途端に必ず、Warning: count(): Parameter must be an array or an object that implements Countable in C:\xampp\htdocs\wp01\wp-includes\media.php on line 1206とエラーコードが表示されてしまうのですがなぜでしょうか？
画像を推奨サイズにしても解決しません。
XAMPP環境が影響しているのでしょうか？

ご回答お待ちしています。

返信
- K Naito より:
  
  2018年4月9日 12:59 PM
  
  teruo様
  コメントありがとうございます。
  ＞XAMPP環境が影響しているのでしょうか？
  当テーマだけでアイキャッチ登録時にエラーが発生しているのでしょうか？
  恐らく問題はPHPのバージョンだと思います。7.0系であれば、エラーが発生しないと思うのですが、いかがでしょうか。
  
  返信