デザイナーのタネあかし

前回、カスタムメニューを有効化させてナビゲーションメニューを表示する方法をご紹介しました。今回はカスタムメニューのHTMLをカスタマイズ方法をご紹介します。テンプレートタグwp_nav_menu() のパラメータで、idやclassの追加をはじめ、アイコンや矢....続きを読む

WordPressのカスタムメニュー機能をつかえば、ナビゲーションメニューの表示内容を管理画面で簡単に編集できるようになります。 この便利なカスタムメニューの活用方法をご紹介します。準備その１：カスタムメニューの有効化まずは使いたいテーマでカスタ....続きを読む

新松戸にあるコワーキングスペースにて、2015年5月20日に開催されたWordPressの勉強会『WordPress部 @ 松戸 Banana Cluster』にてLT（ライトニングトーク）を行いました。 その時のスライドをシェアさせていただきます。 最近知ったBootstrapの注意点 ....続きを読む

新松戸にあるコワーキングスペースにて、2015年4月1日に開催されたWordPressの勉強会『WordPress部 @ 松戸 Banana Cluster』にてLT（ライトニングトーク）を行いました。 その時のスライドをシェアさせていただきます。 そろそろ明朝（セリフ）フォント....続きを読む

Bootstrap を利用してwebサイトを構築した時、ページをプリントアウトするとリンクの箇所に意図していないのにURLが記載されていて驚いてしまいました。ブラウザのプリント設定？それともほかの？・・・と調べてみたところBootstrap が原因でした。Bootst....続きを読む

Bootstrap 3.3.4 でサイトを構築後、スマホ・タブレットで表示確認していたところ、Dropdowns （ドロップダウンメニュー）の挙動がおかしいのを発見しました。複数のDropdownを設定しているドロップダウンメニューAをタップして開く次にドロップダウンメ....続きを読む

IE6～9にCSS3を反映させるため、 PIE　http://css3pie.com/　を利用されている方も多いのではないでしょうか。 今回はそのPIEを用いて透過する背景（色）の設定方法をご紹介します。 ドロップシャドウと併用できないデメリットがありますが、デザイン....続きを読む

Bootstrap3なら簡単にアイコンフォントを使うことができますが、残念ながらIE７には正式には対応していません。そこでアイコン表示をIE７に対応させる方法をご紹介します。BootstrapアイコンフォントGlyphiconsの表示方法通常の使い方はこうです。アイコ....続きを読む

普段使っているノートPCのHDDをパーテションを分割して利用していますが、 起動ディスクの容量がちょっともの足りない状況になってきていました。 パーテションの管理はWindows の「ディスクの管理」で行うことができるのですが、ちょっと使い込んだP....続きを読む

新着記事一覧をループで書き出した時、日付がしっかり表示されるよう設定しましょう。 ここで紹介するタグの出力フォーマットは、 (設定 > 一般 日付フォーマット) の設定がデフォルトとなっています。 the_dateタグループ内に設定して記事の投稿/更新....続きを読む