[B! jquery][wordpress] fugashiのブックマーク

WordPressで自作のjQueryスクリプトを実行する方法

WordPressで自作のjQueryスクリプトを実行する方法ただいま大人気のjQueryですが、Wordpressで使用する場合いろいろお決まりごとがあるようです。なので今回はWordpressでjQueryスクリプトを書くときの注意事項をメモっておきます。投稿日2010年07月30日更新日2011年04月03日通常のHTMLでのjQueryの使用 Wordpressを使用していない静的HTMLでのjQueryの使用方法から見ていきましょう。例えば、h2を消したいなんて場合こんな感じになりますよね。 JavaScript <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("h2

fugashi 2017/02/09

リンク

これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ

作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。エンジニア速報は Twitter の@commteで配信しています。もくじサイト読み込み時１．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ

fugashi 2014/05/19

リンク

WordPressのトップページを雑誌や新聞のような段組にする方法

WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。準備まず jQuery Masonry 公式サイトのページ中央にある「Download the script

fugashi 2012/01/23

リンク

Youtubeの動画を背景に

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

fugashi 2011/12/27

html5
tips

リンク

WordPressで困った時に役立つお助けコード8つ

2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！お助けコードを使う前に今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文