WordPressはさまざまな用途があるツールです。 コンテンツ管理システムとしても、ブログプラットフォームとしても使用できます(と組み合わせた、シンプルで高性能なLC / MSシステム).

これは間違いなく、このツールの習得、使用、カスタマイズが簡単だからです。 つまり、あまり労力をかけずに、好きなようにWebサイトを変換できます。 WordPressの投稿やページにさまざまな背景を追加することもできます。このチュートリアルの主題は、この最後の部分です。

WordPressの投稿やページに色やスタイルを追加したい場合は、このガイドでXNUMXつのアプローチを使用してトピックを見ていきます。 まず、CSSと単純なPHP関数を使用して、投稿またはページにさまざまな背景を追加します。

しかし、それがあなたのお茶ではない場合(あなたは完璧な初心者であり、コードはあなたのビジネスではないとしましょう)、それを支援するプラグインを提供します。

いずれにせよ、比較的簡単なプロジェクトなので、多くの時間を無駄にする必要はありません。 さらに、何か新しいことを学ぶのはいつも楽しいです。

しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

WordPressのコードで背景を追加する方法

このセクションは、PHP、HTML、およびCSSの知識がある場合に非常に役立ちます。 ここで提供されているスニペットはいつでもコピーして貼り付けることができますので、ご安心ください。 WordPressインストールのどこにさまざまなファイルがあるかを知る必要があります。

理由を発見 ビデオの背景は常に良いアイデアではありません

WordPressのCSSでさまざまな背景を追加する

WordPressの記事やページ(に入るスタイルの多くそしてあなたのウェブサイト全体)は、「スタイルシート 」。 WordPressのスタイルシートファイルは、通常「style.css」に名前が変更されます。 「にアクセスできます style.cssの 「 外観>エディター WordPressダッシュボードで:

ワードプレスのテーマを編集する

背景を追加します(およびその他のスタイル)style.cssファイル内の記事とWordPressページ。したがって、さまざまな変更をプレビューできる2番目のタブを開くことが重要です。

これらもご覧ください 開発者のワードプレスのためのいくつかのテキストエディタ

「」に移動するとき 外観>エディター のすべてのモデルのリストも表示されます。 ワードプレスのテーマ 画面の右側にあります。 子テーマを使用している場合は、親テーマのテンプレート ファイルをアップロードする必要があります。

ファイルに集中する必要があります " header.phpの '。 なぜheader.php ? このファイルは他のすべてのページと記事に追加されるためです。 つまり、header.php内のコードは、作成するすべてのページまたは投稿に表示されます。

このコードスニペットを見つけます。

>>

この機能には目的があります。 記事やページのスタイルを変更するために使用できるCSSクラスを提供します。 あなたがしなければならないのは、カスタマイズしたいページまたは記事に特定のCSSクラスをターゲットにし、背景とスタイルを追加することです。 あとは、変更を保存するだけです。

これを発見 WordPressプラグインYellow Pencilで具体的にできることは何ですか?

したがって、「

投稿やページのソースコードを表示するのは簡単です。 Chromeを使用している場合は、ページの何もないスペースを右クリックして、[ 要素を検査する 」。 Mozillaでは、記事/ページを直接右クリックしてから、「 ページのソース 」。 Microsoft Edge(Internet Explorer)を使用している場合は、ページ/記事を右クリックして[ ソースを表示します '。

同様に学ぶ 効果的にWebブラウザでタブを使用する方法

WordPressページのソースコードを見ると、生成されるコードはほとんど同じです。

単一の記事のソースコードを見ると、body_class関数は次のようなものを表示します。

ご覧のとおり、ブログの背景をカスタマイズするために使用できるCSSセレクターセットがあります。

プラグインでカスタム背景を追加する方法

以前に示したように、WordPress の投稿とページの背景をカスタマイズすることもできます。 WordPressのプラグイン. したがって、コードをいじったり、これらの手順に従う時間がない場合は、そこに到達するのに役立つプラグインを次に示します。

プレミアムWordPressのカスタム背景

数分で カスタム背景 記事、ページ、カスタム出版形式、分類法、アーカイブなどの背景を回転させることができます。 視差効果、タイマーなどをカスタマイズすることもできます。

ワードプレスのカスタム背景

あまり設定しなくても、WordPressの投稿やページにクリック可能な背景を設定することもできます。 作成者は、プラグインを購入する前にテストすることもできるので、何が期待できるかを知ることができます。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1。 Zxeion 

ゼシオンは強い  WordPressのプラグイン これにより、ウェブサイトのセキュリティが強化されます。 このプラグインには、追加の保護とネットワークのリアルタイム保護のためのパッチとツールのコレクションが含まれており、Webサイトに対する脅威を特定し、何もせずにそれらをブロックするのに役立ちます。何でも。Zxeionセキュリティファイアウォールは私のwpプラグインワードプレスを非表示にします

その機能には、リアルタイム保護、管理セクションを非表示にする機能、自動ファイアウォール禁止、ファイル保護、IPブロッカー、ブルートフォース攻撃に対する保護、サーバーエラー、スパム保護など

ダウンロード | デモウェブホスティング 

2。 SearchAzon

Le WordPressのプラグイン SearchAzon を使用すると、Amazon 検索機能をウェブサイトに統合できます。 これにより、Amazon の検索結果をウェブサイトに表示し、訪問者を Amazon にリダイレクトするかどうかを選択できます。

Searchazon woocommerce amazonアフィリエイト自動検索プラグイン

SearchAzonを使用することにより、コミッションを獲得し、顧客を喜ばせます。 これは非常に単純な概念であり、Webサイトの自動パイロットから収益を生み出します。 Appleなどの特定の製品ニッチのみを提供するオンラインストアがすでにあるとします。 顧客が「SamsungS8 +」を検索すると、その顧客を失うことになります。 ここでSearchAzonが機能します。

顧客がそのキーワード/フレーズに基づいてWebサイトで見つからない製品を検索すると、Amazonで自動検索が開始され、顧客はAmazonから直接Webサイトに最良の結果を得ることができます。 したがって、顧客を失ったり失望したりすることはもうありません。 誰もがあなたのウェブサイトで欲しいものを見つけ、あなたはアマゾンから追加の収入を生み出すでしょう。

ダウンロード | デモ | ウェブホスティング

3。 マスタースライダー

それは不思議ではありません WordPressのプラグイン Master Slider は、CodeCanyon の長年のお気に入りです。 この触覚的で応答性の高いスライダーは、高度にカスタマイズ可能で使いやすい 70 を超えるテンプレートを提供します。 

マスタースライダータッチレイヤースライダーワードプレスプラグイン

HTMLテキスト、リンク、画像、またはビデオを各スライドに直接挿入または埋め込み、各レイヤーを個別にアニメーション化するオプションがあります。 70を超える構成オプションを備えたマスタースライダーは、このニッチで高度にカスタマイズ可能なプラグインのXNUMXつです。

その機能は次のとおりです。視覚的なスライドショービルダー、使いやすさ、ナビゲーションキーの存在、FlickrやWooCommerceなどのサービスからギャラリーを読み込んで表示する機能など。

ダウンロード | デモ | ウェブホスティング

その他の推奨リソース

また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。

まとめ

それだけです! このチュートリアルはこれで終わりです。WordPressで背景を簡単に変更できることを願っています。 この記事が気に入ったら、お気軽に 友達と共有する.

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。

しかし、それまでの間、あなたについて教えてください commentaires 専用セクションの提案。

...