ホーム画面のボタンをリンクに変更
アイコンをクリックしたら
一覧を開くようにしたいので
button 要素を a要素に変えることにしました
なお、今回はテストなので、すべて
一覧の sweet.html にリンクするようにしています
すべて書き換えるのは面倒なので
cp home.html home2.html
でバックアップしておき
もし前のほうがよかったということのないようにしておきます
次に vim の置き換えを使って一気に変換します
sed コマンドでもいいのですが
失敗したときに
vim なら :u で戻せるので
vim による編集を行います
:%s/button/a/g
を実行し
button を a にすべて変えます
次に、リンク先を追加したいので
:%s/class="ui-btn ui-corner-all" /class="ui-btn ui-corner-all" href="sweet.html"/g
を実行
これで全て置き換えできました
:w
で保存して一度 chrome で動作確認します
見た目は変化ありませんが、和食などの
アイコンをクリックすれば、一覧にリンクし
そこからクリックすれば
お店の詳細が開きます
これでテンプレの元になるファイルができたので
wordpress テンプレファイルに変えていきます