• 投稿 2017/01/06 
  • 未分類

メニューボタンの作り方(0:00~3:24)

まず、素材を用意する必要があるから、「メニューボタン フリー素材」みたいなキーワードでぐぐって気に入ったボタンを探し出す。ちなみに動画で使用してるのは「取り放題COMさん」から借りてきた。

んで、このメニューボタンにイラストや画像をいれる場合、レイヤー機能が使えるソフトが必要になる。おれはフォトショップを使ってる。有料だけど「Photoshop Elements」ってのが安い。この程度の画像加工なら古いバージョンでも大丈夫。無料なら上の動画のGIMPってソフトがシェア率が多いようだから、たいがいわからないことがあったらぐぐればヒットするんじゃなかろうか。

TABLEの作り方(3:25~)

「TinyMCE Advanced」というワードプレスのプラグインをインストールすると、簡単にテーブルが作成できるようになる。
イントール後、ビジュアルモードから任意の列と行のテーブルを作成して、テーブル枠の中に上で作ったメニューボタンや画像のボタンを貼り付けていく→リンク先にページのURLを入れる。(完)

TinyMCE Advancedの使い方
TinyMCE Advanced の設定方法と使い方

SEO的によろしくない

ちなみにDIYのサイトのように個別のページにメニューを設置してしまうと、SEO的にもよろしくないうえPVが落ちてしまう。なので、上で作ったメニューボタンは、カスタムメニューを作成して、どこのページにも表示されるように、ワードプレスの上部かサイドメニューに表示させたほうがいいと思う。随分前に作ったページだが、下のページを参考にしてくれ!