[jQuery]opacityで非表示にした文字を順番にフェードインさせる。WEBCRE8TOR.COMWEBCRE8TOR.COMTOPABOUTCATEGORYウェブデザイン演習Webの基礎知識や、HTML・CSS・jQueryのコードの記述を行いながらWebサイトの作り方を学んでいきます。ウェブデザインアーカイブデザイン性の高い素晴らしいウェブサイトのアーカイブです。デザイン制作の参考にしてみましょう。スニペットWordPressやjQuery、HTMLやCSSなど、各言語のスニペットをまとめていきます。取得/出力ARCHIVESEARCH[jQuery]opacityで非表示にした文字を順番にフェードインさせる。Linkホームスニペットhtml<p>あいうえお</p><p>かきくけこ</p><p>さしすせそ</p>例えば上のように段落がありますが、これを最初は非表示にし、順番にフェードインさせたいときってありますよね。cssとjavascript(要jQuery)に以下のように記述することで簡単にできます。});});これを一文字ずつ行いたい場合は、一文字ずつspanなどで囲ってしまうのが楽です。手書きで一文字ずつ囲うのはあまりに非効率。そんな作業はjsにやってもらいましょう。変更点はjsのみです。});});簡単ですね。POSTS関連記事[WordPress]管理画面のカスタム投稿タイプ一覧にカスタムフィールドを表示する方法。WordPressの管理画面のカスタム投稿タイプ一覧にカスタムフィールドを表示する方法です。[WordPress]カスタム投稿タイプの記事の拡張子をhtmlに変更する。WordPressのカスタム投稿タイプの記事の拡張子をhtmlに変更する方法です。[HTML・CSS]擬似要素、before,afterの基本形。CSSで擬似要素、before,afterを使うときの基本形です。[WordPress]カテゴリを追加・編集する時にデフォルトで用意されている「説明」を有効に使う。WordPressでカテゴリを追加・編集する時にデフォルトで用意されている「説明」を有効に使う方法です。Editorで編集したフィールドからpとbrを除去するWYSIWYGエディタのカスタムフィールドを出力する場合にpタグやbrタグを除去して書き出す方法。[jQuery]ロールオーバーで透過する処理を実装する。ボタンなどのリンク要素にロールオーバーした時に透過処理をさせるjQueryのスニペット。[jQuery]ブラウザの横幅で処理を変えるjQueryの条件分岐。ブラウザの横幅で処理を変えるjQueryの条件分岐です。レスポンシブWebデザインでブラウザサイズによって処理を切り替える時に便利です。[WordPress]カスタムフィールドでアップロードしたファイルのURLを取得、出力する方法。カスタムフィールドでアップロードしたファイルのURLを取得、出力する方法です。[PHP]西暦を自動更新する。Copyrightなどに表示する西暦を手動で書き換えずにPHPを使って自動更新する方法です。[PHP]自分のファイル名を取得して「.html」を削除する方法PHPで、自分のファイル名を取得して「.html」の文字列を削除する方法です。[WordPress]カテゴリ名とそのスラッグを取得・出力する方法。WordPressのループ内でカテゴリ名とそのスラッグを取得する方法です。[WordPress]条件分岐まとめ(随時更新)WordPressの基本的な条件分岐の記述のまとめです。[WordPress]get_postsとWP_Queryでカスタムループを生成するスニペット。get_postsとWP_Queryでカスタムループを生成するスニペットです。[WordPress]カスタム投稿タイプの一覧のみを表示し、記事ページへのリンクは任意のページにリンクさせる。カスタム投稿タイプの一覧のみを表示し記事ページへのリンクは任意のページにリンクさせる方法です。[jQuery]addClassを指定時間遅らせる記述。.addClass()の実行を遅らせる時は.delay()は使えません。.queue()と.dequeue()を使いましょう。(11)LINK龍弥デザインTwitterFacebookお問い合わせCLOSEMENUMAIL。