WordPressでログイン中のユーザーのみメインループの記事一覧に下書きや公開予定も表示できるようにする
Wordpressでメインループを変更して、下書きや公開予定の記事もサイトの記事一覧に表示できるようにするコード。
Wordpressでメインループを変更して、下書きや公開予定の記事もサイトの記事一覧に表示できるようにするコード。
絵本をHTMLとCSSとjQueryで作ったものです。ページのめくれ方や、そのあとのちょっとした動作が素晴らしいリアリティあるクオリティの高いものです。こういったものを作るときにはぜひ参考にしたいコードです。
CANVASを使った効果。ブロックが降ってくるアニメーションとマウスの位置によってロングシャドウが動く効果。ヘッダー等の背景に使えば魅力的なサイトを作れそうな効果です
ぷにっと、ピョンピョン跳ねる感じが和む、CSSで作られたアニメーション。ローディングなどの待ち時間の表示に使えば和める
jQueryを使って、スクロールに合わせて ヘッダー画像がぼやけるスクリプトを作ってみました。どこかでこのようなテクニックを見かけて、作ってみようと思っていましたので今回作ってみました。よかったら使ってみてください
マウスオーバー時のアニメーションをグレードアップする、ラインが動くアニメーションを実装出来るコード。CSSのアニメーションだけで出来ているので使い勝手の良いコードです。
Google Web Fonts で日本語のウェブフォントが利用可能に。Google とAdobe が作った Noto シリーズの Noto Sans japanese が試験的に利用することが出来る。CDNでの利用なので、CSSに少し書き加えるだけで簡単に利用することが出来る。
3Dに回転する、ギャラリー表示が導入出来るコード、ライブラリーを使用せずjavascriptで出来ています。
Wordpressの投稿画面でカテゴリの選択するボックスがスクロールしないと、選びたいカテゴリまで辿りつけない!そんな時は、スクロールをなくして全部表示させるようにしてやれば。そんなストレスもなくなる。Wordpressの投稿画面のカテゴリ表示を全部表示させる方法
Wordpressでドメインを変更する場合に、データベースの内容をSQLクエリや、ダウンロードしたデータベースの内容をテキストエディタで書き換えること無く。ウェブ上で置換してしまう方法です。こちらの方法を使った場合SQLクエリやテキストエディタでの書き換え切れない部分も正しく書き換えられる
CSSを使ったタイポグラフィ。画像を使わずに、CSSだけで立体的な文字を表現する方法です、ポイントはtext-shadowに複数の値を設定することでより立体的な質感を出すことが出来ます
大量に連続的に記事を編集しなくてはいけなくなった!でもWordpressには、投稿画面から前後の記事へと移動することが出来ない。毎回投稿一覧へ移動して記事を開くのはとても面倒。そんな時に便利なのがAdmin Post Navigationこれを使うことで、その不満が解消できる
Wordpressのメディアライブラリが激重になった時の対処・対策。メディアライブラリではフルサイズの画像が大量に読み込まれるので画面が激重になり不安定になるので、テーマのfunctions.php にコードを追加することで、激重を回避できます
Google Fonts から全てのフォントをダウンロードしてくる方法。フォント管理ソフトと組み合わせれば フォントを探す手間や管理する手間が少なくなるので フォントをよく使う人は試してみてほしい
cookieに変わる、シンプルで使い勝手のいい ローカルストレージを使ってみた。プラグインとか使わなくても簡単に読み書き出来て実用的
Wordpressでのファビコンの設定で、Wordpressの管理画面にもファビコンを表示させたい時にテーマのfunctions.phpに少し書き加えるだけで管理画面でもファビコンを表示できるようにする方法
Wordpress でタイトルを出力するときに前後にスペースが必ず入ってしまうのを回避してスペースが入らないようにする方法。日本語環境では不自然になってしまうスペースを削除して見栄えを整える
ダミー画像に使える最初のインライン画像を調べてみました、最小なものの一部では使えないものもあったりしますが 74文字で可能なものがあります
Wordpress でタグの説明を出力するときにterm_descriptionを利用すると自動的にpタグが付いてしまうのを回避する方法
Wordpressのテーマで必須でプラグイン等のCSSやJSなどが出力される wp_head や wp_footer に任意のCSSやjavascriptを出力する方法。プラグインの作成の時にも利用できる