Setouchi Kotori

お使いになっているプラグイン「Yoast SEO」の設定は確認されましたか？

プラグインを無効化する方法をお尋ねだったと思いますのに、そちらはおやめになり、バックアップデータからのリストアをお試しになったということですか？

おぉ〜！
理想形に近づいたようで何よりです^^

こちらのトピックは解決済みにしておいてくださいねー！

ロリポップでデータベースにアクセスする方法は、「ロリポップ データベース ログイン」「ロリポップ phpMyAdmin ログイン」などで調べると出てくるかと思います。

ロリポップではデータベースの操作はサポート対象外なので、くれぐれもお気をつけくださいね。

個別投稿内にH1見出しを置くと、投稿にH1が２つ存在することになるのでNGです。

　

まず、お示しいただいている画像にある「縦積み」ブロックを開いてみてください。
その中に「タイトル (H1)」ブロックが「投稿メタ」と一緒に格納されています。

(この「タイトル (H1)」ブロックを「動的データオプション」と表現されているのではないでしょうか)

その「縦積み」ブロックを「カバー」ブロック内に移動してください。
そして「縦積み」ブロックごと中央に表示させます。

　

最後に「見出し (投稿タイトル)」ブロックを削除してください。

　

リストビューに注目してください。
ブロック構造が▼こちらの画像のようになっていたらOKです。

　

カバーブロックは全幅。
オーバーレイは #000000、不透明度30 に設定しています (一例です)。

　

プレビューすると▼こんな感じ。

　

カバーブロックの上余白やメタ情報の色 (▲画像のピンクの矢印) を調整する必要があるかと思います。

これでご希望のとおりになりそうでしょうか。

• この返信は1ヶ月、 1週前にSetouchi Kotoriが編集しました。

お力添えできず残念です･･･。

ひとまず解決したとのことで、よかったです＾＾

パソコン表示がおそらく意図されたとおりに表示されていないのではないかと思います。
よろしければ、以下のコードをお試しください。

<style>
ul.umuke {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  color: #ffffff;
  position: relative;
}

ul.umuke li {
  background: #03006b; /*背景色*/
  color: #ffffff;
  margin-bottom: 3px; /*下のバーとの余白*/
  border-bottom: solid 1px #dadada; /*下に灰色線*/
  list-style-type: none !important; /*ポチ消す*/
  text-align: left;
  padding: 15px 20px; /*上下に15px, 左右に20pxのパディング*/
  display: flex;
  align-items: center; /*縦方向の中央揃え*/
  line-height: 1.0em;
}

ul.umuke li a {
  color: #ffffff; /*リンクの色を白に*/
  text-decoration: none; /*リンクの下線を消す*/
}

ul.umuke li a:hover {
  text-decoration: underline; /*ホバー時に下線を表示*/
}

.section {
  margin-bottom: 20px; /*セクション間の余白*/
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}
</style>

<div class="section">
  <ul class="umuke">
    <li class="lmuke1">&nbsp;&nbsp;&nbsp;研修コース</li>
    <li class="lmuke2"><a href="https://nihonjinji.jp/index.php/kangomuke/">&lt;&nbsp;訪問介護サービス事業向け</a></li>
    <li class="lmuke3"><a href="https://nihonjinji.jp/index.php/eventmuke/">&lt;&nbsp;イベントプロデュース企業向け</a></li>
    <li class="lmuke4"><a href="https://nihonjinji.jp/index.php/servicemuke/">&lt;&nbsp;サービス事業向け&nbsp;&nbsp;&nbsp;</a></li>
  </ul>
</div>

<div class="section">
  <img src="https://nihonjinji.jp/wp-content/themes/sample/images/kensyu_service.jpg" alt="" border="0" />
  <img src="https://nihonjinji.jp/wp-content/themes/sample/images/space.gif" width="700" height="50" alt="" border="0" />
</div>

コードのご共有をお待ちしているところでございます。