developmentHTML52018.03.03HTML5タグの簡単な説明とRYBE流マークアップテンプレートHTML5の追加されたarticleタグやsectionタグなども含めてタグの説明とテンプレートを作りました。タグの解釈や使い方などがサイトの構成や人によってそれぞれ異なったり少し複雑な印象もありますが、より文書構造を明確にできるようになった分意識してマークアップしていくとユーザーにとっても読みやすいサイトが作れると思います。MoreWordPressDivi2017.03.30Diviでタッチデバイスのメニューで子階層が表示できずリンクに飛んでしまうDiviを使ったサイトのメニューで不具合が生じてました。ヘッダーの階層を持ったメニューがタッチデバイスだと、子階層を表示しないでそのままリンク先へ遷移してしまうようです。原因不明でかなり困った状況になりました。MoreWordPress2017.01.07WPの使用中のテンプレートを調べる方法Header.phpかFooter.phpに以下のコードをコピペしてください。共通のインクルードファイルに記述することで全てのページに反映されます。responsive3.htmlとresponsive3.cssを開いてください。パソコン表示は900px以上とします。パソコン表示は2カラムで左にメイン(500px)、右にサイド(300px)です。それより小さいサイズの場合は2カラム表示せず、横幅いっぱいに広げます。実際に2カラム表示のレイアウトをCSSでしてみましょう。development2017.01.06レスポンシブデザインを始めよう!〜初級編〜今ではパソコンだけでなくスマートフォンやタブレットと様々なデバイスがあり、最近ではデバイスに合わせて表示を最適化(モバイルフレンドリー)することが求められています。その方法の1つとしてGoogleの推奨するレスポンシブデザインがあります。MoreWordPress2017.01.06WordPressでこれだけは入れておきたいプラグイン今回はWorPressでまず始めに入れておきたいプラグインをざっとご紹介。カスタム投稿カスタムタクソノミーを使うなら、有無を言わさずこれです!もちろんfunction.phpで登録でも大丈夫ですが、WordPress管理画面でサクッと編集できるので面倒くさがりやな方にはオススメのプラグインです。MoreWordPress2017.01.06WordPressのオリジナルテーマを一から作成する方法WordPressでオリジナルのテーマを作成する場合色々なファイル一から用意したり、使いたい機能をfunction.phpに記述したりしなければいけません。一般的に必要なテーマで使う基本的なテンプレートファイルと役割やテーマの作成方法について説明します。