クロスナビ-Cross navi-

Posting Manual

記事更新マニュアル

「お知らせ」および「婚活ブログ」の更新手順です。
既存の記事をコピーして編集することで、
デザインを崩さずに作成できます。

01

記事を複製(コピー)する

WordPress管理画面の「投稿一覧」から、元となる記事(最新のお知らせ、またはブログ)にカーソルを合わせ、「Duplicate(複製)」をクリックします。

下書き状態で同じ記事がコピーされます。
02

基本情報(タイトル・カテゴリ)の変更

複製した記事の「クイック編集」をクリックし、作成する記事に合わせて以下の設定を変更して「更新」を押します。

お知らせ・イベント情報の場合

  • スラッグ: news1, news2 のように連番にする
  • カテゴリー: お知らせ にチェックを入れる

婚活ブログの場合

  • スラッグ: blog1, blog2 のように連番にする
  • カテゴリー: ブログ にチェックを入れる

※タイトルも管理しやすい名前に変更してください。

03

Elementorで編集

「Elementorで編集」ボタンをクリックして、編集画面を開きます。
画面が表示されたら、内容が表示されている部分(HTMLウィジェット)をクリックします。

04

本文の書き換え・公開

左側のパネルにHTMLコードが表示されます。
該当する「タイトル」や「本文テキスト」の部分のみを書き換えてください。

<h3>ここを新しいタイトルに</h3>
<p>ここを新しい本文に書き換え</p>

書き換えが終わったら、画面左下の「公開」ボタンを押して完了です。

Edit Manual

固定ページ編集マニュアル

HTMLウィジェットで構成されたページの
テキスト・画像変更手順です。
実際のコード例を見ながら作業を行ってください。

01

編集画面を開く

WordPress管理画面の左メニューから「固定ページ」をクリックします。
編集したいページ(例:強みなど)にカーソルを合わせ、「Elementorで編集」をクリックしてください。

固定ページ一覧 > [ページ名] > Elementorで編集
02

編集したい箇所をクリック

編集画面が開いたら、修正したい文章や画像が表示されているブロック(ウィジェット)をクリックします。
画面左側のパネルにHTMLコードが表示されます。

03

テキストを編集する

HTMLコードの中から、オレンジ文字の部分だけを書き換えてください。
※ < > で囲まれたタグは消さないように注意してください。

実際のコード例(強みページ)
...
<h3 class="cn-reason-title">
  <span class="ib-text">元IBJ直営店の婚活アドバイザーによる</span><br>
  <span class="ib-text">サポートを続けやすい価格でご提供</span>
</h3>
<p class="cn-reason-desc">
  元IBJ直営店の婚活アドバイザーとして年間700名前後の...
</p>
...
黄色のマーカー部分の日本語のみを書き換えます。
04

画像を差し替える

画像はURLを貼り替えることで変更します。
まず、「メディア」メニューから新しい画像をアップロードし、「ファイルのURL」をコピーしておきます。

次に、HTMLコード内の <img src="..."> を探し、ダブルクォーテーション " " の中身を書き換えます。

実際のコード例(画像の場所)
...
<div class="cn-reason-img">
  <img src="http://crossnavi.../uploads/.../new-image.jpg" alt="...">
</div>
...
src="ここ" に新しい画像のURLを貼り付けます。
※前後の " " (チョンチョン) を消さないように注意!
05

保存して完了

編集が終わったら、画面左下の「更新(または公開)」ボタンを押して保存します。
実際のページを開いて、崩れずに反映されているか確認してください。