施術メニュー表を入れる。

施術メニューコードをコピーする。
施術メニューコード
施術メニューコードをソースに張り付ける。
記事を保存すると実際には以下のように表示されます。
メニューのタイトルを編集する。
このように編集したテキストが表示されます。
移動先のURLを設定する。
見た目は変わりませんが，クリックすると交通事故のページに移動します。

施術メニューコードをコピーする。

施術メニューコードをコピーしてください。

施術メニューコードは，この記事の下にご用意しております。

施術メニューコード

<ul class="work_list clearfix">
   <li><a alt="" href="メニュー１のURL">メニュー１</a></li>
   <li><a alt="" href="メニュー２のURL">メニュー２</a></li>
   <li><a alt="" href="メニュー３のURL">メニュー３</a></li>
   <li><a alt="" href="メニュー４のURL">メニュー４</a></li>
   <li><a alt="" href="メニュー５のURL">メニュー５</a></li>
   <li><a alt="" href="メニュー６のURL">メニュー６</a></li>
   <li><a alt="" href="メニュー７のURL">メニュー７</a></li>
   <li><a alt="" href="メニュー８のURL">メニュー８</a></li>
</ul>
<style type="text/css">.work_list {
   overflow: hidden;
}
.work_list li a {
   display: block;
   box-sizing: border-box;
   border: 1px solid #4f6ef8;
   border-radius: .5em;
   width: 100%;
   color: #552200!important;
   font-weight: bold;
   text-decoration: none;
}
.work_list li a:before {
   content: '\f144';
   margin-right: .25em;
   color: #ff61a0;
   font-family: "Font Awesome 5 Free";
font-weight: 900;
   speak: none;
}
@media print, screen and (min-width: 731px) {/*PC用*/
.work_list li {
   float: left;
   margin-bottom:0.25em!important;
   width: 49.75%;
}
.work_list li:nth-child(odd){
margin-right:0.5%!important;
}
.work_list li a {
   padding: 0.625em 0.5em 0.5em 1em!important;
   line-height: 1.4em;
}
}
@media print, screen and (max-width: 730px) {/*SP用*/
.work_list li~li {
   margin-top: .2em!important;
}
.work_list li a {
   padding: .4em .4em .4em 2em!important;
   line-height: 1.1em!important;
   text-indent: -.7em;
}
.work_list li a:before {
   display: inline-block;
}
}
</style>

施術メニューコードをソースに張り付ける。

⑴　記事の追加をクリックしてください。

⑵　ソースをクリックし，ソース書き込み画面を表示して，施術メニューコードを張り付けてください。

記事を保存すると実際には以下のように表示されます。

メニューのタイトルを編集する。

施術メニューコードでメニュー１となっている箇所を表示したいメニューの名称に変更します。

このように編集したテキストが表示されます。

移動先のURLを設定する。

今のままでは，まだ「交通事故」をクリックしても交通事故のページには移動しません。

施術メニューコードのメニュー１のURLの箇所に移動先のページのURLを入力してください。