WordPress

2/5ページ

【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を追加してみます。   [c […]

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

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

WordPressの固定ページを作ってみる-初心者向け-

WordPressで記事を書くには「投稿」と「固定ページ」があります。 この2種類の作成方法のうち、今回は「固定ページ」の作成方法について解説していきます。   固定ページを作る 固定ページを作る時も、投稿と同じでダッシュボードから行います。 ダッシュボードから「固定ページ」へ進みます。   固定ページの「新規追加」をクリックします。   基本の書き方は投稿と同じです […]

アフィリエイト

アフィリエイト初心者のための完全保存版 今やアフィリエイトで稼ぐことは当たり前の世の中になってきており、ブログを公開したら広告を付けて少しでも稼ごうとしているブロガーもいます。 アフィリエイトを始めたいけど、どうしたら始められるのか分からないまま時が経っている方は必見。 今からアフィリエイトで稼ぎたいという方のために、アフィリエイトの始め方から稼ぎ方をまとめてみました。   Google […]

「AdSense ポリシーに違反しているサイトがあります」警告文の対処法

アフィリエイトの一つとして「Googleアドセンス」がありますが、AdSenseポリシーに違反していると警告文の表示が出てしまった方いませんか? Adsenseからも「AdSense プログラム ポリシー遵守のため対応が必要な状態です」とメールがきて、対策をすればGoogleに連絡する必要はないと言われているにも関わらず、警告文が消えない。 警告文を消す方法をご紹介します。   ポリシー […]

WordPressのブログをSSL化~過去の記事を一括でhttpsに変更するプラグインSearch Regex~

WordPressのブログをSSL化したけど、過去の記事が「http」のままです。 過去の記事を手作業で行うのは大変なので一括で「https」にするプラグイン(Search Regex)を紹介いたします。 SSL化(https://~)の方法は以下の記事を参考にして下さい。   正常にSSL化されたらブラウザのアドレスバーには以下のように表示されます。  SSL化されているサイト &nb […]

ロリポップ!で無料の独自SSL化の設定方法~httpsにする手順~

ロリポップ!に契約されている方は、無料でSSL化にすることができます。 http:// → https:// にすることです。 ロリポップ!のSSL化は超簡単に設定できます。   Googleでは、2018年7月リリースの「Chrome68」から「http://~」で始まるすべてのサイトで警告表示されることになりました。 今のうちにhttps://(SSL化)を進めましょう。   […]

LION MEDIAのカスタマイズ・「IcoMoon」を編集してWebフォントを追加しよう

今回は、LION MEDIAで使用している「IcoMoon」フォントにアイコンを追加する方法を解説します。 LION MEDIAには、デフォルトで16個のアイコンが登録されています。   (現在登録されているアイコン) これら16個のアイコンに追加していく方法を解説していきます。 LION MEDIAで「IcoMoon」フォントはどこに使われているのか 「IcoMoon」フォントは、ブロ […]

WordPressでソースコードを表示させるプラグインCrayon Syntax Highlighter

WordPressでブログを書いている時に、HTMLコードやCSS、PHP、JavaScriptコードをキレイに表示させる「Crayon Syntax Highlighter」プラグインを紹介します。 ブログでHTMLやCSSのソースコードを公開したり解説したりされる方にとっては最高のプラグインだと思います。 既にCrayon Syntax Highlighterは50,000人以上の方がインスト […]

LION MEDIAをカスタマイズしてWordPressブログの更新日時を表示させる

WordPressのテーマ「LION MEDIA(ライオンメディア)」にも「LION BLOG(ライオンブログ)」もブログの更新日時が表示されません。 今回は、WordPressをカスタマイズしてブログの更新日を表示させる方法を解説していきます。   ブログの更新日が必要な理由 僕もそうなのですが、何かの情報を探す時に公開日や、更新日は気にしますよね? 極端な例ですが、レンタルサーバーの […]