css - 2つ目のCSSファイルの使い方

Question

WordPress Web サイトで 2 番目の CSS ファイルを使用するにはどうすればよいですか?

これが私のコードです：

<link rel="stylesheet" type="text/css" media="all" 
      href="http://www.mydomain.com/wp-content/themes/twentytwelve/style.css" >

しかし、Seam テーマを含む CSS ファイルを追加する必要があります。今、新しい CSS ファイルを接続する方法を教えてください。誰か助けてください。

score 0 · Accepted Answer

テーマが更新されると、テーマに加えられた変更はすべて消去されることに注意する必要があります。

FTP を読んで、テーマの CSS フォルダーにある CSS ファイルをアップロードすることをお勧めします。CSS を効果的に呼び出すには、CSS の場所を知る必要があります。

CSS ファイルをテーマのフォルダーにアップロードしたら、次の操作を行います。

WordPress 管理画面で、左側のメニュー項目Appearanceをクリックしてから、サブメニュー項目をクリックしますEditor。右側にたくさんのリンクが表示されます。header.phpリンクをクリックしてください。

このheader.phpファイルには、. で始まるセクションがあります<head>。次のように、CSS ファイルがサーバー上にある場所へのパスを入力します。

<LINK href="link/to/your/stylesheet.css" rel="stylesheet" type="text/css">

Update Fileページ下部のボタンをクリックしてください。作業を確認します。

score 0 · Accepted Answer

css ファイルはいくつでも作成できます。最後の css ファイルからロードされた属性は、以前に宣言された競合する属性の属性をオーバーライドしますが、必要な数のファイルでそれらを指定できます。これを使用して、html で新しい css ファイルを「接続」またはリンクできます。

ワードプレスのテーマに必要だったようです。

メインの style.css ファイルが 1 つ必要です。type="text/css"/> を使用して含める必要があります。これが完了したら、次のようにして css ファイルを追加できます: /address-to-css-file.css" type="text/css" media="screen" />.bloginfo('template_directory') はテンプレートのディレクトリを出力する関数。
メインスタイルシート (style.css) で @import を使用することもできます。次の行を追加します: @imports url('link to css');
または、 http://codex.wordpress.org/Function_Reference/wp_enqueue_styleを使用できます。このリンクには、これの使用方法が説明されています。

score 0 · Accepted Answer

その正確なコードを使用して、必要なだけ複製してください。

hrefをそれぞれの新しいファイル名に変更するだけです。

3 に答える 3