Simplicity2テーマスキン「Flower Pop」を作ってみた【WordPress】

コメント

1. みよ より:

   2017-06-18 05:40

   さっそくご丁寧にありがとうございます！
   cssのインストール場所、ご指摘いただいたとおり変更いたしました。
   初歩的なミスでお恥ずかしい限りです…

   結果、h2に関しては横スクロールが出なくなりましたが、h3を使用しているページではやはり横スクロールが出ていました。（h1はデザイン変更したので、これで横スクロールがなくなったのかは不明です）
   デザイン上h3は左右の縁までのばさずに、メインのボックスの中に収めたかったので
   margin: 20px -29px;
   から
   margin: 20px 0;
   に変更したところ、横スクロールが出なくなりました。
   h2もマージンの左右がマイナスなのに、どうしてh3だけで横スクロールが発生したのでしょう…？？

   マウスオーバーは無事に希望通りできました！
   ありがとうございます！

   もう一点なんですが、グローバルメニューをリボンにしたいため　https://0edition.net/archives/3374#2　を参考に
   #navi{
   border-top: 2px solid #F4B4D0;
   border-bottom: 2px solid #F4B4D0;
   }
   で縁の直線を引き
   #navi ul{
   background: none;
   border: none;
   border-top: 1px dashed #F4B4D0;
   border-bottom: 1px dashed #F4B4D0;
   border-radius: 0px;
   padding: 0px;
   position: relative;
   }
   でリボンの縁のほつれ止めの跡を表現しています。
   しかし
   #navi .menu > ul:before {
   border-top: 1px dashed #F4B4D0;
   border-top: 1px dashed #F4B4D0;
   content: ”;
   display: block;
   margin: 2px 0px;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   }
   が反映されず、画面端までダッシュ模様が適用されません…これはなぜでしょうか…
   質問ばかりで申し訳ありません…
2. tommy より:

   2017-06-18 21:09

   みよさん
   ＞横スクロール
   謎ですね・・・またちょっと時間のあるときに検証してみます。ご報告ありがとうございます(･◡･)

   ＞グローバルメニューの点線
   指定が #navi .menu > ul:before ではなく、#navi ul.menu:before かと！
   #navi ul.menu:before で適用されない場合は #navi:before でもいけそうな気がします。
   きちんと確認してないので上手くいくかは実践してみてください。すみません。
3. みよ より:

   2017-06-21 10:37

   どうもありがとうございます。
   早速グローバルメニューの:beforeを書き直したのですが、どの表記でも表示は変わらず、それどころかスマホで右上のメニューを開こうとしても開けない事態に…
   :beforeや:afterは自分が全く仕様を理解できていないので、無理に使うのはやめようと思います；
   聞いておいて申し訳ありませんでした…！
4. tommy より:

   2017-06-21 20:13

   みよさん
   突貫工事でサンプル作成してみました。
   https://0edition.net/archives/3374
   もしまだ挑戦してみようというお気持ちがありましたら、参考にしてみてください。
5. akyo より:

   2017-10-21 12:59

   はじめまして。最近FlowerPopを使い始めました、とてもかわいくて気に入っています。
   質問なんですが、サーチコンソールで調べると、リソースがブロックされましたと出るのですが、調べるとどうもタイトルの背景画像のようです。これってこのままでも問題ないのでしょうか？
   私自身PHPもCSSもHTMLも全くわからない素人なので変な質問かもしれませんが、気になったのでもしお分かりになるようでしたら教えて欲しいです。

   私のサイトがこちらで
   akichannel.info

   ホスト？が
   http://bibolog.xyz

   こちらです。

   特に問題ないのならいいんですが不安だったので質問させていただきました。よろしくお願いします。
6. tommy より:

   2017-10-22 15:19

   akyoさん、FlowerPopのご利用ありがとうございます。気に入っていただけて嬉しいです！
   リソースがブロックされてしまう、とのことですね。結論から言うと、放置でOKです。
   リソースがブロックされる件はこちらの記事がとても分かりやすかったです。
   https://abikosan.com/block_resources

   背景画像はわいひらさん（Simplicity作者）の別サイトから読み込んでいるようで、こちらとしては特に出来ることはありません。
   どうしてもサーチコンソールのメッセージを消したければ、WordPress管理画面の外観→テーマの編集→simplicity2→skins→flower-pop→style.cssを開いて、
   //bibolog.xyz/wp-content/uploads/2017/09/bg.png の箇所を自分のサイトにアップロードした画像のURLに置き換えていただければ、メッセージは消えますよ。
   （親テーマをバージョンアップする度に書き直す必要があります）
7. akyo より:

   2017-10-23 14:15

   tommytommyより:
   2017-10-22 15:19
   に返信

   そうなんですか、気にしないでいいんですね！
   ありがとうございました。
   これからも使わせてもらいます＾＾