CSS

LION MEDIA(BLOG)のカスタマイズ総まとめ-WordPressテーマ【保存版】

WordPressのテーマである「LION MEDIA」と「LION BLOG」のカスタマイズ方法を総まとめしました。 今から無料のテーマ「LION MEDIA」または「LION BLOG」を使ってみようと考えている方や、現在使っているけどカスタマイズしてみたいと思っている方へのコンテンツです。 カスタマイズ一覧表   Step1 LION BLOG(ライオン ブログ)をインストール & […]

CSS Font Awesome 5

Font Awesomeを使おう・Webアイコンの使い方【CSS】

Font Awesomeのバージョンは現在「Font Awesome 5」が最新版として利用できます。(2018年12月時点) Font Awesome 5は、Web上で文字と同じように扱うことができるアイコンなので、拡大しても画質が劣化しませんし、色やサイズも自由に変更できます。 このFont Awesome 5の使い方を解説していきます。   「Font Awesome 5」の見本で […]

【WordPress】Simplicity2の記事と記事の間に線を入れて見やすくする方法~CSSコピペ

WordPressのテーマで人気のSimplicity2のトップページに新着記事を並べますが、記事と記事の間に線を入れて見やすくする方法を紹介します。 CSSをコピペするだけで実装できますので試してみて下さい。   記事と記事の間に線を入れるBefore After トップページの記事と記事の間に線を入れる前と入れた後のサンプルを見て下さい。 以下のような線を入れるCSSを紹介します。 […]

【WordPress】Simplicity2のカテゴリーの前にFont Awesomeを挿入~CSSカスタマイズ

WordPressのテーマであるSimplicity2のサイドバーに表示されるカテゴリーアイコンをカスタマイズする方法を紹介します。 単なる「・Webデザイン」だけだと寂しいので「Font Awesome」を挿入してみました。     Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行います。 Simplici […]

【WordPress】Simplicity2の「記事を読む」ボタンをCSSでカスタマイズ~コピペ対応

WordPressのテーマであるSimplicity2の「記事を読む」をボタン化してCSSでカスタマイズする方法を紹介します。 Simplicity2をカスタマイズしていくと止まらないですよね。初心者でも簡単にできますので試してみて下さい。   Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行います。 Simplici […]

【WordPress】Simplicity2のサイドバー見出しのカスタマイズ-CSSコピペ

人気のWordPressのテーマであるSimplicity2のサイドバー見出しをCSSでカスタマイズする方法をご紹介します。 そのまま使っても全然カッコいいのですが、自分好みにされたい方のために記事にしておきます。 初心者の方でも簡単にできますのでご覧ください。   Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行いま […]

【WordPress】Simplicity2の見出しをCSSでカスタマイズ

WordPressのテーマ「Simplicity2」の見出しをカスタマイズする方法をご紹介します。 Simplicity2はSEOにも強く、デザイン性やカスタマイズ性にも優れているので、人気があり利用者が多いテーマの一つです。 そのまま使ってもカッコいいデザインなのですが、自分好みにカスタマイズするのもいいですね。   Simplicity2のダウンロード 親テーマと子テーマをダウンロー […]

CSS

【CSS】クリックしたくなるボタンのサンプル-コピペで貼り付け

くリックしたい!押してみたい!と思わせるようなボタンをHTMLとCSSだけで作ったサンプルをご紹介します。 ボタンを作るなら、ついつい押したくなるようなボタンのデザインにしてコンバージョン率を高めましょう。   フラットデザイン 年々進化するボタンですが、ここ最近では、フラットデザインが主流になってきています。 Windows8やiOS 7からフラットデザインの開発が進んできました。 よ […]

CSS

ブログのおしゃれな見出し用CSSサンプル-コピペで貼り付け

ブログ用の見出しCSSサンプル第三弾です。 今回は、CSSでおしゃれな見出しサンプルをご紹介します。他の方とちょっと差をつけよう。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     おしゃれな見出しサン […]

CSS

ブログの囲い枠の見出し用CSSサンプル-コピペで貼り付け

ブログ用の見出しCSSサンプル第二弾です。 今回は、CSSで囲い枠がある見出しサンプルをご紹介します。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     囲い枠がある見出しサンプル   シンプ […]

CSS

ブログのシンプルな見出し用CSSサンプル-コピペで貼り付け

ホームページやブログで見出しは必須の要素ですね。 ここでは、シンプルなデザインの見出し用CSSサンプルを紹介します。コピペでそのまま貼り付けることができます。 気に入った見出しがあれば使って下さい。(この記事へのリンクも自由です)   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     &nb […]

【WordPress】LION MEDIAのサイドバーの見出しをCSSでカスタマイズ

WordPressのテーマである「LION MEDIA」で、ウィジェットを使ってサイドバーにカテゴリーや新着記事や広告を掲載できます。 しかし、サイドバーの見出しのデザインが好みではなかったので少し編集してみました。   完成形の見本   子テーマにCSSを追加する デザインするCSSは何でもいいのですが、上記の完成形のCSSを追加してみます。   [crayon-5 […]