wordpressで使ってみるajaxの基本 | Unskilled?
wordpressでajaxを使ってみる 最近では当たり前のように使われていて、空気のような存在になっているajax。その所為かネット上では古い情報と新しい情報とが入り乱れており、初心者にとってはなかなか情報を得るのが難しい状況下もしれないですね。 すでに習熟している人にとっては当たり前すぎる技術であり、その為ライブラリを用いたajaxの解説(主にはjQuey)の例がほとんどで、javascriptネイティブで書かれることは少ないです そんな中、ajaxの基本的な使い方をwordpressを通じて解説してみたいと思いマス。 ajaxについて もうご存知かと思うが、一応説明しておこうと思います。 非同期通信である ajaxは非同期でクライアントとサーバが通信する技術です。 普通何らかの処理がある場合、その処理が終わるまで他のプロセス(処理)は待っている状態になります。 たとえばHTMLの解析
WordPressでhttps通信時に、混在アクティブコンテンツの読み込みをブロックしましたとエラー表示される | CONETA.JP
WordPressを使ってのサイト構築から便利なプラグインやテンプレートの紹介、フリーのPNG・AI・PSDアイコンやGUIセットの紹介、SEO最適化による集客方法など、WEB制作・運用に関するテクニックをお届けしています！ WordPressでHTTPS対応のサイトを運用している際に、ブラウザの開発ツール（Firebugなど）で混在アクティブコンテンツ “～～～.css” の読み込みをブロックしました とエラーが表示されることがあります。 原因はcss・jsファイルのURLにある 原因の一つに、プラグインが出力するcssやjsファイルのパス指定がhttps接続しているにも関わらず、css・jsパスがhttp://～になっていることが問題です。 （ https通信時は、js・css・画像ファイルのパスは、全てhttpsから始まっている必要があります ） ブラグイン側がcssパスを生成する際
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみました。 CSSファイルを読み込む方法 CSSを読み込むには、以下の関数を使用します。 wp_enqueue_style ★例として、子テーマフォルダ下に配置したBootstrapのCSSファイルを読み込ませる functions.php(子テーマ)に追加して下さい。 // wp-config/theme/[子テーマ名]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
wp_enqueue_scriptの仕様がWordPress3.3でちょこっと変わったって話
WordPressづかいなら頻繁にお世話になっているであろう、wp_enqueue_script関数。 自作やどっかから拾ってきたjQueryプラグイン（=not WordPressプラグイン）とかを使う時に、JavaScriptライブラリを正しく、あるべき順序で読み込んでくれるというアレです。 wp_enqueue_scriptをちゃんと使えたら、初心者から中級者にランクアップって言ってもいいんじゃないかと勝手に思ったりしてます。中級者の定義って難しいですけど。 それはどうでもいいとして、このwp_enqueue_scriptの仕様が3.3から微妙に変わったのに、あまり話題に登場しないなーと思っておりまして。 そうこうしてるうちに3.3.1が出て久しくなってしまったので、誰かが書く前に自分で書いときます。
コピペでOK！スムーススクロールでページ内リンクやトップへ移動！#なしで
記事が長い場合、目次やページ先頭「#」へのページ内リンクはとても便利です。しかもスムーズスクロールで移動すれば動きもわかりやすいし気持ち良い。今回はJavaScriptやjQueryのプラグインを使わずに実現する方法です。 最近は多くのブログ・サイトで右下に「ページ先頭へ」戻るボタンやリンクを見かけます。しかしクリックして一気に最上部までワープすると味気ないし自分の位置を見失いがちです。目次の場合も同様です。 ゆめぴょんです。こんちはっ(^^)/ ページ内リンクはSEO対策にもなると聞いたことがあります。しかし私はむしろ訪問者のためのナビゲーションの1つとして便利だと思っています。 ページ内部リンクのしくみと弊害 そのしくみはとても簡単です。現在のURLの後に「#」をつけるとページ先頭へ、「#pyon」などをつけると「id="pyon"」を設定してる位置へジャンプします。 だから見出しに「
wordpressでjavascriptライブラリを読み込むときの注意点など - 超メモ帳（Web式）＠復活
最近、お仕事でWordpressを使ってサイトの立ち上げなどを行っているのですが、自作javascriptライブラリの読み込ませかたが分からなかったので調べてみた。ちょっと癖があるようなのでまとめてみるよ。 ちなみに、wp-content/themesからのカスタマイズです。プラグインはまだ勉強中ですね。。 通常の読み込みなどではheader.phpに下記の様に記述を追加して、外部ライブラリを読み込ませる方法で問題ありません。 <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/myfunc.js"></script> しかし、WordpressではjQuery,script.aculo.usなどのjavascriptフレームワークを複数使用するので、wp_enqueue_scriptという関数
wp_enqueue_scriptで外部のjQueryライブラリを使う | Shifft – Web Design & Development
ホーム ポートフォリオ ブログ シフトは高品質なWebサイトのデザイン・制作をしています。クリーンで美しいデザイン、魅力的なユーザー体験、目的達成のためのプロセス、代表的なブラウザへの完全対応。これらを満たしたサイトを生み出すことを愛してやみません。Webサイトを通じて、誰もがよき方向へシフトする可能性を常に探し続けています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
