今日もお菓子が充実してます!
勉強会の概要は、
です。 続きを読む
今日もお菓子が充実してます!
勉強会の概要は、
です。 続きを読む
バンドのサイト等で、
ブログ等の投稿記事に「コメントをする」というのがあっていいと思うけど、ディスコグラフィーやメンバー紹介のページを固定ページで作った場合、「コメントする」というのは、いらない。いかにもブログサイトです!みたいでカッコ悪いし。でもそれってデフォルトで表示されちゃうんですよね。
非表示にする方法
管理画面の「固定ページ」から「固定ページ一覧」で非表示にしたいページの編集画面に入って、右の上の方にある「表示オプション」をクリック!
「画面に表示」にある「ディスカッション」をチェックする。
すると、ページの下に「ディスカッション」の設定欄が現れるので、「コメントの投稿を許可する。」のチェックを外します。
たったこれだけで固定ページのコメントを非表示にすることが出来ます。
今回、僕はこれでやりました。
その他にもPHPの一行をコメントアウトするだけで、全部の「コメントする」を非表示に出来るみたいです。
参考にさせて頂いたサイト
http://webshufu.com/remove-comment-form/
http://researchnote.net/2012/05/wordpress9.html
バンドのサイト制作中。WPのtwenty twelveをカスタマイズ中。
http://kuulei90.com/
固定ページをいくつか作り、グローバルナビの設定もしました。試しにライブ記事を投稿するのですが、LIVEというカテゴリにチェックを入れてもそこには行かず、デフォルトの場所(BLOG)に行ってしまいます。
任意の名前で、カテゴリーって作れますよね。LIVEというカテゴリーを作った事と、メニューのLIVEは別物なんですかね?カテゴリーで作ったLIVEは、メニューのLIVEですよ!と関連づける何か設定が必要なんでしょうか?
教えて下さい。
4/5の勉強会でcssで画像をクロスフェードやりました。先生の記事を読んでも理解力が無く上手く出来なかったので、実際に説明してもらいました。
家で実際にやってみました。トップページです。http://nobu-69.com/manakaa/sample2/
1 2 3 4 5 6 7 8 |
<div class="slider"> <h1> <img src="img/index/900315logo.gif" alt="manaka design"> <img src="img/index/900315flower.jpg" alt="manaka design"> <img src="img/index/900315rain.jpg" alt="no rain, no rainbow"> <img src="img/index/900315only.gif" alt="たかがデザイン"> </h1> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
.slider{ position:relative; overflow:hidden; background-color:#000; } .slider h1 img { z-index:1; width:100%; } .slider h1 img:nth-of-type(n+2){ z-index:10; opacity:0; position:absolute; top:0; left:0; -webkit-animation:overwrap 12s ease infinite; -moz-animation:overwrap 12s ease infinite; animation:overwrap 12s ease infinite; } .slider h1 img:nth-of-type(1) { -webkit-animation-delay:0s; -moz-animation-delay:0s; animation-delay:0s; } .slider h1 img:nth-of-type(2) { -webkit-animation-delay:3s; -moz-animation-delay:3s; animation-delay:3s; } .slider h1 img:nth-of-type(3) { -webkit-animation-delay:6s; -moz-animation-delay:6s; animation-delay:6s; } .slider h1 img:nth-of-type(4) { -webkit-animation-delay:9s; -moz-animation-delay:9s; animation-delay:9s; } @-webkit-keyframes overwrap { 0% {opacity:0;} 5%,100% {opacity:1;} } @-moz-keyframes overwrap { 0% {opacity:0;} 5%,100% {opacity:1;} } @keyframes overwrap { 0% {opacity:0;} 5%,100% {opacity:1;} } |
①画像をレスポンシブデザインにする。
今まで画像の親要素に高さを指定しないと、画像の領域が確保できないので、高さを指定してましたが、それだと、画面の横幅をせばめた時に画像の下に余白でできてカッコ悪かった。それのカッコ悪さを少なくするために、メディアクエリで細かく段階に分けて高さの指定をしていましたが、以下の方法でその必要は無くなりました。
対処として1枚目の画像はposition:absoluteしない!です。それにより、1枚目は常に表示されている状態になるので高さがキープされます。その上で1~4枚目をクロスフェードします。
高さの指定は、どこにもしてはいけません。
1 2 |
<!--2枚目以降はアブソルートという意味、したがって1枚目はアブソルートしない!--> .slider h1 img:nth-of-type(n+2){position:absolute;} |
②cssでクロスフェード
animation:overwrap 12s ease infinite; アニメーションの名前(任意)overrap 全体の長さ12秒 easeイージングです。 infinite永遠に繰り返し
.slider h1 img:nth-of-type(2) {animation-delay:3s;} 2枚目の画像はキーフレームがスタートして3秒後にアニメ―ションが始まる。何が始まるかは、以下の指定です。最初は見えない、全体の5%になった所で見える。100%になるまで見え続ける。
@keyframes overwrap {
0% {opacity:0;}
5%,100%{opacity:1;}
}
ポイント1:opacity:0は、何にも見えない。opacity:1は丸見え。opacityとは日本語で不透明。opacityは、0から1で指定。その間は、0.1,0.2,0.3,0.4,…….。
ポイント2:ベンダープレフィックスを書くときに、何にも無しのやつは、1番下が良い。
animation-delayプロパティは、要素にキーフレームアニメーションを適用する場合に、 アニメーションがいつ始まるかを指定する際に使用します。
———————————————–
先生。
①画像をレスポンシブデザインにする。は上手く出来ました。
②cssでクロスフェードですが、上手くループしません。4枚目の画像表示まではGoodですが、それ以降が変な感じです。
何故でしょうか?
大変な事をしてしまいました。
今まで、twenty eleven でサイトをカスタマイズしてましたが、
試しに、Twenty Twelveでやったらどうなるかftpで見てました。
Twenty Twelveの小テーマを作って・・・。
そしたら、元々のttchild(小テーマ)を削除してしまいました。(ー..ー;)
サイトも表示できなくなりました。
テーマを見ると何も入ってませんでした。
新しいテーマを追加しても
パッケージを展開しています…
→→→→テーマをインストールしています…
ディレクトリを作成できませんでした。
/home/users/2/pupu.jp-micco/web/st-neverland/blog/wp-content/themes/twentyeleven/
テーマのインストールに失敗しました。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
と表示されてしまいます。
テーマのインストールも出来なくなりました。
どうしましょう(>_<)
こうなってしまったら、Twenty Twelveでやりたいと思っています。。。。
テーマ編集を見ても、選択したテーマはありません。としか表示されません。
ダッシュボードの現在の状況の部分に、
エラー: テーマディレクトリが空か、存在しません。インストールを確認してください。
と表示されています。
wpを新しくインストールしなおすんですか???
新しいお仕事が入りまして、
低予算で、スマホ対応で、自分たちでニュースやブログを更新したいとの事ですので、
ワードプレスで制作する事にしました。
デザインはシンプルでよいとの事なので、twenty twelveをカスタマイズしようと
思います。テーマを使わず100%オリジナル(フルスクラッチというんでしたっけ?)だと予算オーバーだし。
質問①
サーバーと独自ドメインを取得しました。今まで、自分のサーバーにWPをインストールする時は、
nobu-69.comというサイトとは別のサイト制作だったので、nobu-69.comのルートに別サイトのフォルダを作り
そこにWPをインストールしてましたが、今回の様な場合は、これからインストールするWPがメインサイトに
なるので、サーバーのルート(一番上の階層)にインストールすればいいんですよね?フォルダとか作らずに。
質問②
twenty twelveをカスタマイズする際に、clubringoの場合はttcloneというクローンcssをいじってますよね。
クローンってどうやって作るのですか?
wpで初仕事。ちょっとドキドキ。