cPanelを使用してCSSファイルをWordPressテーマに適切に追加する方法

WordPressテーマ開発者にとって、最初に行うのはその構造を理解することです。その後、スクリプトとスタイルシートの追加について学びます.


ほとんどのWebデザイナーは、単純なHTMLテンプレートのようにWordPressテーマを作成することで間違いを犯します.

WordPressはPHPに基づくプラットフォームであり、そのテーマは動的であることを理解する必要があります。 CSSファイルの追加は、静的Webサイトの作成時とは異なります.

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

このチュートリアルでは、CSSファイルをWordPressテーマに追加するためのWordPress codexについて説明するステップバイステップのプロセスを説明します。.

WordPressが正しく設定されたWordPressホスティングがあると仮定して、始めましょう!

wp_enqueue_style()関数を理解する

静的HTML Webサイトの開発中に、CSSファイルをヘッドにリンクできますが、WordPressテーマの場合とは異なります.

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

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

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

これらすべてのパラメータについて説明しましょう.

  • $ handle:- これは必須フィールドで、スタイルシートの名前が含まれています
  • $ src:- また、入力する必要があります。これは、ルートディレクトリに対するスタイルシートの相対パスです。
  • $ deps:- スタイルシートを制御する配列を作成することはオプションです
  • $ ver:- スタイルシートのバージョンを管理したい場合は、.
  • $ media:- 任意のメディアタイプにスタイルシートを使用する場合は、使用できます。それ以外の場合は不要.

あなたは今いくつかのアイデアを得ているかもしれません。入力する必要があるのは最初の2つのオプションのみで、残りは空のままにしてデフォルト値を選択できます。.

注:スタイルシート名が "スタイル" メインのテーマ名フォルダーにあり、コードは次のようになります.

wp_enqueue_style( ‘style’、get_stylesheet_uri());

しかし、ご覧のとおり、それを機能させます。適切な方法でファイルをヘッドにリンクできるWordPress関数を作成する必要があります.

コードをお見せしましょう.

functionnew_theme_css_file {
wp_enqueue_style( ‘style’、get_stylesheet_uri());
}
add_action( ‘wp_enqueue_scripts’、 ‘new_theme_css_file’);

関数を追加するのに最適な場所はどこかと思われるかもしれません。ええと、WordPressテーマの開発について少し知っていれば、 functions.php ファイルはすべての機能を制御します.

したがって、ファイルを開いてこの関数を追加する必要があります.

気づいたらフックあり "add_action" パラメータ付き "wp_enqueue_scripts," スタイルとスクリプトをエンキューするために使用されます.

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

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

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

数年前にWordPressテーマの開発を始めたとき、それは惨事でした。静的なWebサイトを練習し続けて、突然Web 2.0の動的な性質について知ったとき、少し心配するかもしれません。.

WordPressのコードに触れたら、面白く感じるかもしれません。 CSSファイルの追加は、WordPressテーマをゼロから開発するための基本の1つです.

結論

Web開発は注意が必要で、初心者のWordPressユーザーを怖がらせる可能性があります。このガイドは、カスタムのWordPressテーマの開発を開始したい人向けです。.

このチュートリアルをフォローしていただきありがとうございます.

以下の上位3つのWordPressホスティングサービスを確認してください。

FastComet

開始価格:
$ 2.95


信頼性
9.7


価格
9.5


使いやすい
9.7


サポート
9.7


特徴
9.6

レビューを読む

FastCometにアクセス

Hostinger

開始価格:
$ 0.99


信頼性
9.3


価格
9.3


使いやすい
9.4


サポート
9.4


特徴
9.2

レビューを読む

Hostingerにアクセス

A2ホスティング

開始価格:
$ 3.92


信頼性
9.3


価格
9.0


使いやすい
9.3


サポート
9.3


特徴
9.3

レビューを読む

A2 Hostingにアクセス

関連するハウツー記事

  • cPanelを使用してWordPressテーマにJavaScriptファイルを適切に追加する方法
    専門家
  • WordPressのすべてのユーザーを一度にログアウトする方法
    中間
  • cPanelを使用してWordPressウェブサイトの.htaccessファイルを編集する方法
    初心者
  • cPanelからSoftaculousを使用してWordPressにログインする方法
    中間
  • WordPressメディアライブラリに表示されるHTTPエラーを修正する方法
    初心者
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me