amp.cssを作りたい

  • このトピックには13件の返信、1人の参加者があり、最後にみきにより3年、 2ヶ月前に更新されました。
13件の返信スレッドを表示中
  • 投稿者
    投稿
    • #50934
      kchan
      ゲスト

      お世話になっております。
      少し前にサイトをAMPに対応させていただきました。
      初心者のわたしでも簡単にできるシステムに感謝しています。

      ただ、Simplicityには1の時からお世話になっているので、子テーマにamp.cssがありません。
      AMPのページに少し色をつけたいと思っています。
      ファイルの作り方を教えていただけないでしょうか。

      どうぞよろしくお願いします。

    • #50935
      kchan
      ゲスト

      連投してすみません。

      Simplicityで練習用のサイトを作っています。

      先ほど、レンタルサーバー(さくら)のファイルマネージャーを見てみますと、練習用のサイトは新しいのでamp.cssがありました。

      右クリックしてみると、「指定の場所に複製」の項目がありました。

      これを、本番用(amp.cssを作りたいサイト)の「Simplicity2-child」のフォルダに入れると、本番用のサイトにもamp.cssファイルができるのでしょうか。

      全く見当違いのことかもしれません…。
      お手数をおかけします。どうぞよろしくお願いします。

    • #50936
      みき
      ゲスト

      これを、本番用(amp.cssを作りたいサイト)の「Simplicity2-child」のフォルダに入れると、本番用のサイトにもamp.cssファイルができるのでしょうか。

      複製なのでできると思います

      簡単な話をするとWindowsのようにsimplicity2-childの下にファイル名をamp.cssと言う名前で保存すれば良いだけの話です。

      実施後できているかが不安であれば
      WordPress管理画面>外観>テーマの編集にamp.cssがあれば上手くいっているかと

    • #50938
      kchan
      ゲスト

      ご親切にありがとうございます。
      ただ、もし上手くいかなかったら戻す自信がないので、ファイルマネージャーをいじるのが怖くて出来ずにいます。
      わたしがやろうとしているファイルの複製は、エラーがでるようなことではないのでしょうか。

      考えてみたのですが、今使っているamp.cssがない子テーマを削除して、新しい子テーマを入れれば失敗をしないのではないかと思いました。

      Simplicity1の子テーマから2へ移行する時に、カスタマイザーの設定やコピーは下の記事を参考にして やりました。
      https://wp-simplicity.com/simplicity1-to-2-customizer/

      今使っているamp.cssがない子テーマのカスタマイズを開いてから削除し、新しい子テーマを入れれば同じ方法が使えると思いました。

      後は、テーマ編集で追加したところはコピーしておいて、新しい子テーマに貼り付けるという方法で出来るでしょうか。

      このやり方でも大丈夫でしょうか。
      どうぞよろしくお願いします。

    • #50939
      みき
      ゲスト

      考えてみたのですが、今使っているamp.cssがない子テーマを削除して、新しい子テーマを入れれば失敗をしないのではないかと思いました。

      一番失敗しない方法ですがカスタマイズした内容は全部消えてしまいます
      ↑カスタマイザーの内容も消える?気がします

      普通にクライアントでamp.cssと言う名前でファイルを保存してFTPでsimplicity2-child下にアップロードすれば問題ないです

      個人的には上記方法のほうがエラーは出ないかと思います
      ※さくらのファイルマネージャーと言うものがどのようなものか分からないので

    • #50940
      みき
      ゲスト

      もし不安であればテスト用のサイトの子テーマを削除して
      昔の(amp.cssがない)子テーマをインストールされてみてはいかがでしょうか

      昔の子テーマ

      ※2015年のやつです

      そして2015年の子テーマにはamp.cssがないので上記方法で試されてみてはいかがでしょうか

      そうすると本番サイトには影響ないですし
      テストサイトで成功すると本番サイトでわざわざ子テーマを削除しなくてもamp.cssを追加できると思うので

      一応先ほど書いたFTPで上げる方法です

      何かしらのソフトでファイル名amp拡張子cssで例としてドキュメントに保存します

      完成:amp.css

      FTPソフトでsimplicity2-childにアクセスします

      FTPソフトにもよりますが左側にクライアントのファイルが表示されていると思うので
      ドキュメントに移動します

      すると先ほど保存したamp.cssがあると思うのでそれを右側に(simplicity2-child)ドラッグします

      これで追加完了です

    • #50941
      みき
      ゲスト

      わかりづらいのでFTPソフトの使い方

      https://techacademy.jp/magazine/1670

    • #50943
      kchan
      ゲスト

      ご丁寧にありがとうございます。

      子テーマを削除する前に、右クリックでカスタマイザーを開いて置くと、削除してもカスタマイザーが見られるようでした。なので、怖くない方法かと思いました。
      でも、いきなりパソコンが落ちたり、固まったら手入力になるのかなと思いました。
      (カスタマイザーの全項目の写メは しておこうと思っていました。)

      ご提案していただいたFTPソフトを使う方法ですが、使ったことがありません。
      でも、今回それでやってみたいです。

      教えていただいたように、まずはテストサイトでやってみて上手くいけば 本番サイトにできますし、今後のことを考えますと使えた方がいいので、この機会にその方法でやってみようと思います。

      説明の中で、わからないところがあるのですが、
      「何かしらのソフトでファイル名amp拡張子cssで例として」

      これは、amp.cssファイルを作るということでしょうか。
      今までファイルを作ったことがありません。
      何かしらのソフトというのは、何があるのか教えていただけないでしょうか。

      何度もすみません。よろしくお願いします。

    • #50944
      みき
      ゲスト

      これは、amp.cssファイルを作るということでしょうか。
      今までファイルを作ったことがありません。

      これはOS、ソフトにもよりますが
      amp.cssを作るということが最終です
      詳しくは下記記載

      何かしらのソフトというのは、何があるのか教えていただけないでしょうか。

      メモ帳とかサクラエディタとかですかね
      推奨としてはサクラエディタなどプログラミングに使えるエディタのほうが良いです

      Windowsのメモ帳の場合ですが
      なにも記載しない状態でファイル>名前をつけて保存を押してください

      そしてファイル名にamp.cssと記入します

      ファイルの種類はすべてのファイルにします

      これでamp.cssの完成です。

    • #50949
      みき
      ゲスト

      今、参考記事を書いているのでもう少しお待ちください

    • #50952
      みき
      ゲスト

      記事が書き終わりました!!

      Simplicityの子テーマにamp.cssを作成&設置する方法
      https://comivel.net/simplicity2-child-amp-css/

      記事はWindowsで解説していますが
      他のOS、ソフトでも同じような感じで進めていけば設置できるのでご参考にしていただければ幸いです。

      確認方法も画像つきで説明しているので不安であればご参考に…

    • #50957
      kchan
      ゲスト

      みきさん、で、できましたー><
      すごく嬉しいです!

      早速、h2~h4の背景と線の色を変えてみました。あと、タイトル下の日付やカテゴリーが書いてあるところの背景も好きな色にかえました^^

      それだけでも、サイトが明るくなり、とっても嬉しいです。

      何もわからない自分に、ひとつひとつ丁寧に教えて下さりありがとうございました。
      FTPソフトに関しても 初めて使ってみる機会を下さったことに感謝しています。

      本当にありがとうございました!

    • #50958
      kchan
      ゲスト

      わー、記事まで書いて下さっていたのですね。

      わたしのパソコンでは、その部分の書き込みが今反映されました。
      リロードしてみれば良かったです。記事があったらもっと簡単にできたのに…

      お時間を随分取らせてしまいました。
      ご親切にありがとうございました!(*^^*)

    • #50959
      みき
      ゲスト

      解決できてよかったです!!

      あと記事へのコメントもありがとうございました!!

      連投してしまったようです。とありましたが
      連投されていなかったので片方だけ(連投してしまったようです。と言うコメントだけ)削除しておきます

      多分、スパム対策で前回の投稿後一定時間投稿できないようになっているので投稿されていなかったのだと思います

      お疲れ様でした!!

13件の返信スレッドを表示中
  • トピック「amp.cssを作りたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)