タグ

ブックマーク / www.nxworld.net (5)

  • WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld

    個人的に普段から対応することが多いものを中心に、更新者(クライアント)が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす

    WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
    eedamame
    eedamame 2018/11/29
    “ダッシュボードに各更新ページへのリンクボタンを設置する”
  • 操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10 - NxWorld

    アプリの操作方法やサービスの使い方を説明するときなどに利用することがあると思うジェスチャーアイコンのまとめです。 シンプルなデザインのものが多めですが、中には100種類以上が詰まった大容量なものや手だけでなくデバイスも込みで作られているもの、タップ・スワイプ・ピンチインといったようにそれぞれの動作がどのような呼び名なのかわかりやすくしてくれているものもあります。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。

    操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10 - NxWorld
    eedamame
    eedamame 2015/12/02
  • スクロール時に要素の表示・非表示を切り替えたり、固定配置する動きを実装できるスクリプト 10 - NxWorld

    見かけることが多いスクロールしていくと途中から要素が表示されたり、一定の範囲内のみで要素が固定配置されるといった動きを実装できるスクリプトのまとめです。 中にはスクロールアップ時には〇〇して、スクロールダウン時には△△するというように、スクロールした方向によって動きを変更したり、特定の箇所まで行ったときに関数を実行するというような動きを実装できるものもあります。 紹介している中で特にシンプルな動きのものは、わざわざこういったものを使わなくとも自分で1から実装してしまう方も多いでしょうし、ググれば実装方法も沢山出てはくるものの、スクリプトが苦手な方や少しでも手っ取り早く実装したいという方にはやはり便利だと思います。 探せばもっと高機能なものや使いやすいものが沢山あるとは思いますが、ここでは自分も利用したことがあるものや目についたものを紹介します。 Headroom.js スクロールの方向(上

    スクロール時に要素の表示・非表示を切り替えたり、固定配置する動きを実装できるスクリプト 10 - NxWorld
    eedamame
    eedamame 2015/09/07
  • WordPress:ログイン画面をオリジナルにカスタマイズする方法 - NxWorld

    WordPressのログイン画面のカスタマイズは過去にもロゴを変更する方法など書いたことがありますが、いろいろ試していたらまた幾つか覚えておきたいことが出てきたりしたので、既出しているものも含めてWordPressのログイン画面をオリジナルにカスタマイズする方法をまとめました。 October 01, 2020 追記 ここで紹介している内容は、WordPress Ver 3.9.0で試したものになります。 内容によっては現バージョンでは非推奨のタグが使用されていたり、フック名が変更されている可能性がありますのでご注意ください。 デフォルトのログイン画面 イメージはWordPressのデフォルトのログイン画面をキャプチャしたもので、これをfunctions.phpを使ってオリジナルのログイン画面にしていきます。 カスタマイズ後のログイン画面 イメージは簡単にですが実際にここでまとめているカス

    WordPress:ログイン画面をオリジナルにカスタマイズする方法 - NxWorld
    eedamame
    eedamame 2014/05/12
  • レスポンシブWebデザインに関しての備忘録 - NxWorld

    This Is Responsive わざわざこのエントリーを書かないでも、ここ見れば良いじゃんという気もしなくはないですが...。 レスポンシブなWebデザインに関する情報やツールなどをまとめているリソース集でかなりの量があります。 Responsive Design in 3 Steps | Web Designer Wall viewport、IE用JS、Media Queriesなど、レスポンシブWebデザインを実装する際の基的な3ステップ。 CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き | Webデザインレシピ Media Queriesの使い方や注意書きをまとめたエントリー。 わかりやすくまとまっているので、これからレスポンシブに挑戦するという方は特に一読してみるといいと思います。 レスポンシブ・ウェブデザインでの C

    レスポンシブWebデザインに関しての備忘録 - NxWorld
  • 1