WordPress：ビジュアルエディタをカスタマイズする際の備忘録 - NxWorld
デフォルトでは表示されていないボタンを追加したり、エディタ部分に任意のクラスやスタイルを適用させるなど、WordPressのビジュアルエディタをカスタマイズしたいときに使えるプラグインやTipsなどを備忘録兼ねてまとめました。 普段からビジュアルエディタを多用しているのであれば、これらをいろいろ組み合わせてみることでより便利に使いやすくできると思います。 ビジュアルエディタを簡単にカスタマイズできるプラグイン「TinyMCE Advanced」 「TinyMCE Advanced」は投稿画面などに用意されているビジュアルエディタをより便利にしてくれるプラグインで、有効化することでデフォルトでは表示されていないボタンが追加したり、並び順を任意のものに変更することができます。 使い方もプラグインをインストール・有効化するだけと簡単で、自分好みにカスタマイズしたい場合は「設定 → TinyMCE
ちょっとしたエフェクトやアニメーションを付けたい時に参考になるCSSテクニックのまとめ - NxWorld
既に多くの方がご存知だとは思いますが、ちょっとしたエフェクトやアニメーションなどもわざわざJavaScriptを利用しなくとも実装できるようになったりと、CSSを利用して様々な見せ方や動きを実装できるようになりました。 そこで今回は主にCSSを利用してエフェクトやアニメーションを付けたいときに参考になりそうなのもので、且つ使用頻度が高そうなデモやテクニックをまとめてみました。 一部紹介しているものの中にはクラス付加などの動きについてJavaScriptを利用してはいますが、基本的な動きはいずれもCSSを用いて表現しているものになります。 image hover 63 effects イメージにhoverするとキャプションが表示されるというエフェクトが多数まとめられています。 HTMLもシンプルでエフェクトはすべてCSSで実装されています。 Css3 Transform rotate, sc
jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5 - NxWorld
一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの（サンプルによってはnav要素がないものもあります）になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
