[WordPress]ナビゲーションメニューのメニューの個数を数えて各メニュー幅のサイズを自動調整する #WordPress
久しぶりの記事です。 概要 WordPressのグローバルメニューに設定する各メニューの個数が変わった時に、各メニューの表示幅を自動で設定する方法です。 使用例 ・グローバルメニューが増減した際に、画面のウインドウ幅に対 […]
久しぶりの記事です。 概要 WordPressのグローバルメニューに設定する各メニューの個数が変わった時に、各メニューの表示幅を自動で設定する方法です。 使用例 ・グローバルメニューが増減した際に、画面のウインドウ幅に対 […]
概要 ・ブラウザ上できれいな円を表示したいので色々試行錯誤。 ・今回はCSSを利用したけど、レスポンシブだと円の大きさや中のフォント位置・サイズなどを色々なウインドウ幅で調整しなくてはいけないので色々面倒。 ・良い方法あ […]
概要 select要素をクライアント指定のデザインに変更する機会があり、 ほほう〜と思ったのでブログにしてみました。 注意 本記事に実装されているselectフォームですが、WordPressの一部テーマでテキストが切り […]
概要、特徴 <概要> WordPressテーマ「STINGER5」(STINGER5)のカスタマイズを実施させて頂き、クライアント様の方でご利用いただいております。 ※適用技術自体はテーマには依存しない内容です。 <カス […]
モバイル等でよく使うトグルメニューの実装メモです(jQuery使用) 概要 モバイル等でよく使うトグルメニューをjQueryを利用して実現しました。 こんな感じの表示になります。 ※以前、左右にスライドするメニューをsi […]
概要、特徴 <概要> WordPressテーマ「Newsy」(Newsy)のカスタマイズを実施しました。 <カスタマイズ内容> ・フォントの日本語化 ・上部及びフッターに、ウィジェットエリア作成(テキストウィジェットを1 […]
左右サイドバーがあるサイトのレスポンシブレイアウト 概要 左右サイドバーがあるサイトのレスポンシブレイアウトを行う機会がありましたので、 デモサイトを使って簡単にまとめてみました。 こんな感じですね。 前提 ・ブラウザの […]
概要、特徴 <概要>このたび、とあるクライアント様からのご依頼で、Web制作をさせて頂きました。 WordPressによる 動画コレクションサイト(メディア系というのかな?) になります。 クライアント様は匿名のため […]
投稿記事中にソースコードを記述出来るプラグイン;SyntaxHighlighter Evolved 概要 ブログでWordPressのノウハウを書く際、HTML/CSS/PHP/JavaScript等のソースコードを貼り […]
CSSで高さの異なる要素を同じ高さに揃える方法 概要 高さの異なる3つのブロック要素の見た目の高さを揃える方法を紹介します。 おそらく、色々方法はあるのでしょうが、CSSで実現する方法です。 前提 ・各要素の高さは変わる […]