カテゴリー: ウェブデザイン備忘録
wordpress そのページだけにcssを適用させる方法。
2018.11.20
該当のページのソースを調べ、<body>タグを確認。 classを調べて postid-●●を確認。 それがそのページだけのclassになるので、そのクラスを使ってcssを適用すればＯＫ！
続きを見るwordpress 基本タグ各種
2018.11.20
基本タグ cssに足すタグ▼
|
1 |
<?php echo get_template_directory_uri(); ?>/css |
imgに足すタグ▼
|
1 |
<img src="<?php echo get_template_directory_uri(); ?>/ |
titleにするタグ▼ [crayon […]
続きを見るスクロールすると画面上部に固定されたメニューバーが出現する方法
2018.11.20
ある程度スクロールされたときに、上端にメニューバーを表示する方法 htmlには元のヘッダー(id=”header_wrap”)とコピーしたヘッダー(id=”header_wrap02& […]
続きを見るフォトショップやイラレで使っているフォントを他のＰＣに引っ越す方法
2018.11.20
現在使っているＰＣのフォントの保存場所はC:Windows:fonts このデータを新しいＰＣにコピペする。
続きを見るfirefoxのバージョンとfirebugの互換性
2018.11.15
firefoxはバージョン49.02ならfirebugの2.0.19が使える。 サイトの画像キャプチャはPearl Crescent Page Saver2.9.1をアドオンで使える。
続きを見る要素にアニメーションをつける プラグイン「Shortcodes Ultimate」
2018.11.13
「Shortcodes Ultimate」プラグイン使用する。 「Shortcodes Ultimate」でプラグインを検索→有効化。 これで使えるようになる。 各動きの参考サイト https://crescita.to […]
続きを見るサクラサーバーで無料ＳＳＬを利用する方法
2018.11.09
さくらコントロールパネルにログイン 左メニュー→「ドメイン/SSL設定」→SSL化したいドメインを選んで「登録」 →「無料SSLの設定へ進む」→「無料SSLを設定する」 メールが来る。 ３０分しないうちにメール「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%; } |
