タグ

2017年2月8日のブックマーク (2件)

  • WordPressグローバルナビの横並びメニューをFlexBoxで均等幅表示する方法

    メニューを1列に均等幅表示する方法 グローバルナビのメニューを1列に均等幅表示するには、簡単に書くと以下のような設定を追加する形になります。(※CSSセレクタは、テーマのものに合わせてください。) #navi ul{ display: flex; /*フレキシブルボックス*/ text-align: center; /*センタリングは好みで*/ } #navi ul li{ width: 300px; /*幅は大きめに調節する*/ } テキストのセンタリングが不要ならば、ulとliにそれぞれ1つずつプロパティーを追加設定するだけで均等幅表示を実現することができます。なんて簡単。 動作確認すると、こんな感じに表示されます。 ただ、Can I use…で確認してみると、FlexBoxは、現行のモダンブラウザでは、ほぼ利用できるようですが、Safariなどは「-webkit-」のようにベンダープ

    WordPressグローバルナビの横並びメニューをFlexBoxで均等幅表示する方法
  • WordPress で index.html を共存させる方法 - dogmap.jp

    Twitter で交流のある新潟系エンジニア @yutacar さんに、「index.htmlを置きながらWPのデザインとか確認出来るでしょうか?apacheの設定?でindex.php自身が上手く表示出来ないみたいなのです。」と聞かれて、それに答えたのでせっかくだから設定方法をシェア。 既存のサイトをそのままにしておいて、裏で WordPress に移行したいとかって時に使える Tips だと思われます。 サイトを http://example.com/ として話を進めます。 WordPress ではインストールしたフォルダの .htaccess で index.php が優先されていないと正常に動作しません。 DirectoryIndex index.php index.html index.htm .ht ただ、この状態だと http://example.com/index.html

    WordPress で index.html を共存させる方法 - dogmap.jp