固定ページの途中に新着記事を表示したい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 固定ページの途中に新着記事を表示したい

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

      最近ワードプレスでブログをはじめ、高品質なのに無料で提供して下さっているテーマSimplicity2を見つけ、使用させて頂いております。

      皆さんのQ&Aを参考にさせてもらいながらカスタムさせていただいており、
      最近のトピックにあった「固定ページの途中に新着記事を表示したい #50657」のアドバイスを参考にカスタムしたいと考えています。

      「固定ページの途中に新着記事を表示したい #50657」のトピックの、Hidekichiさんのアドバイス「#50669」にあるコードを管理画面の外観→テーマの編集→Simplicity2 child: テーマのための関数 (functions.php)の「//以下にSimplicity子テーマ用の関数を書く」のすぐ下にコピペして「ファイルを更新」すると「HTTP500エラー」が出てしまいページが表示されなくなり困っています。

      ※FTPにてfunctions.phpに追加したコードを削除すると今まで通りにページが表示されます。

      コードをコピペする際に何か注意点や、変更する部分等あればアドバイスいただきたいです。
      初歩的な質問で申し訳ございません。

    • #51266
      Hidekichi
      ゲスト

      確実に言えることはwordpress上から編集しないです。

      仮にコピペ元の中に「妙なものが仕込まれていた」という場合、本番環境にその妙なものを貼り付けてしまうということが考えられます。安易なコピペというのは、それが妙なものでなかったとしてもリスクがあるということを理解しておいて下さい。

      次に、上記とも重複しますが、「コピペが必ず正しく行われているかはわからない」ということも考えられます。どこからどこまでをコピペしたかを後から知ることはできません。範囲選択が残っている場合もありますが、その範囲選択の先頭や終端まで正しく範囲選択されているかはフォーカスがあたった瞬間にわからなくなります。

      phpは「;」ひとつ抜けてもfunctionのfが抜けてもエラーになります。確実に内容がコピペできてるかを知るためには別の画面にコピーしたのを貼り付けて、元のコードと比較し見直す必要があります。
      どうせ見直すのなら、wordpress上でせずとも、別のテキストエディターに貼り付けてftpでアップロードするほうが何かあった時に元に戻す手順を考えれば楽でしょう?

      最低限、;抜けや全角の使用などのシンタックスチェックをしておくべきですし、できるならphpの構文が正しいかをチェックするべきです。
      テキストエディターだけでこれをやるのはphpをPCに導入したりする必要もあってそれならローカルサーバー等の環境を作ったほうが良いと言う事になって、構文チェックだけにPHPを入れるのはアレですが、それでも内容の確認ができないのであれば環境を作るほうが望ましいです。

      ローカルサーバーがなくても、オンラインでPHPの構文チェックはできますし、cloud9などのwordpressのテスト環境で一旦導入して確かめた後、本番のサイトに適用することもできます。

      常に本番のサイトは正しく動作するファイルがあるようにしておくべきです。本番環境を直でいじるなんてことはプロの世界でもまぁありません。簡単な、確実に間違いがないとわかるような修正はするかも知れませんが、かならず事前にチェックをします。プロでもここまでするわけですから、そうでない人が直接いじるなんてのは大きなリスクを抱えながらやるのと同然です。
      まぁプロだから入念なチェックをするというのもあるとは思うんですけどね。

      cssなら、表示が崩れるぐらいで済みますが、functions.phpの編集は1つのミスで管理画面にも入れなくなってしまう場合があります。別途管理画面のアドレスをブックマークしてあればその可能性も減るかも知れませんが、そこまで想定している人なら、その危険性やリスクを把握しているでしょうからwordpress上からfunctions.phpの編集は行わないでしょう。

      常に本番サイトは正しいファイルがあるとすると言うふうにするならば、それまでの正しく動作するファイルをバックアップしておくべきですし、手を入れた最新のファイルをアップロードした時に、万が一があればそのバックアップで元に戻して、正常でない本番サイトが動作停止してる期間をできるだけ短くするべきです。

      訪問者はいつサイトに来るかはわかりません。Googleのクローラーやその他諸々、そういう状況にある中で本番サイトが動作停止してしまうリスクは案外大きいものです。

      sublime、atom、brackets等の今時のテキストエディターはシンタックスチェックできるプラグインや機能があります。これらとftpを組み合わせるのも良いですし、cloud9やInstant WordPressなどを利用して開発環境を持つというのもしても良いです。
      わいひらさんの寝ログにもそれらの紹介や解説などがあります。

      固定ページの途中に新着記事を表示したいでもakiraさんのサイトで動作しているように、スクリプト自体は改良の余地はあるもののひとまず正常に動いています。うちのテスト環境でも特にエラーはありませんでした。

      これがうちの環境だけだと環境による問題があるかも知れませんが、他の方が問題ない所を考えると単にコピーミスかと思います。しかしそれを僕自身が確認したわけではありませんから、その確認をshotaさんにもしてもらう必要があるわけです。

      しかし誰でもが同じように確認できるわけではありません。なのでテスト環境であったりシンタックスチェックは必要なのです。cloud9などは、登録から設定まで数分で利用できるようになります。そこからwordpressの設定したり、できることとできないこともあったりで全く本番環境と同じにはできないかも知れませんがおおよそのことはできます。

      これらはエラーがあったとしてもftpとエディターとが合体しているような環境ですからすぐに修正もできますし、問題点もより速く確認できるでしょう。

      そこで正しく動作したものを本番環境に持っていけば余程のことがない限り動作します。
      事前準備は何よりも重要です。

    • #54083
      shota
      ゲスト

      Hidekichiさん大変丁寧なご返信ありがとうございます。
      教えていただいたこと参考にさせてもらい基本的なことから勉強していこうと思います。
      返信大変遅くなり申し訳ございません。前回質問した内容が解決したので報告します。

      前回質問させていただいた内容についてですが、
      「固定ページの途中に新着記事を表示したい #50657」のトピックの、Hidekichiさんのアドバイス「#50669」にあるコードとCSSに変換したものをコピペすることで無事固定ページに新着記事のリストを表示することが出来ました。
      ありがとうございます。

      コピペできない問題は解決しました。
      前回の質問でコピペができなかったのは「「code」が1行でスクロール付きで表示されます #53990」のトピックにあるようにコードの表示状態が原因だったと思われます。

      前回の質問の後から何度も「固定ページの途中に新着記事を表示したい #50657」のトピックを見に行きましたが、1行で表示されることや全体が表示されることがあることに気づきました。
      また1行で表示されるときは、PCのGoogle Chromeでも、iPhoneのSafariでも同様に1行でコードが表示されコピペが正しく行えません。
      改行がなくつながったコードになってしまう。※詳しいことは分かりません。

      スタイルについて質問させていただきたいです。
      PCのGoogle Chromeで表示したときは綺麗に表示されていますが、iPhoneで表示するとサムネや記事タイトル本文抜粋が大きく表示され表示が崩れてしまいます。
      SimplictiyのリストのようにPCで表示した際と、スマホで表示した際で表示するサイズを変えたいです。

      PCでの表示はそのままにした状態で、スマホでの表示のスタイルを調整するにはどこをいじれば良いかアドバイス頂けないでしょうか?
      よろしくお願いいたします。

      カスタマイズ対象ページ
      http://shotalab.com/test/

    • #54086
      アバター画像わいひら
      キーマスター

      申し訳ないですが、サポート対象外のものにもあるように、個別のカスタマイズが要因で起こることについて、全て(僕がCSSを書くというような)サポートすることはできないです。

      ただ、モバイル関係のスタイルについては、親テーマ内のcss/narrow.cssに書かれているので、こちらを参考にしてみてください。

    • #54089
      shota
      ゲスト

      早いお返事ありがとうございます。
      頂いたアドバイスを参考にさせていただき、頑張ってみようと思います。

    • #54091
      かうたっく
      ゲスト
      @media screen and (max-width: 500px) {
      	/*ここにスマホのスタイル*/
      }

      style.cssにこの記載を書けば、スマホビュー(Simplicityでは最大500pxで指定されている)のみ反映できます。

      @media screen and (max-width: 500px) {
      	.entry-content ul,
      	.entry-content ol{
      		padding-left: 1em;
      	}
      	/* その他スタイル */
      }

      その他下記のページの見出し『スタイル(CSS)でカスタマイズする』が、モバイルのみ表示するCSSなどあるので参考になります。

      Simplicity子テーマ内に入っているファイルの役割について解説

      ご自身でHTMLかいてるんですねっ。
      style変更しようとしたら、HTMLに別の親要素を追加したりすると、やりたいスタイルになりますよっ^^

      寝ログで紹介されてたページのカスタマイズで対応すれば自動的にスタイルが良い感じになるかも。と思います。

      WordPress投稿本文に挿入した「moreタグ」にウィジェットを表示させる方法

    • #54137
      shota
      ゲスト

      かうたっくさん具体的なアドバイスありがとうございます。

      アドバイスを参考にさせて頂き、CSSでのカスタマイズした結果やりたいようにカスタマイズする事が出来ました!
      思うようにカスタマイズ出来て嬉しいです!

      hidekichiさん、わいひらさん、かうたっくさん、初心者で知識のない僕に丁寧に教えて頂いき本当にありがとうございました。

      これからもどうぞよろしくお願いいたします。

6件の返信スレッドを表示中
  • トピック「固定ページの途中に新着記事を表示したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)