WordPressの使い方・LION MEDIAのカスタマイズ・アフィリエイトで稼ぐ
LION MEDIAのテーマには、リンク前に「参考」や「LINK」「キーボードのキー」のバッチがありません。 そこで、LION MEDIAにCSSでカスタマイズを行い、リンクの前に「参考」「LINK」のバッジをつけたり、パソコンの操作説明として「キーボードのキー」を表現するためのCSSを紹介します。 バッジの見本（完成バッジ） 今回は、以下のバッジを作るCSSを紹介します。 参考 参 […]
LION MEDIAを少しオシャレにしたいと思っている方へ、個別記事のヘッダー画像の大きさやタイトル下の情報部を不透明にしたり、アイキャッチの画像の透明度調整などのカスタマイズ方法を解説します。 ここで紹介する方法をアレンジすることで、更に自分好みにカスタマイズできるように解説していきますので、勉強も兼ねてご覧ください。 今回カスタマイズする部分 ヘッダー背景画像サイ […]
WordPressのテーマである「LION MEDIA」と「LION BLOG」のカスタマイズ方法を総まとめしました。 今から無料のテーマ「LION MEDIA」または「LION BLOG」を使ってみようと考えている方や、現在使っているけどカスタマイズしてみたいと思っている方へのコンテンツです。 初心者の方は、まずこの記事をみてください。 LION MEDIAやLION BLOGで子テーマを使う方 […]
Font Awesomeのバージョンは現在「Font Awesome 5」が最新版として利用できます。（2018年12月時点) Font Awesome 5は、Web上で文字と同じように扱うことができるアイコンなので、拡大しても画質が劣化しませんし、色やサイズも自由に変更できます。 このFont Awesome 5の使い方を解説していきます。 「Font Awesome 5」の見本で […]
WordPressのテーマで人気のSimplicity2のトップページに新着記事を並べますが、記事と記事の間に線を入れて見やすくする方法を紹介します。 CSSをコピペするだけで実装できますので試してみて下さい。 記事と記事の間に線を入れるBefore After トップページの記事と記事の間に線を入れる前と入れた後のサンプルを見て下さい。 以下のような線を入れるCSSを紹介します。 […]
WordPressのテーマであるSimplicity2のサイドバーに表示されるカテゴリーアイコンをカスタマイズする方法を紹介します。 単なる「・Webデザイン」だけだと寂しいので「Font Awesome」を挿入してみました。 Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行います。 Simplici […]
WordPressのテーマであるSimplicity2の「記事を読む」をボタン化してCSSでカスタマイズする方法を紹介します。 Simplicity2をカスタマイズしていくと止まらないですよね。初心者でも簡単にできますので試してみて下さい。 Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行います。 Simplici […]
人気のWordPressのテーマであるSimplicity2のサイドバー見出しをCSSでカスタマイズする方法をご紹介します。 そのまま使っても全然カッコいいのですが、自分好みにされたい方のために記事にしておきます。 初心者の方でも簡単にできますのでご覧ください。 Simplicity2のダウンロード 親テーマと子テーマをダウンロード Simplicity2のダウンロードは以下で行いま […]
WordPressのテーマ「Simplicity2」の見出しをカスタマイズする方法をご紹介します。 Simplicity2はSEOにも強く、デザイン性やカスタマイズ性にも優れているので、人気があり利用者が多いテーマの一つです。 そのまま使ってもカッコいいデザインなのですが、自分好みにカスタマイズするのもいいですね。 Simplicity2のダウンロード 親テーマと子テーマをダウンロー […]
くリックしたい！押してみたい！と思わせるようなボタンをHTMLとCSSだけで作ったサンプルをご紹介します。 ボタンを作るなら、ついつい押したくなるようなボタンのデザインにしてコンバージョン率を高めましょう。 フラットデザイン 年々進化するボタンですが、ここ最近では、フラットデザインが主流になってきています。 Windows8やiOS 7からフラットデザインの開発が進んできました。 よ […]
ブログ用の見出しCSSサンプル第三弾です。 今回は、CSSでおしゃれな見出しサンプルをご紹介します。他の方とちょっと差をつけよう。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。 WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。 おしゃれな見出しサン […]
ブログ用の見出しCSSサンプル第二弾です。 今回は、CSSで囲い枠がある見出しサンプルをご紹介します。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。 WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。 囲い枠がある見出しサンプル シンプ […]
ホームページやブログで見出しは必須の要素ですね。 ここでは、シンプルなデザインの見出し用CSSサンプルを紹介します。コピペでそのまま貼り付けることができます。 気に入った見出しがあれば使って下さい。（この記事へのリンクも自由です） WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。 &nb […]
WordPressのテーマである「LION MEDIA」で、ウィジェットを使ってサイドバーにカテゴリーや新着記事や広告を掲載できます。 しかし、サイドバーの見出しのデザインが好みではなかったので少し編集してみました。 完成形の見本 子テーマにCSSを追加する デザインするCSSは何でもいいのですが、上記の完成形のCSSを追加してみます。 [c […]
