そらより

おもしろいと、かわいいと、おいしいと、うれしい。

STINGER7でトップページの投稿一覧が表示されない?など更新のあれこれ

      2016/07/10

 

STINGER6にして「スゲー快適!」と思っていたら、いつのまにか「STINGER7」が出ていました。そこで、これは乗り換えでしょ、と祝日を利用して取り掛かったわけなんですが、とんでもないところでドツボにハマってしまいました。なんとトップページの投稿一覧が表示されないんです。

で、2時間近くあーでもないこーでもないして、ようやく解決法を見つけたのでした。じつは肝心の「管理リセット」をやっていなかった。でも「管理リセット」って何? 説明が見当たりません。今回は、そこらへんのことも含めてテーマ更新の顛末をご報告いたします。

 

スポンサーリンク

 

トップページの一覧が消えた!?

更新前はタカをくくっていました。6から7なんだから、大きなコードの変更はないはず。ならば6の子テーマでカスタマイズしたコードをそのまま7の子テーマにコピペすれば、すぐじゃん、と思っていたのです。子テーマ、超便利!と小躍りさえしておりました。

まあ、結論としては、それはその通りだったのですが、まさかほかの場所に落とし穴があったなんて…

まず、下の画像をご覧ください。こちらが更新直前(STINGER6child)のそらよりのトップページ。

 

STINGER7_06

 

そして、次の画像が更新後(STINGER7child)のものです。

 

STINGER7_09

 

どこが変わったか。

① ヘッダー画像を設定していなかったので「ありません」の痕跡が残ってしまいました

こちらは、ダッシュボード「外観」>「ヘッダー」を選択し「ヘッダ―画像」画面を表示。「画像を非表示」を選択すれば消すことができます。今回そらよりはヘッダー画像を新たに設定することにしたので、画像を表示しています。

 

② メニューが大きくなりました

メニュー項目がたくさん表示されているのが好きだったのですが、従来のままでは2段書き表示となってしまいました。そらよりのレベルではカスタマイズできないので、レイアウトに合わせ項目を減らすことにしました。

 

③ ここが問題の投稿一覧が表示されるべきところ

まったく表示されません。でも、メニューからカテゴリーをクリックするとカテゴリー一覧は表示されます。問題はトップページだけに起きていました。

 

④ フッターは不具合が解消されました

じつはサイト名や説明文の文字の大きさがデフォルトでちぐはぐになっていました。いずれ親テーマのアップデートで解決されるだろうと思っていたのですが、6で見直されたようです。よかった。

 

文字の大きさやスタイルは6子テーマのstyle.cssから

冒頭でも触れましたが、段落や小見出し、右カラムの文字などは更新前の状態にするため、6の子テーマのstyle.cssのコードを、7の子テーマのstyle.cssにコピー&ペーストしました。詳細はこちらのページで。

※上部メインメニューが大幅に変更されたため「メインメニューの背景色」のコードをすべて削除。また投稿一覧の表示が小さくなったため、「トップと一覧表示の見出しの文字」の項目で「font-size:24px;」を「font-size:22px;」にそれぞれ変更しています。コピペ時にご注意ください。

 

解決策は「STINGER管理」にあった!

トップページで投稿一覧が表示されない問題はダッシュボード「STINGER管理」で解決できました。まず「STINGER管理」ページを表示。「トップページのレイアウト」がいずれも選択されていませんでした。

これを赤枠のように選択肢最下段の「トップページのレイアウトをリセットする」を選択します。これで表示されました。ただしSTINGER7のデモページと比較すると、アイキャッチ画像が若干小さくなってしまったようです。原因と解決策は不明です。ちょっとガマン。

 

STINGER7_08

 

じつはこの操作。後述しますが、STINGER7のダウンロード画面で耳が酸っぱくなるほど言われていた「管理リセット」のことだったのですね。まったく気が付きませんでした。つまりダッシュボード「STINGER管理」から「STINGER管理リセット」でも解決できるんです。

ちなみに「トップページをLP化する」というのはランディングページにすることで、固定記事を挿入しヘッダーのないまったくフリーなデザインのトップページを作ることができます。上の画像の赤い線の囲みのすぐ上に「トップページに固定記事を挿入(記事ID)」とありますが、記事IDとは投稿記事を新規作成あるいは編集している際に、ブラウザのアドレスバーに表示されるURLの中に含まれています。たとえばこの記事の「記事ID」は1270です。

adressbar

 

 

スポンサーリンク

 

6から7へ気になったこと

こちらがSTINGER7のダウンロードサイト。赤枠で囲んだ「ダウンロード」をクリックします。

STINGER7_01

出典:http://wp-fun.com/

 

インストール条件をチェックする

ダウンロードページに来ました。まずSTINGER 7をインストールできる環境をチェックします。

WordPress は4.3.1以上
PHP は5.3以上

とあります。自分のブログが適合しているか、どうやったらチェックできるのでしょう。そらよりのような初心者はこんなところでもつまずいてしまいます。

●WordPressのバージョンは?

ダッシュボード「更新」をクリックすると現在のバージョンがわかります。そらよりの場合「4.4.2-ja」となっていました。大丈夫、合格です。

 

STINGER7_02

 

●PHPのバージョンは?

こちらはご利用のサーバー環境を調べる必要があります。そらよりはレンタルサーバーLoliPopを使用しています。SEO的には力不足と言われているようですが、まだまだ初心者なのでとりあえずこれで十分だと思っています。さて、言い訳はそれぐらいにして、LoliPopの場合、ユーザー専用ページにログイン後、Webツール>PHP設定で確認できます。そらよりは「5.4(CG版)」なっていました。こちらも大丈夫でした。

 

え、期間限定?と勘違い

ダウンロードページに来ても、最初はSTINGER7が表示されません。ここ、戸惑いポイント。下の画像の赤枠で示した部分にチェックを入れないと表示されない仕組みになっているんです。

それほど赤文字の部分が大事ということなんですね。ただし「管理リセット」がちょっと意味不明。この表示の上部に関連ページへのリンクがあるのですが、「メニュー設定」及び「位置管理」の説明だけしかありません。……? もしかして……ここまで書いてきて、ようやく気付きました。「管理リセット」とはこのページの本題である「トップページの投稿一覧が表示されない」問題を回避するための施策? そうです。ダッシュボード「STINGER管理」から「STINGER管理リセット」でも解決できたんです。う~ん、迂闊でした。というか「管理リセット」の表記だけではわからない。(本稿冒頭にフィードバックし、念のため早めに結論を追記しておきました)

 

STINGER7_03

 

以上、ばたばたしましたが、なんとかSTINGER7のインストールが完了。これを機会に背景画像やヘッダー画像を取り入れ、投稿一覧のアイキャッチ画像も丸バージョンを選択。フッターもすっきりし、従来よりキュートなデザインになりました。なんだかんだ言って、やっぱりSTINGER、すげーや!

 

スポンサーリンク

 

スポンサーリンク
【So-net 光 (auひかり)】

 

 

クリックしていただけると幸いです
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ

おススメ記事

歳の差婚250 1
「年の差婚(交際)」の最適年齢を割り出す法則が海外にあった!

数年前から「年の差婚」がブームです。人気キャスターや人気女優、人気歌手が、歳の離 ...

補色01 2
赤い点を30秒間じっと見つめてください。天井を見上げると不思議なことが!

  夏休みの想い出に友達と撮った記念写真。でも、後ろをふと眺めると壁や ...

パーティ開け11 3
「パーティ開け」不要!スナック菓子はもっとスマートにシェアできる!!

ポテチの袋、いつもどうやって開けてますか? 友達やパートナーとシェアして食べると ...

 - WordPress, デジタル

Copy Protected by Chetan's WP-Copyprotect.