ブログでリアルタイムプレビューを使用してパーソナライズを行うと、変更を加えるとすぐにさまざまな変更を確認できるため、はるかに簡単で満足のいくものになります。 もちろん、変更をリアルタイムで適用できるようにする最善の方法は、プラグインを使用することです。
CSSのカスタマイズ 上のいくつかのプラグインによって提供される機能です WordPress.org。 スタイルシートを生成するプラグインを探している場合(CSS)、利用可能ないくつかの選択肢があります。 ただし、カスタムCSSコードを作成するために使用できるプラグインはたくさんありますが、CSSコードのリアルタイム編集を提供するオプションはほとんどありません。
そのため、プラグインのディレクトリを調べてこの制限の解決策を見つけた後、私は注目に値するいくつかの珍しい宝石を見つけることができました。
しかし、前に、WordPressをインストールしたことがない場合は、 インストール方法 WordPressのブログ 7つのステップで et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法
それから私たちがここにいる理由に戻りましょう。
1.黄色の鉛筆:ビジュアルCSSスタイルエディター
イエローペンシルは、あらゆるテーマで使用できるビジュアルスタイルエディターで、ウェブサイトを数分でパーソナライズできます(フォント、色、アニメーションなど)。
Ce WordPressのプラグイン プレミアムはCSSスタイルを作成します 背景 ゲームのように色で遊んでいる間、初心者と経験豊富なユーザーの両方のために設計されました。
私たちも発見 5プラグイン WordPress 通知を表示する
コーディングの知識は必要ありません。 しかし WordPressのプラグイン コードを書くのが好きな人のための優れた CSS エディターがあります。 このエディターを使用してライブでコーディングし、CSS をカスタマイズできます。
2。 簡単なカスタムJSとCSS
Ce WordPressのプラグイン プレミアムは、強力な CSS および JavaScript コード エディターであり、Web サイトの任意のセクションに追加できます。 これにより、大規模な更新後もカスタマイズを維持できます。 ワードプレスのテーマ.
パーソナライズされたコードの使用フィールドを制限するオプションがあります。 たとえば、コードはビデオ形式の記事にのみ使用できます。
の記事をご覧ください WordPressの利用規約への同意を要求する方法
または、コードを ワードプレスのテーマ 明確な; 頻繁にテーマを変更する場合に便利です。 WordPressのブログ.
3。 グーテンベルクのカスタムJSとCSS
プレミアムWordPressプラグインカスタムJSおよびCSS グーテンベルク WordPressの投稿とページのWYSIWYGエディターに無制限の数のカスタムスタイルを追加できます。 これは、GutenbergバージョンのWordPressと完全に互換性があります。
使いやすいCSSエディターで新しいスタイルを簡単に作成できます。 このWordPressプラグインは、 カスタムフィールド 動的で強力なパーソナライゼーションモジュールを使用して、カスタムフィールドを変更できます。 との機能 リアルタイムプレビュー このWordPressプラグインにより、非常に快適でユーザーフレンドリーになります。
4。 高度なCSSエディタ
ThemeIsle と Wunderkind WordPress 製品会社がこのプラグインを開発しました。 後者をインストールしてアクティブ化したら、次の場所に移動します “ 外観>パーソナライズ ダッシュボードにアクセスし、メニューで「AdvancedCSSEditor」を探します。 のメニュー項目のリストの一番上に表示されます カスタマイザー。
CSSコードを変更するには、「メニュー」をクリックしたときにテキストボックスにセレクターとそれに適用されるルールを追加するだけです。 高度なCSSエディタ"。
また見なさい あなたのブログの悪質なページを改善する方法
CSSルールは、一般的に適用するように、または特定のデバイス上の特定の要素をターゲットにするように作成できます(コンピューター、電話、タブレットなど)。 ルールが作成されるとすぐに、カスタマイザーは変更が加えられたプレビューを表示します。
5。 SiteOrigin CSS
このリストで最も多くのオプションを提供するのは、WordPressプラグインです。 後者の最も驚くべきことは、それが無料であるということです。 このWordPressプラグインは、カスタマイザーで見つからない唯一のプラグインです。
プラグインをインストールしてアクティブ化したら、次の場所に移動する必要があります。 外観>カスタムCSS プラグインのCSSエディションにアクセスします。 このページでは、ライブプレビューを提供していないテキストエディタを見ることができます。
記事もご覧ください あなたのウェブサイトの売り上げを伸ばすための10 WordPressプラグイン
後者にアクセスするには、エディターのすぐ上にある左側に表示されるXNUMXつのボタンのいずれかをクリックする必要があります。 目のアイコンが付いたボタンは、愛好家が喜ぶ視覚的なCSSコードエディタを表示します。 拡張子の矢印が付いたアイコンには、CSSコードの習得を意味するテキストエディタが表示されます。
その他の推奨リソース
また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。
- あなたのウェブサイト上の画像のSEOを最適化する7 WordPressプラグイン
- スポンサーを見つけてブログを収益化する方法は?
- WordPressURLから文字列v = xxxを削除する方法
- WordPressブログに無限スクロールを追加する方法
まとめ
ここは ! このリストのすべてです プレミアムWordPressプラグイン ブログのCSSを視覚的に編集するのに役立ちます。 あなたが持っているなら commentaires または提案、予約セクションでお知らせすることをheしないでください。
ただし、 ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
に招待します お気に入りのソーシャルネットワークで共有する.
...