![http://knk-n.com/2011/06/28/wptouch-thumbnail/](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4d704a96454e80c98ca64108f084956d7759c36/height=288;version=1;width=512/http%3A%2F%2Ffarm6.static.flickr.com%2F5078%2F5880442443_9cd4f76fea.jpg)
「家電女子.net」とは、管理人のオススメ家電紹介や体験レビューの他、管理人の日常を気まぐれに呟くブログです。(※本サイトはプロモーションが含まれています。) 前の記事:スマホサイト制作日誌(6)カテゴリメニューを見やすくする とうとう、というかようやくというか、今回の「家電女子.net」カスタマイズは、「ヘッダーをオリジナルロゴにする」で一区切りとします。 ここまでは、文字入力さえできればなんとかなるカスタマイズでしたが、最後は「画像制作」。 本格的な画像加工ソフトはあるにこしたことはありませんが、私は今回Windows標準のペイントで通しましたよ! (というか、PCを新しくしてからまだソフトインストールしてないだけというか・・・ww) 凝ったらキリがありませんが、オリジナルロゴがあるとサイトの差別化がぐんとはっきりするので、簡単なものから作ることをオススメします。 タイトルロゴとメニュ
HOME>jQuery>[WordPress][jQuery]スマートフォン用のモバイルテーマにスライド式のメニューバーを配置したので実装メモ 画期的なUI iPhoneなどでみるとこんな感じです。 「タップするとMenuが出たり引っ込んだり」の部分をタップすると… Menuが文字通り出てきます。 もう一度タップすると引っ込みます。 本来であれば一度タップした時点で「Menu」の部分が「閉じる」とかになってしかるべきなのですが、余計なスクリプトを排除し、文字のみで「あぁ、ここをタップすればメニューが閉じるんだな」と理解させるという画期的なUIになっております。 めんどくさかったとかそういうことではないです。 以下実装メモ。 マークアップ [html] <div id="mobileMenubar"> <ul class="mobileMenu_ul">Menu</dt> <li class
iPhone、Android、Galaxyなどのスマートフォン向けにしてくれるとっても便利で有名なプラグインWPtouch があります。プラグインを有効化してデフォルトでも充分に使えますが、当サイトのようにトップページに固定ページを設けて作成しているサイトにとってはデフォルトではブログのイメージが強く何か物足りません。そこでトップページを新たに作成してみました。 WPtouch をカスタマイズする前の準備 WPtouch をインストールされていない方は、まずWPtouch のプラグインをインストールして有効化しましょう。有効化したらレイアウトを確認してみましょう。もしも手元にスマートフォンがない方はパソコンでスマートフォン画面を確認するをご覧下さい。 WPtouchをインストールしてプラグインを有効化する。 パソコンでスマートフォン画面を確認出来る状態にする。 WPtouchを有効化したス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く