ワードプレスにコーディングしたデータを適応させたいです。


固定ページに追加したいのですが…よくわからず。cssやスクリプトは、どこに入れるのでしょうか?

補足情報
※エディターの場所に入れても反応しませんでした。
※jqueryを使っています。
※ワードプレス初触りです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/10/27 10:07:27
  • 終了:2011/10/27 12:50:09

回答(2件)

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492011/10/27 11:00:41

ポイント50pt

>エディターの場所に入れ

 

エディターでページを作成・保存したら、

設定→表示設定にて「固定ページ」を選択し、

フロントページの欄で先ほど保存したページを選択することで適用されます

http://wp-exp.com/blog/page-top/

 

固定ページが複数になる場合は、ページ属性で表示順序を決めておく必要があります

http://wp-exp.com/blog/page/

 

その他にも一通り確認しておくとよさそうな項目

http://design-plus1.com/tcd-w/2011/04/wp-liteuser.html

 

手抜きな回答でごめんね・・・

id:youko0502

ひとまず、エディターで枠を作ってFTP上で編集しろってことでしょうか…場所がわからないです。。

2011/10/27 12:27:09
id:windofjuly

回答文中のエディターはWordPress標準装備のエディタ機能を差しています

もちろん、ローカルのパソコン上でお好きなエディタを使って作成したものを、

FTPでアップロードという手でもかまいませんので、そのあたりはお好きにといったところです

 

ローカルで作成したものをアップロードするという手順であれば、

そのアップロード先は回答No.2にて直接回答いただいていますし、

私の回答の3つめのリンク先にも同様の記述がありますので、

あわせて確認してみてください

2011/10/27 12:38:39
id:rish314 No.2

rish314回答回数30ベストアンサー獲得回数62011/10/27 11:18:15

ポイント50pt

普通は、テンプレートをカスタマイズすると思います。

サーバー直接いじれるなら /wp-contents/theme/テーマ名 以下にあるので、そこで修正するのが一番簡単かと思います。

色々ファイルが有るかと思いますが、固定ページのテンプレートは、page.php になります。

WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方 でも参考にしてみてください

他3件のコメントを見る
id:rish314

スクリプトが別ファイルになっている場合には、FTPでアップロードします。

場所は、ワードプレスがインストールしてある一番上の階層が一番簡単かもしれません。license.txt がある場所です。

そうしたら、上記のように、固定ページの編集画面で、

<link rel='stylesheet' href='http://localhost/your_filename.css' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost/your_filename.js'></script>

のようにすれば出来ます。

2011/10/27 12:44:45
id:youko0502

ありがとうございます。indexで使うテーマは既に作ってあって、中のコンテンツページは、固定ページから追加できると聞いたので、このような質問となりました。

固定ページってあるので、そこで新規追加してそのまま作ってください。特別な操作はいらないと聞いてたのですが、私では、よくわからなくて。。

もしかして、基本的な内容かなっと思ったためコチラで質問させてもらったしだいなんです。

2011/10/27 12:45:02
  • id:youko0502
    windofjulyさま rish314さま ご丁寧に回答いただきありがとうざいました!
  • id:rouge_2008
    横からすみません。解決したようですが・・・

    WordPressのテーマファイルの管理は別の人が行っていて、固定ページの追加のみ任されたのでしょうか?
    固定ページで使用している独自のCSSとjsファイルを読み込ませる必要がある場合は、rish314さんが紹介しているHTMLタグ(<link rel='stylesheet' ~」と「<script type=~」)の追加で大丈夫ですが、WordPressの編集画面で追加した場合、bodyタグ内への追加になってしまいます。
    一応ブラウザは解釈して表示するようですが、テーマの「header.php」に記述した方が良いと思います。
    「外観」の「テーマ編集」から行う事ができますが、テーマファイルの編集権限がない場合は、テーマファイルの管理を行っている人に確認してみてください。(テーマファイルのパーミッションによっては、編集できない場合がありますので・・・)

    ※他のページで余分なファイルを読み込ませず、固定ページでのみ読み込ませるようにしたい場合は、分岐処理の中に記述してみてください。

    <?php if(is_page()) : ?>
    <link rel='stylesheet' ~ >
    <script type=~ >
    <?php endif; /* End if is_page() */ ?>


    ※特定の固定ページのみで読み込ませたい場合は、ID、スラッグ、ページタイトル等で指定する事も出来ますので、次のページを確認してください。
    http://wpdocs.sourceforge.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0
  • id:rish314
    > 一応ブラウザは解釈して表示するようですが、テーマの「header.php」に記述した方が良いと思います。

    私もそう思います。

    が、jsは下に設置すべしのような高速化手法があるので、その辺りはそこまで気にしなくてもいいのではないかと思ってます。

    http://memolog.org/2007/08/yslow_6_move_scripts_to_the_bo.php

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません