カテゴリー: ウェブデザイン備忘録
wordpress カスタム投稿タイプでトップページなどに記事のサムネイルやタイトルを表示させリンクさせる方法
カスタム投稿を設定したらトップページなどに記事のサムネイル(アイキャッチ画像)やタイトルを表示してその記事にリンクさせたいですよね。今回はその方法のご紹介です。 「Custom Post Type UI」プラグインをイン […]
続きを見る「sarch console」「googleマイビジネス」「mcafeeサイト評価」「googleアナリティクス」新規サイト起ち上げ時に必須な4ステップ
新規サイトを起ち上げたときに必ず必要な4ステップ「sarch console」「googleマイビジネス」「mcafeeサイト評価」「googleアナリティクス」の設定方法をご紹介です。とくに3つ目の「mcafeeサイト […]
続きを見るwordpress 1つのサーバーで複数のサイトを設置する方法(サクラサーバー)
1つのサーバー(サクラサーバー)で複数のサイトを設置する方法をご紹介します。 サンプルサイト制作などで、一つのサーバーに複数のサイトを作る必要があるときなどに便利です。 データベースとドメインをそれぞれ新規で作成し、ワー […]
続きを見るcss PCで背景固定演出→スマホでは背景普通演出にする方法
よくページをスクロールすると背景だけがスクロールされず固定される演出ありますよね。サイトに奥行きが表現されて私も大好物の演出です。 ですがこの背景を固定するcss、スマホ用にレスポンシブした場合はなぜか効かないんですよね […]
続きを見るwordpress 301リダイレクトでサイト引越しやドメイン引継ぎを行う。
リニューアルサイトを作って、ドメインも新しいものにする場合には注意が必要です!ドメインも新しいものにすると、当然ながらgoogleは全く新しい赤ちゃんサイトとして判断し、SEO対策も一からやり直さないといけません。 ドメ […]
続きを見る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(フ […]
続きを見る