• Articles
• admin

を使用してWordPressのテーマにCSSファイルを適切に追加する方法WordPressのテーマ開発者のために、最初にその構造を理解することであり、その後、スクリプトやスタイルシートを追加することについて学ぶことになる。

webデザイナーのほとんどは、単純なHTMLテンプレートのようにWordPressのテーマを作成することによってミスを犯します。

WordPressはPHPをベースとしたプラットフォームであり、そのテーマは動的であることを理解する必要があります。 CSSファイルを追加することは、静的なwebサイトを作成している間と同じではありません。

WordPressには、従う必要があるコーディング標準があります。 CSSファイルを適切にエンキューすることは、多くのweb開発者/デザイナーにとって少し難しいことがあります。

このチュートリアルでは、私はWordPressのテーマにCSSファイルを追加するWordPressのコーデックスを説明し、ステップバイステップのプロセスを歩くつもりです。

WordPressをセットアップして良いWordPressホスティングを持っていると仮定して、始めましょう！

wp_enqueue_style()関数を理解する

静的なHTMLウェブサイトを開発するときは、CSSファイルをheadにリンクできますが、WordPressテーマでは同じケースではありません。

PHPとWordPressのCodexを明確に理解していれば、テーマ関数の使用方法を学ぶ必要があります。

まず、CSSファイルをWordPressテーマにリンクするために使用されるwp_enqueue_style()関数から始めましょう。 デフォルトのパラメータは以下の通りです。

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

これらすべてのパラメータを説明しましょう。

• $ハンドル:-スタイルシートの名前を含む必須フィールドです
• src src:-入力する必要もあります。 これは、ルートディレクトリ
• $depsに対するスタイルシートの相対パスです：-スタイルシートを制御する配列を作成することはオプションです
• $ver：-スタ
• media media:-任意のメディアタイプにスタイルシートを使用する場合は、次のことができます。 それ以外の場合は、必要はありません。

あなたは今、いくつかのアイデアを得ている可能性があります。 最初の2つのオプションのみが記入する必要があり、残りはデフォルト値を取得するために空のままにすることができます。

注：スタイルシート名が”style”で、メインテーマ名フォルダにある場合、コードは次のようになります。

wp_enqueue_style( 'style', get_stylesheet_uri() );

適切な方法でファイルをheadにリンクできるWordPress関数を作成する必要があります。

私はあなたにコードをお見せしましょう。

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

関数を追加するのに最適な場所は何かのように疑問に思うかもしれません。 あなたはWordPressのテーマの開発について少し知っていればまあ、あなたはその機能を知っているかもしれません。phpファイルは、すべての機能を制御します。

だから、ファイルを開いて、この関数を追加する必要があります。

気づいた場合は、スタイルとスクリプトをエンキューするために使用されるパラメータ”wp_enqueue_scripts”を持つフック”add_action”があります。

あなたが理解する必要があるのは、メインのwp_enqueue_style()関数です。

初心者のWordPress開発者にとっては、そのような技術的なものをつかむのは難しいかもしれませんが、WordPress Codexを学ぶと、すべてがスムーズになります。

WordPressのテーマにCSSファイルを追加するのはそれほど難しくないことを願っています

私は数年前にWordPressのテーマの開発を始めたとき、それは災害だった 静的なウェブサイトを練習し続け、突然web2.0の動的性質について知るようになると、少し心配するかもしれません。

WordPressのコードに従事すると、それが面白いと感じ始めるかもしれません。 CSSファイルを追加することは、WordPressテーマを最初から開発するための基本の1つです。

結論

ウェブ開発は難しいことがあり、初心者のWordPressユーザーを怖がらせる可能性があります。 このガイドは、カスタムWordPressテーマの開発を開始したい人のためのものです。

このチュートリアルをフォローしてくれてありがとう。

これらのトップ3WordPressのホスティングサービスをチェックしてくださ: