- このトピックには4件の返信、2人の参加者があり、最後に
により10年、 8ヶ月前に更新されました。
-
投稿
-
-
こんにちは
いつもお世話になっています。
特定のページに特定のCSS設定を行いたいのです。
http://nelog.jp/custum-field-in-theme
を参考にしているのですが、以下の部分が分かりません。>テーマ内に新しく「head-custom-field.php」というファイルを作成し、
>そこに以下のようなコードをコピペします。どういうメニューから入って行って、どういう操作でファイルを作成すれば良いかお教えください。
Simplicityのいろんなメニューを進んで行っても見つけられませんでした。WordPress 4.4.1
Spmplicity 1.9.3最終版、Child です。
よろしくお願いします。 -
そのカスタマイズ方法は、Wordpress管理画面のメニューから行うのは難しいかと思います。
基本的にカスタマイズする場合は、手元のローカル環境でテキストエディターを用いてファイル作成や編集をして、FTPでアップロードするというのが安全かつ効率的な方法かと思います。ただ、Simplicityをお使いならば、既にその機能は実装されています。
設定する手順としては、まずは投稿管理画面の「表示オプション」から「カスタムフィールド」にチェックをつけます。
すると本文投稿欄の下の方に「カスタムフィールド」欄が表示されるので、スタイルシートを記入するなら、「名前」に「head_custom」を選択し、「値」に以下のようなコードを入力てください。
JavaScriptを（フッターに）入力するなら、「名前」に「footer_custom」を選択し、「値」に以下のようなコードを入力てください。
Simplicityでは、投稿管理画面上で上記のように、CSSやスクリプトを挿入できるようになっています。
Attachments:
-
わいひらさん
いつもお世話になっています。
素早いお返事ありがとうございました。
画像入りで解説して頂いたおかげで、無事にCSSとJavaScriptを個別のページに追加できました。
ありがとうございました。なお、関連でもう一つお聞きしたいのですが、WordPressに
<button id=”buttonID” onclick=”button_click_func()”>ボタン</button>
こういうのを張り付けると onclickの部分などが無くなり、
<button id=”buttonID”>ボタン</button>
こんな風になりました。
WordPressはそういう仕様なのかもしれませんが、どういう対策がよいでしょうか？
私はJavaScriptの中で bottonIDを使ってonclick を割り当てるなどで対処したのですが、正統派の方法がありましたらお教えください。 -
jQueryでどうぞ
$(セレクタ).on(“click”,function(){
処理の中身
});このセレクタにボタンのIDなりClassなりが入ります。セレクタはcssと同じようにして書けます。
wordpressにしてみSimplicityにしてもデフォルトでjQueryを読んでいるのですから、それを使わないのはもったいないです。どうせ最終的にはjavascriptで処理するわけですし。ちなみに例は文字通り、セレクタをクリックした時と言うことですが、そのボタンを押したらどうなるかによって書き方が異なる場合もあります。
-
>jQueryでどうぞ
なるほど。
そうですね、jQueryのほうが簡単に出来ますね。
ありがとうございました。
-
- トピック「特定のページにJavaScript, CSSを追加したい」には新しい返信をつけることはできません。