Programサーバー、WordPress、EC-CUBEなどWEB全般の疑問を解決するブログ。トップページWordPressDesignProgramトップページWordPressDesignProgramホームProgramProgramProgramの記事一覧PHPphp文字列のカスタマイズWordPressなどのCMSの多くは、PHPで構成されています。したがって、高度なカスタマイズを行う時には、必然的にPHPのプログラミングスキルが必要となります。ここでは、PHPで文字列の切...htmlmov拡張子の動画を埋め込み再生するためのHTMLタグiphoneなどのスマートフォンで動画を撮影したとき、拡張子は通常「.mov」です。ここでは、この「.mov」拡張子の動画をHTMLサイトに埋め込むためのタグを紹介します。動画埋め込み用HTM...cssPC版表示のみ、改行コード<br>を有効にする方法コンテンツが大切と言われる昨今のWEBサイトにおいて、は極めて重要な要素の1つです。ここでは、PCやスマートフォンといった端末の差にとらわれず、全ての端末でテキストが読みやすいように最適化する方法...cssPC・スマホ表示でHTMLコンテンツの表示・非表示を切り替える方法WEBサイトを作る際に、例えばこんなことがあります。スマホ版表示ではコンパクトなバナーを表示したい。バナーに限らず、コンテンツや改行など、様々な要素を...html記事下に「いいね!ボタン」を配置するための一番簡単な方法WEBサイトとSNSの連動が推進される今日、自分のブログやホームページの記事下にFacebookの「いいね!ボタン」を配置したいという需要が増えています。ここでは、記事下に「いいね!ボタン」を配置するための一番簡単な方法について紹介していきます。WE...javascript・jQueryトグルで実現するシンプルなQ&Aページサンプル上のキャプチャのような、トグルで質問への回答の表示・非表示を切り替えるサンプルプログラムを紹介します。HTMLでQ&Aを作っていきましょう。先ほど作ったQ&Aにトグルを対応させましょう。HTMLタグ「<div>」や「<br>」といったタグをテキストで表示しておくと便利です。いった、イレギュラーな設定を行いたい場合があります。そんなときは、CSSの「nth-child」プロパティを使いましょう。細かくクラス名を振り分けるよりも、簡単で汎用性が高いCSS記述ができます。一般的に、「E:nth-child(...cssデバイスごとにスタイルシートの適用を分ける方法レスポンシブ対応が標準となった今日、スタイルシートはデバイスサイズごとに分けて管理するのがおすすめです。従来、一つのスタイルシート(styles.css)に対してレスポンシブ用のタグを記述するのが一般的とされてきました。呼べる時代となりました。それに伴い、GoogleMapのデザインをオリジナルにカスタマイズしたいという要望が高まっています。