カテゴリー: ウェブデザイン備忘録
要素にアニメーションをつける プラグイン「Shortcodes Ultimate」
2018.11.13
「Shortcodes Ultimate」プラグイン使用する。 「Shortcodes Ultimate」でプラグインを検索→有効化。 これで使えるようになる。 各動きの参考サイト めっちゃ動くよ!CSSも知らない初心者 […]
続きを見るサクラサーバーで無料SSLを利用する方法
2018.11.09
さくらコントロールパネルにログイン 左メニュー→「ドメイン/SSL設定」→SSL化したいドメインを選んで「登録」 →「無料SSLの設定へ進む」→「無料SSLを設定する」 メールが来る。 30分しないうちにメール「SSLサ […]
続きを見る粒子状のパーティクルを背景に表示させる方法。
2018.10.27
粒子状のパーティクル 動くアニメーション ◆htmlには以下の記述(画像などの要素扱い)
1 |
<div id="particles"></div> |
◆CSSには以下の記述(画像などの要素扱いのためposition […]
続きを見るワードプレスで子テーマを設定する方法。
2018.10.27
CSSで横幅いっぱいに背景画像を表示する方法
2018.10.27
大きい要素に以下のcssを設定する。heightはお好みで。
1 2 3 4 5 6 7 8 9 10 11 12 13 |
#sample_wrap { background-attachment: fixed; background-color: #464646; background-image: url("images/contents01_back.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 460px; margin-top: 200px; min-width: 1140px; padding-top: 80px; width: 100%; } |
ワードプレスによるSEO対策
2018.10.27
秀丸 ファイルを見比べる方法やgrepを使ってフォルダ内のファイルを検索する方法。
2018.10.27
秀丸で2つのファイルを見比べて、ファイルの内容の相違を発見する方法。 2つのファイルを開く。→「ウィンドウ」→「並べて表示」 2つ並んだら「ウィンドウ」→「他の秀丸エディタと内容比較」 grepを使ってフォルダ内のファイ […]
続きを見るセンスの良いフォント フリー集
2018.10.27
dafont.com EXmouthなどのアルファベットフォントがダウンロードできる。 dafont.com
続きを見るデザインセンスの良いフリー画像
2018.10.27
モックアップ 「モックアップ」で検索。モックアップはデザインをすつ上で欠かせない、良い画像が多数あり。ほとんどが個人・商用フリーなのも良い。 フレームデザイン http://frames-design.com/ aiやp […]
続きを見るメインスライダーを画像が少し切れるカルーセルにする。
2018.10.26
用意するもの ・「slickで1カラムのテーマ」 ・css/common.css ・js/jquery.carouFredSel.js ・images/photo.jpg各種 etc header.phpのhead内 [ […]
続きを見る