WordPress

1/4ページ

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年9月時点) Font Awesome 5は、Web上で文字と同じように扱うことができるアイコンなので、拡大しても画質が劣化しませんし、色やサイズも自由に変更できます。 このFont Awesome 5の使い方を解説していきます。   「Font Awesome 5」の見本です […]

Googleサーチコンソールの登録方法【初心者向け】SEO改善に不可欠!

Googleが無料で提供している「サーチコンソール(Search Console)」は、SEO改善に不可欠です。ブログを運営されている方、サイトを運営されている方には必須のツールです。 まだ、サーチコンソールを使っていない方は、この機会に使ってみて下さい。 また、サーチコンソールに登録はしているものの、使い方が分からず宝の持ち腐れになっていませんか? そんな方のために、登録の方法とサーチコンソール […]

サーチコンソールで「送信されたURLにnoindexタグが追加されています」の対処方法

Googleサーチコンソールから「インデックス カバレッジの問題」というメールが届きました。 Googleサーチコンソールからのメールは以下です。 Googleのサーチコンソール(Search Console)は「送信されたURLにnoindexタグが追加されています」とエラーメッセージ出ているようです。 そのまま放置していてもあまりよくないので対処していきたいと思います。   「送信さ […]

エックスサーバーでメール設定![初心者用]独自ドメインでメール設定の方法

有名なエックスサーバー でメールアカウントの設定をする方法をご紹介します。 ここで紹介する内容は、独自ドメインを取得されており、エックスサーバーと契約されている方が対象になります。   エックスサーバーにログイン まずは、エックスサーバーにログインします。 会員IDまたはメールアドレスを入力 インフォパネルパスワードを入力   サーバーパネルに「ログイン」ボタンをクリックする。 […]

エックスサーバーで無料の独自SSL化を設定する方法~httpsにする手順~

高速サーバーで人気のエックスサーバーでSSL化をする方法を紹介します。 エックスサーバーでは、無料で簡単にSSL化することができます。https://にするということです。 SSLとはなにか SSL(Secure Sockets Layer)の略で、インターネット上でデータを暗号化して送受信するプロトコルの一つです。 個人情報であるユーザー名、パスワード、クレジットカード情報などのデータを暗号化し […]

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

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

【WordPress】Simplicity2の記事に公開日と更新日を表示させる方法

WordPressのテーマ「Simplicity2」の新着記事一覧や記事に更新日を表示させる方法を紹介します。 Simplicity2をそのまま使っていると、新着記事の一覧や投稿記事には公開日しか表示されません。そこで、公開日と更新された記事であれば、更新日を表示する方法です。 PHPを少し修正しますが、簡単ですので参考にして下さい。   更新日を表示した場合のイメージ 記事一覧表示のイ […]

【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 […]

【WordPress】LION MEDIAのカテゴリーデザインをCSSでカスタマイズ

WordPressのテーマである「LION MEDIA」では、ウィジェットを使ってサイドバーにカテゴリー一覧を表示させることができます。 カテゴリーの一覧を表示させることでユーザビリティが向上し、目的のカテゴリーへ誘導させることができるのです。 しかし、LION MEDIAのカテゴリー表示のデザインは味気ないためCSSでカスタマイズしてみました。   これからカスタマイズする完成形 &n […]

1 2 3 4