コピー2014.01.26ヘッダーでスライダーを使いたい。そんな要望は沢山ある。flashなんて使わない。多くの人がjqueryを使う事だろう。今回は1枚の画像ではなく、6枚の画像を並べそれぞれ違うタイミングでスライドして行く様設定していく必要があった。来ないと思うので今回はスライドのサンプルを用意しました。(サンプルなので配置等は手抜き。実装完了!関連サンプル一緒に仕事している方のペットと僕の家の近所にいる猫の写真です。かわいいでしょ?これの実装方法は続きを!jquery.cycle.lite.jsをサーバーにアップjquery.cycle.liteオフィシャルホームページ内容はlead.jsを作成・サーバーにアップ内容はまずこのlead.jsで表示したい数のleadを増やします。lead_3と名前を変えて下さい。ここではlead_1の挙動を書き記しています。後ろの方に書いてある5000という数字はスライドするタイミングです。遅かったり早かったりしたらここの数字を変えて下さい。headに記述</head>の直前に記載しました。CSSの用意CSSでは配置を決めていきます。本記事のスライダーのCSSにはこう記述しました表示したい場所への記入こうやってやります。実装完了!これで表示出来ます。写真はホームページの訴求力を上げる1つの方法だと思います。ECサイトのトップページにこういったスライダーで商品を沢山羅列しアピールするのも手かもしれません。配置や写真選びのセンス等が問われるので中々難しいですね。親カテゴリのアーカイブテンプレートを子カテゴリにも適用させる方法」ですが、これはカテゴリーアーカイブページ(category.php)のお話。投稿のカテゴリーによってテンプレートを変更イベントのホームページを作成する際、投稿カテゴリーごとに使用するテンプレートを変更する様設定した。カテゴリーが・ブログ・Day.1・Day.2とある。これをそれぞれ指定したテンプレートに行く様設定しました。Youtubeの埋め込みをレスポンシブにHPをレスポンシブで作成した際、埋め込んだYoutubeの大きさが変わらずスマートフォンで見ると横にはみ出てしまう。いってiframeのwidthを100%にしても高さがそのままなので縦に長くなってしまう。IE8でスタイルがずれる場合の対処法(functions.phpとCSSでのカスタマイズ)」は基本的にCSSで対処する方法だった。PHPで吐き出す方法】の記事を作成しました。三種類表示できるようになりました。functions.phpでウィジェットでもショートコードを使えるようにウィジェットでショートコードが使えない事に今更気づいた僕。使って表示していますが、今回はプラグインを使わず実装してみました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト上に表示された文字を入力してください。note.メニューtopaboutホーム検索トップサイドバータイトルとURLをコピーしました。