アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

「 stinger8 」 一覧

バッジ

バッジの表示 ⇒ トップページの作り込み10

fontawsomeでお手軽バッジ バッジを使うことは意外と多い。 特にネットショップの場合はランキングを表示することがほとんどで、その順位を表すのにバッジがよく使われる。 今までは画像でバッジを作っ …

marquee

marqueeで電光掲示板風に文字を流す ⇒ トップページの作り込み8

2019/05/20   -CMS, css, 新着情報
 , ,

marqueeとは marquee(マーキー)はインターネット黎明期にはやったテクニックだ。 電光掲示板のように文字が流れていくテクニックを指す。 ニコニコ動画を想像すれば、分かるだろう。

2段組

cssで2段組にする方法 ⇒ トップページの作り込み7

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

コンテンツ

説明文の加筆 ⇒ トップページの作り込み6

コンテンツを増やす コンテンツを加える。 600px幅で表示。 <div id=”amiens-05″ class=”amiens-black”> <div class=”amien …

pagespeed insight

STINGER8でwordpess構築しpagespeed insightで満点を取る方法 ⇒ カスタマイズの手順と方法を順番に解説

STINGER8とは STINGER8は国産wordpressテーマであり、SEOに強いことで知られる。 現在STINGER8の系統のテーマは4つあり、そのうち2つが無料テーマだ。 STINGER8は …

stinger8

おまけ:wordpress設定手順を公開してみて ⇒ STINGER8設定その15

おまけ ここまでやって気づいたのだが、画面右下にページトップに戻るリンクがある。 これが色が薄すぎて、白背景だと全く気がつかない。 すこし色を濃くしておこう。 #page-top a{ backgro …

ページで100%幅表示を可能にする ⇒ STINGER8設定その14

100%幅の表示を可能にする STINGER8では100%幅のコンテンツを表示できないので、固定ページは可能になるように設定する。 サイドバーを消し、幅を制限している設定をクリアしていく。 page. …

jetpack関連記事

jetpack関連記事とwordpress関連記事タイトルの修飾 ⇒ STINGER8設定その13

修飾を合わせる コンテンツエリアを見ると、jetpack関連記事とwordpress関連記事タイトルが手つかずになっている。 これをH2と同じフォーマットにする。 ついでに全てレスポンシブ対応にする。 …

レスポンシブ対応

メニューとフッターのレスポンシブ対応css装飾 ⇒ STINGER8設定その12

見出しと同じイメージを使う H2タグの装飾とイメージを同じにするため、メインメニューとフッターの背景画像を設定する。 H2タグを修飾 ⇒ STINGER8設定その9 最初は単純に背景画像を設定するだけ …

ロゴを表示する

レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11

ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …