2015年9月6日のブックマーク (2件)

  • イメージスライダーを付けてみよう

    それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね! それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像

  • WordPressでCSSの反映を確認しながら編集する方法 | WPnavi

    WordPressをもっと理解したい!もっと楽しみたい!という方に、使い方からカスタマイズ方法までをこってりと書いていますφ(..) CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から 変更すると思うんですけど、これってぶっつけ番ですよね。 そもそもどこをどう触ればどう変わるのかよく分からないと思います。 実際にリアルタイムで反映を確認しながら編集ができればいいのに・・・ って、きっと誰もが思うはず! というわけで、それを叶える方法です。 Google Chromeのデベロッパーツールを使う Google Chromeというのはブラウザの種類です。 ブラウザ自体は他にもIEとかFirefoxとかありますが、 Chromeのデベロッパーツールは元から備わっている機能なので 非常に便利で重宝します。 Google Chromeのダウンロードはこちら