shimizuya

※Web開発

【CSS】background-colorとbackgroundの違い

ふと、CSSのbackground-colorとbackgroundの違いって何だろう?って思いました。 いつもは背景色を指定する場合は、 SyntaxHighlighterについて <style> #TableA { background...
※Web開発

模写コーディング

<header class="header">   <div class="logo">       <h1><img src="img/logo.png" alt="ロゴ画像"></h1>   </div>   <ul class="me...
※Web開発

h1タグは画像でも問題ない!画像を設定する時のポイント3つ!

h1タグは、そのサイトのテーマを示す重要なテキストです。SEOを考える上でも、h1タグには上位表示を狙いたいキーワードを取り入れるなど、戦略的な対策を行う必要があります。 h1タグを使用する時に、デザインの兼ね合い上「画像」で視覚的に訴えた...
※Web開発

WordPressオリジナルテーマの作り方①(ファイルの準備編)

目次 WordPressオリジナルテーマの作り方 WordPressのローカル環境を構築(Local使用) WordPressオリジナルテーマに使うテーマフォルダを作成 WordPressのテンプレートファイルを作成 テンプレートファイル一...
※Web開発

【Smart Slider 3】誘導力高めるスライドショーの使い方【WordPress】

スライドショー作成プラグインと言えば、主に「画像」のみスライドとして切り替わるのが一般的です。 一方、Smart Slider 3は画像に加えて、各スライドに「テキスト」や「ボタン」「リンク」を配置できます。 このように各スライド画面を独自...
※Web開発

VSCodeでGit・GitHubを使う方法を解説する【初心者向き】

▼この記事が向いている方 初めてVS CodeでGitを利用する方 VS CodeにおけるGitの操作方法が知りたい方 VS CodeとGitHubの連携方法が知りたい方 このうえで今回は、次の流れにしたがって、具体的な作業方法を徹底解説し...
※Web開発

CSSのかなり高度なテクニック -Expert CSS: The CPU Hack

※Web開発

positionについて

【補足解説】position CSS positionについて positionには4つの値があります。 static(スタティック):初期値 relative(リラティブ):現在の位置を基準に相対的な位置を決める absolute(アブソ...
blog

Amazon商品リンクの初期設定方法と使い方