Twenty Seventeen テンプレートTwenty Seventeenを使う＜最初の設定＞
Twenty Seventeenはどんなテーマ 2017年のデフォルトテーマ、ページセクションを組み合わせたフロントページレイアウトが特徴です。 詳しくはこちらを参照してください。 子テーマの作成 wp-content/themes/以下に...
Twenty Seventeen 
CSS・HTML フォントの設定＜font-family＞の基本
フォントの種類は「font-family」で指定しますがこれが意外に迷います。指定によってはWindowsとMacで異なるフォントが表示されるので「イメージが違う」と指摘されたりします。 そこで「font-family」の基本をまとめておき...
Bootstrap4 Bootstrap4の＜要素の配置＞
ブロック要素 ブロック要素の左寄せ .float-left ブロック要素の右寄せ .float-right ブロック要素の中央揃え .d-block .mx-auto インライン要素 インライン要素の左寄せ .text-left インライン...
ヤフー 楽天GOLD・Yahoo!トリプルにはアップロードしたファイルに自動で付加されるソースがある
楽天GOLDやYahoo!トリプルでhtmlファイル作成する場合、他店や既存のソースを参考にすることがある思います。 するとよくこんなソースをHTMLの最後に見かけることはないでしょうか。 楽天GOLDページでよく見かけるソースはこんなやつ...
Eストアー Eストアー（ショップサーブ）で楽天ゴールドやヤフートリプルで作ったようなオリジナルトップページを使う
Eストアー（ショップサーブ）で楽天ゴールドやヤフートリプルで作ったようなオリジナルトップページを使いたい。 アップロードするフォルダは「docs」内 FTPアカウントを作って、サーバーにオリジナルページをアップロードします。アップロードする...
Bootstrap4 Bootstrap4の各カラムの隙間を無くす新設クラス「no-gutters」
カラム両脇の空白を無くす（no-gutters） Bootstrapの各カラムは左右に15pxの余白がデフォルト、この余白を0にしたい場合はBootstrap4では新クラス「.no-gutters」を使います。「row」にクラス追加するのが...
CSS・HTML IE（インターネットエクスプローラー）で「Noto Sans JP」が表示されない
「Noto Sans JP」はIEで表示されない GoogleとAdobeが協力して開発したWEBフォント「Noto Sans JP」、もっとも簡単に利用する方法は <link rel="stylesheet" href=""> か @im...
CSS・HTML 文字（フォント）の大きさは「rem」を使う
昔はページのフォントサイズの指定といえば「px」、その後「em」へと変わりましたが今は「rem」。「rem」は「em」を使った場合の問題を解決するCSS3の新単位。 「em」の問題点 簡単に言うと「px」は文字のサイズの単位、ほぼブラウザの...
ヤフー 必要最低限のMETAタグとファビコンの設置
必要最低限のMETAタグ <title>●●●</title> <meta name="keywords" content="●●●"> <meta name="description" content="●●●"> <link rel="...
jQuery・js・PHP jsファイルの読み込みでjQueryのCDNも読み込む
楽天やヤフーでのひと気システム（にぎわい演出システム＆自動更新）。売り上げやランキング、レビューなんかを自動更新するシステムなんですが一度提供元にHTMLファイルを提出するとFTPで送られてくるHTMLは修正できません。（修正には追加料金が...