WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
今回はフローティングメニューの作成について見ていきたいと思います。 フローティングメニューとは、画面をスクロールしても画面に合わせて一緒についてきて、固定されたままとなるメニューの事を言います。 ブログを見ると、サイドに表示されているメニューが、スクロールに合わせてアニメーションしながら画面を移動するメニューを見かけます。 それもフローティングメニューと呼ばれますが、エレベーターメニューと言う場合もあります。 フローティングメニューは、HTMLとCSSのみを用いて作成する場合もあれば、JavascriptやJavascriptのライブラリであるJQueryメニューを用いる場合もあります。 せっかくなので、今回の記事では両方試してみたいと思います。 HTMLとCSSのみによるフローティングメニューの作成 より高度なフローティングメニューを手軽に作成したい場合はjQueryを用いた方が良いです
今回は、ブラウザのスクロールに合わせてするする付いてくるフローティングメニューのご紹介です。 あまり使う機会はありませんが、覚えておくといざというときに便利です。 それでは早速使い方のご紹介 必要なデータを揃える まずは、JQUERY SCROLL FOLLOWから下記ファイルをダウンロードしましょう。 ここではファイル名を下記の通り保存しました。 jquery.js jquery-ui.js jquery.easing.js jquery.scrollfollow.js ディレクトリはこのようになりました( jsフォルダの中にダウンロードした jsファイルがすべて入っています)。 HTMLからjsデータを読み込む フローティングメニューを使用するHTMLファイルから先ほどダウンロードした jsファイルを読み込みます。 {path}の部分はHTMLファイルからのパスにしてください。
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. With slimMenu, you'll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus. slimMenu does both job for you and it's only 5KB(2.5KB minified)! Features: Multi-level nested menus. 100% mobile responsive men
a jQuery plugin A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action. Visit GitHub Simple Integration stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily mak
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
Foundation5の使い方の説明。今注目のCSSフレームワークFoundationを今さら始めたwebデザイナーの備忘録。Bootstrapとの違いを交えながら説明をしています。Foundation5の使い方 今さらFoundationを使い始めた 残念なwebデザイナーによる使い方の説明サイト。 初心者なので優しい目で見守ってください。 まずはFoundationについてを見る Bootstrapについで人気があるCSSフレームワークのFoundation5の使い方の説明サイト。 先に作成した姉妹サイトのBootstrap3の使い方と比較する形で紹介しています。 ※Foundationのバージョンは作成時の最新版5.5.1版での説明になります。 ※姉妹サイトのBootstrap3の使い方に合わせてカテゴリ分けしているので公式サイトとは違うカテゴリ分けをしています。 Foun
Facebookのビジネスアカウントの作成 注意事項 Facebookのビジネスアカウントは頻繁に作成方法が変更されます。注意して下さい。 この記事は2016年1月時点のものです。 作成には一時的に個人アカウントの作成が必須です。 Facebookのビジネスアカウントを作成するにはFacebookの個人アカウントが必要です。 昔は、「著名人、バンド、ビジネスのためにFacebookページを作成」から直接作成できましたが、現在は「ログインしていません」-「続けるにはログインして下さい。」と表示されて作成不可能です。 そのため、「個人アカウントを作成」 → 「ビジネスアカウントに移行」の手順が必要です。 個人アカウント作成時に実名を必要としますが、ビジネスアカウントに移行時に削除できるので大丈夫です。(ページ下部参照) Facebookの個人アカウントの作成方法(下準備) Facebook公式
Facebookビジネスマネージャーというものがあるのをご存知ですか。 4月ごろに発表され、本国から順次使えるようになっていたようですがもう日本でも使えます。 Business Manager 簡単に説明すると、企業単位のアカウントを作成し、その下で複数のページ・アプリ・広告アカウントを一元管理できる仕組みです。 しかも、「ビジネスマネージャ―」内で複数ユーザーの権限設定も可能になるので、例えば自社のコンテンツをアウトソースしているようなケースでも安心して利用できます。 「ビジネスマネージャー」のメリットについて いままでは、Facebookページやアプリ、広告アカウントなどは社員のFacebook個人アカウントでそれぞれ管理運用されていました。 ビジネスマネージャーを使うと、個人アカウントとは全く別の「ビジネスアカウント」が1つ作成され、その下にユーザーが複数ぶら下がる形になります。 (
答えがすぐにわかったあなた。熱心に勉強していますね。 そう、UA(ユーザーエージェント)です。簡単に言うと、『わたしはこんな環境でアクセスしています』という情報を Web サイトに伝えるものです。 PC からアクセスした場合は、『わたしは Windows で IE10 を使って見ています』というような情報が伝えられ、その情報をもとにサイトが表示されます。 しかし、PC で閲覧しているにも関わらず、『わたしは iPhone で見ています』という情報を伝えることができたらどうでしょう。スマホ用のサイトを見ることができそうですね。 これを処理してくれる機能が Google Chrome に備わっているんです。 デベロッパーツールでスマホ表示に切り替える この機能は「デベロッパーツール」から使うことができます。 ブログカスタマイズで重宝するブラウザ開発ツールの使い方 それでは、切り替え方法を見てい
重要ポイントは… GoogleとYahoo!の共通点と相違点 興味対象が違う リスティング広告の傾向も違う 自サイトの傾向を探って戦略を立ててみる GoogleとYahoo!の共通点と相違点 ウェブマーケティングのポータルサイト『MAKEPO』に「GoogleとYahoo!のSEO、共通点と相違点 │ はじめてのSEO時間をかけずに自分でできるSEO対策 │ コラム - MAKEPO(マケポ)」というエントリーがアップされていました。 エントリーには共通点である「検索アルゴリズム」、相違点である「検索機能」について書かれていますが、これは検索エンジン側の視点からの共通点と相違点を述べただけです。 その検索エンジンを実際に使うユーザー側の視点について言うならば、GoogleとYahoo!ではユーザー層はかなり違っているといえます。 その違いについて、私なりの雑感をまとめてみたいと思います。
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. コンテンツSEOとは、ユーザーに価値あるコンテンツを提供する活動を源泉として、Googleなどの検索エンジンから評価を獲得し、検索結果ページの上位表示を狙う取り組みである。 コンテンツSEOは、ビジネス成果(顧客獲得・売上アップなど)に直結しやすい手法だ。しかし、表面的な理解で、見よう見まねで実践しても結果が出ない。理解すべき重要事項がある。 本記事では、 「コンテンツSEOとは何か知りたい」 「興味があり、取り組んでみたい」 という方に向け、コンテンツSEOの基礎から実践まで解説することにしよう。 一読いただくと「コンテンツSEOの基本」と「成功に必要な考え方」が身につくはずだ。 また、私たちバズ部は12年で400社以上のメディア支援を
オーバーチュア(Overture)はどこへ? 日本でのシェア6割を誇る、ナンバーワン検索エンジンYahoo!Japanの検索結果に表示される検索連動型広告と言えば? 正解は「Yahoo!スポンサードサーチ広告」ですが、この質問に「オーバーチュア広告!」と解答される方も意外に多いのではないでしょうか。 オーバーチュア広告は、運営母体のオーバーチュア(Overture)株式会社が2009年10月にヤフー株式会社と合併し、「Yahoo!リスティング広告」となり、2013年以降は「Yahoo!プロモーション広告」として現在サービス提供されています。 「Yahoo!プロモーション広告」となるまでの約5年の間に、名称だけでなく掲載順位の決定方法や広告規定など、大小様々な変化がありました。 以前のオーバーチュア広告が現在どんな仕様に変わっているのか、今回はその変化の歴史を分かりやすく紹介いたします。 オ
国内で頻繁に利用されている「Yahoo! JAPAN」「Google」やパートナーサイトに広告を表示するサービスです。 ユーザの興味関心やユーザの属性を指定して幅広いターゲットに広告表示します。 「Yahoo! JAPAN」「Google」内だけでなく、パートナーサイトへも幅広く広告掲載されます。 また、テキスト広告以外に画像での広告表示も可能なため、より印象深い広告表現が可能となります。 掲載面と行動履歴と広告文をマッチさせ潜在顧客に幅広く訴求 年代、性別、地域などをターゲティングムダな広告費を抑制 安心のクリック課金!上限予算も設定可能 分析レポートで広告効果を可視化! 検索連動型広告と併用でさらに効果UP!
クロスリスティングは、マーケットの変化に合わせて 専門性を高めたデジタルマーケティングサービスを提供していきます。
どうも、ブログマーケッターJUNICHIです。 やっぱりブログって色んな事書かないと飽きて続きませんね。 SEOの記事ばっかりだと頭使うから疲れます。 でも頑張れる限りは、キーワードの話をします。 今回は、多くの人が無視している、超素晴らしいキーワード選定ツールの紹介です。 それは、GoogleのSearch Consoleです。 もともと、Googleウェブマスターツールって呼ばれていたツールです。 Search Consoleを導入して、2~3カ月以上WEBサイトを運営している人ならば、このツールを上手に使う事で、掘り出し物のキーワードが見つかるので、是非この使い方を覚えてみて下さい。 Search Consoleの『検索アナリティクス』・『検索クエリ』は超優秀なツール Seach Console自体は、キーワード選定をするためだけのツールではないんだけど、その中にある「検索アナリティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く