カテゴリー: ウェブデザイン備忘録
wordpress All in one seo packプラグインのオススメな設定方法!description編
All in one seo packはワードプレスを使ったサイトではもはや必須プラグインで、これなくしてはSEO対策はできないというほど優れたプラグインです。 細かく設定すればするほど奥の深いプラグインですが、実際にサ […]
続きを見る動くGIFアイコンがもらえる
https://icons8.com/preloaders/en/social_bookmarks 仮想通貨やSNSアイコンがフリー、しかもスピードや色など自分で設定ができる。
続きを見るマウスオーバーした時に画像がふわっと大きくなる方法
マウスオーバーした時に画像がふわっと大きくなる方法。 HTML
1 2 3 |
<a href="#" id="test"> <img src="#.png"> </a> |
CSS
1 2 3 4 5 |
#test:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition-duration: 0.5s; } |
transfor […]
続きを見るサーチコンソールとグーグルアナリティクスを同期させ検索パフォーマンスを上げる
事前にサーチコンソールとグーグルアナリティクスのアカウントを取っておく。 まずアナリティクスにログイン 中央の「プロパティ設定」→「Search Console を調整」ボタンをクリック。 「追加」をクリック→自動でサー […]
続きを見るカスタム投稿設定方法
カスタム投稿を追加する方法 ・「Custom Post Type UI」プラグインをインストール ・メニューの「CPT UI」→「投稿タイプの追加と編集」 ・<基本設定> 「投稿タイプスラッグ」例:shop_name(フ […]
続きを見るwordpress そのページだけにcssを適用させる方法。
該当のページのソースを調べ、<body>タグを確認。 classを調べて postid-●●を確認。 それがそのページだけのclassになるので、そのクラスを使ってcssを適用すればOK!
続きを見るwordpress 基本タグ各種
基本タグ cssに足すタグ▼
1 |
<?php echo get_template_directory_uri(); ?>/css |
imgに足すタグ▼
1 |
<img src="<?php echo get_template_directory_uri(); ?>/ |
titleにするタグ▼ [crayon […]
続きを見るスクロールすると画面上部に固定されたメニューバーが出現する方法
ある程度スクロールされたときに、上端にメニューバーを表示する方法 htmlには元のヘッダー(id=”header_wrap”)とコピーしたヘッダー(id=”header_wrap02& […]
続きを見るフォトショップやイラレで使っているフォントを他のPCに引っ越す方法
現在使っているPCのフォントの保存場所はC:Windows:fonts このデータを新しいPCにコピペする。
続きを見るfirefoxのバージョンとfirebugの互換性
firefoxはバージョン49.02ならfirebugの2.0.19が使える。 サイトの画像キャプチャはPearl Crescent Page Saver2.9.1をアドオンで使える。
続きを見る