「 年別アーカイブ:2017年 」 一覧

stinger8/サイドバーのタイトルを装飾してみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルを装飾してみます。 まずは子テーマを作成後(方法は割愛します)style.cssを作成 サイドバーのタイトルには「m ...

拡大してもボヤけない、アイコンフォントが便利すぎる

2017/07/18   -サイト制作メモ

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...

特定の固定ページのみ異なるヘッダーにする

特定の固定ページのみ異なるヘッダーにする方法 参考にしたサイト 1. 異なるヘッダーを使用するページ用のpage-new.phpを作成します。(ファイルネームは任意です) 2. page-new.ph ...

動画や連続写真からのアニメーションgifの作成

2017/05/10   -サイト制作メモ

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...

背景画像を複数指定する方法(css)

2017/05/10   -サイト制作メモ
 

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け ...

ページ読み込み時にフェードインのエフェクト【超簡単!】

2017/05/10   -サイト制作メモ
 

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。 トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ ...

jQueryで実装!画像の無限ループスライダー

2017/05/09   -サイト制作メモ

よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 jQueryで無限ループスライダー 無限 ...

サンプルサイト制作

2017/04/28   -制作物

パララックスやjQueryを使って動きのあるサイト制作。 作成時に調べたことや迷ってなかなかできなかったことは「サイト作成メモ」に記載。 次のサイト作成の参考に。 思うような動きをつけるのが難しい キ ...

画面の縦幅いっぱいに背景画像を表示する

2017/04/28   -サイト制作メモ
 ,

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...

cssでlistのborderを斜め線にする

2017/04/28   -サイト制作メモ
 ,

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 ...

翻訳する