デザイナーのタネあかし

カスタムメニューで生成されるナビゲーションメニューには、デフォルトでたくさんのclassが設定されています。はじめてHTMLを見た方はその長さにビックリしてしまうかと思います。 もちろんそのまま有効活用する手もありますが、実際には不要に思っている....続きを読む

WordPressのデフォルトのログインURLを変更するだけでも、総当たり攻撃（ブルートフォースアタック）などを回避する効果は得られます。今回はプラグインを使わずにログインURLを変更する方法をご紹介します。 .htacsess に変更を加えますので、実行前には....続きを読む

前回の記事で、アイキャッチ画像が表示されるようになりました。 次は表示されるアイキャッチ画像をテンプレートタグ/the post thumbnail　を参照しながらカスタマイズしてみます。アイキャッチ画像の大きさ設定WordPress管理画面の設定>メディアで、....続きを読む

各投稿や個別ページ毎にアイキャッチ画像を設定することができます。 これを表示できるようにしておくことで、アイキャッチ画像を簡単に活用することができるようになります。 アイキャッチ画像の有効化 ご利用のテーマで、投稿・ページ編集画面にアイ....続きを読む

松戸WordPress部：第18回WordPress勉強会が開催されます。 日時：2015-06-24（水）　19:00 - 21:00 今回のテーマ： 『はじめてのカスタマイズ 　〜カスタムメニュー＆カスタムタクソノミー編〜』 対象：初級～中級（初参加も大歓迎です！） ....続きを読む

高画質の写真素材、ベクター、イラストレーションなど400000 以上のアイテムを無料で提供しているサイト『Pixabay』をご紹介します。 Pixabay このサイトに公開さている写真、ベクター、イラストレーションなどのアイテムは、デジタル媒体であっても印....続きを読む

カスタムメニューの活用方法を紹介していますが、wp_nav_menu()のカスタマイズや、管理画面でclass追加などを用いても、BootstrapのドロップダウンNAVはとても困難です。そこでBootstrap3のドロップダウンを再現してくれるコードがGithubで公開されていま....続きを読む

前回、カスタムメニューを有効化させてナビゲーションメニューを表示する方法をご紹介しました。今回はカスタムメニューの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タグループ内に設定して記事の投稿/更新....続きを読む

WordPressで新着記事を○件表示する方法を用いて、本文を含んだ新着情報をトップページに表示することができました。 続いて、その本文部分の文字数を調整したいと思います。the_excerpt()　を使うthe_excerpt()は、ループ内でのみ利用できる抜粋文を表示....続きを読む