WordPressの使い方・アフィリエイトで稼ぐ・SEO対策関連の情報を配信
WordPressのテーマである「LION MEDIA」と「LION BLOG」のカスタマイズ方法を総まとめしました。 今から無料のテーマ「LION MEDIA」または「LION BLOG」を使ってみようと考えている方や、現在使っているけどカスタマイズしてみたいと思っている方へのコンテンツです。 カスタマイズ一覧表 Step1 LION BLOG（ライオン ブログ）をインストール & […]
Font Awesomeのバージョンは現在「Font Awesome 5」が最新版として利用できます。（2018年9月時点) Font Awesome 5は、Web上で文字と同じように扱うことができるアイコンなので、拡大しても画質が劣化しませんし、色やサイズも自由に変更できます。 このFont Awesome 5の使い方を解説していきます。 「Font Awesome 5」の見本です […]
Googleが無料で提供している「サーチコンソール（Search Console）」は、SEO改善に不可欠です。ブログを運営されている方、サイトを運営されている方には必須のツールです。 まだ、サーチコンソールを使っていない方は、この機会に使ってみて下さい。 また、サーチコンソールに登録はしているものの、使い方が分からず宝の持ち腐れになっていませんか？ そんな方のために、登録の方法とサーチコンソール […]
Googleサーチコンソールから「インデックス カバレッジの問題」というメールが届きました。 Googleサーチコンソールからのメールは以下です。 Googleのサーチコンソール（Search Console）は「送信されたURLにnoindexタグが追加されています」とエラーメッセージ出ているようです。 そのまま放置していてもあまりよくないので対処していきたいと思います。 「送信さ […]
有名なエックスサーバー でメールアカウントの設定をする方法をご紹介します。 ここで紹介する内容は、独自ドメインを取得されており、エックスサーバーと契約されている方が対象になります。 エックスサーバーにログイン まずは、エックスサーバーにログインします。 会員IDまたはメールアドレスを入力 インフォパネルパスワードを入力 サーバーパネルに「ログイン」ボタンをクリックする。 […]
高速サーバーで人気のエックスサーバーでSSL化をする方法を紹介します。 エックスサーバーでは、無料で簡単にSSL化することができます。https://にするということです。 SSLとはなにか SSL（Secure Sockets Layer）の略で、インターネット上でデータを暗号化して送受信するプロトコルの一つです。 個人情報であるユーザー名、パスワード、クレジットカード情報などのデータを暗号化し […]
WordPressのテーマで人気のSimplicity2のトップページに新着記事を並べますが、記事と記事の間に線を入れて見やすくする方法を紹介します。 CSSをコピペするだけで実装できますので試してみて下さい。 記事と記事の間に線を入れるBefore After トップページの記事と記事の間に線を入れる前と入れた後のサンプルを見て下さい。 以下のような線を入れるCSSを紹介します。 […]
WordPressのテーマ「Simplicity2」の新着記事一覧や記事に更新日を表示させる方法を紹介します。 Simplicity2をそのまま使っていると、新着記事の一覧や投稿記事には公開日しか表示されません。そこで、公開日と更新された記事であれば、更新日を表示する方法です。 PHPを少し修正しますが、簡単ですので参考にして下さい。 更新日を表示した場合のイメージ 記事一覧表示のイ […]
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を追加してみます。 [crayon-5 […]
WordPressのテーマである「LION MEDIA」では、ウィジェットを使ってサイドバーにカテゴリー一覧を表示させることができます。 カテゴリーの一覧を表示させることでユーザビリティが向上し、目的のカテゴリーへ誘導させることができるのです。 しかし、LION MEDIAのカテゴリー表示のデザインは味気ないためCSSでカスタマイズしてみました。 これからカスタマイズする完成形 &n […]
