CSS不要。思わず押したくなる「ANTHEM」のボタンホバーアニメーションの活用方法
WordPressテーマ「ANTHEM」では、サイト内に表示できるボタンのアニメーションに新しいものを追加しています。カーソルを合わせる(以下、ホバーする)とスワイプするような動きを任意で適用できます。デモサイトでは、トップページのヘッダー部分に表示されるボタンがそうです。 細部にも一味違うアニメーションを設定できるわけです。本稿でその適用箇所と活用方法を解説いたします。...
View Article「Search Regex」でエラー発生。代替プラグインは「Better Search Replace」が便利です。
サイト内の特定のキーワードやURLを一斉に変更したい際に便利なプラグイン「Search Regex」ですが、2020年9月現在、最新バージョンでも(一部の条件下で)エラーが発生してうまく使えないようです。 本稿では、ほぼ同じ機能の代替プラグインをご紹介いたします。 「Search Regex」で確認できるエラーについて...
View Article複数の画面サイズで同時にレスポンシブデザインの検証ができるツール「Responsively App」の使い方
ユーザーによって閲覧するデバイスは異なりますので、WEBサイトにはレスポンシブデザイン(画面サイズやブラウザに応じて変更されるデザイン)が求められます。なので、制作段階ではさまざなサイズでの検証が必要になるわけです。 Chromeのデベロッパーツールを使って、他のデバイスでの表示を仮検証できますが、本稿ではあらゆるデバイスでの画面表示を同時に確認できる便利なツールをご紹介いたします。...
View Article初心者のためのホームページの作り方ガイド【5ステップで解説】
「ホームページを作りたいけど、どうすればいいかわからない・・・」 この記事では、ホームページを初めて作る初心者向けに、ホームページ作成の方法を以下の5ステップを解説しています。 ホームページのコンセプト決定 ドメイン取得とサーバー契約 CMSのインストール デザインテンプレートを選択 必要なコンテンツを作成...
View ArticleYouTube動画をサイトやブログに埋め込む方法
YouTubeチャンネルで情報発信を始めると自社サイトに下記のような動画プレイヤーを表示させたい方は多いのではないでしょうか? 弊社もYouTubeチャンネルを運営していますが、自社サイトに関連する動画は埋め込むようにしています。当記事では、このようなYouTube動画の埋め込み方法を解説しますので、ぜひ参考にしてみてください。 YouTube動画を埋め込む方法...
View Article【コピーライティング】売れるヘッダーコピーを書くコツ
Webサイトのヘッダーは重要な役割を持ちます。ヘッダーは映画のイントロの役割があり、ユーザーが一番最初に目にするところだからです。ECサイトにおいては、Webサイト全体の売上にも影響します。...
View ArticlePhotoshopのアクション機能(自動処理)を使って複数の画像を一括編集する方法
Photoshopを使って画像を編集する際に、複数の画像で同じ処理が必要な時ってありませんか? 例えば、画像に枠をつけて、サイズを変更して、塗りつぶして透過率を50%にするなどの処理を複数の画像に施していく場合、手間も時間もかかります。 というわけで当記事では、Photoshopに複数の処理を記憶させて自動で一括適用させる方法をご紹介いたします。 Photoshopのアクション機能とは Photo...
View ArticleYouTubeのタイムスタンプを駆使してチャプターを表示する方法と注意点について
YouTubeではタイムスタンプを使って特定の時間までスキップすることが可能ですが、最近では下記のようにシークバー部分にチャプターを表示させることができるようになっています。 この機能のおかげで動画のどの部分を見ているのかが分かりやすくなり、視聴者もより効率よく動画を視聴できるようになりました。当記事ではこのように再生画面にチャプターを表示させる方法について注意点も踏まえながら紹介していきます。...
View ArticleWordPressサイトにインスタグラムフィードを表示するプラグイン「Smash Balloon Social Photo Feed」の使い方
WordPressのサイト内にインスタグラムフィードを埋め込む際に最も簡単に活用できるプラグインの紹介です。表示するフィードのデザインやカラム数まで調整できますので、当記事で使い方を解説いたします。 弊社のYouTuber TAKAPONによる動画解説は、下記よりご覧いただけます。 「Smash Balloon Social Photo Feed」とは...
View ArticleWebサイトのフッターの役割を軽視してはいけない理由
Webサイトのフッターは軽視されがちですが、重要な役割を担っています。「たかがフッター」ではなく、フッターこそ良質なWebサイトであるか見分けるのに適したパーツはありません。...
View Articleアクセス解析やコンバージョンタグを記憶保存しておけるWordPressプラグイン「Insert Headers and Footers」
アクセス解析や広告のコンバージョンタグをWordPressサイトに導入する場合、ヘッダーやフッターにコードを直書きすることも多いと思います。でも、WordPressテーマをそのままアップデートすると、コードが書き換えられてしまうためにこれらのタグも上書きされてしまう問題があります。その場合、再度タグをテーマに埋め込む作業が必要です。...
View Article【SEOライティング】Googleで上位表示を実現させる10のテクニック
「SEOに強い記事を書くには?」 ここでは、書いた記事をGoogleで上位表示させる、SEOライティングのテクニックを10個、ご紹介します。 SEOライティングの本質は、キーワードの含有率や出現率といった小手先のテクニックではなく、検索ユーザーの利便性を考えることです。 「本当に知りたい情報はなんだろう?」 「もっとわかりやすく書けないか?」 「なにを提案すれば、ユーザーの人生にプラスになるのか?」...
View Article【ブログ記事の書き方のコツ】5ステップのプランニングで集客力の強い記事を作る
「記事を書いてもアクセスが増えない」 「ブログの検索順位を上げたいけど、どう書いたらいいのかわからない」 ブログ記事の書き方で、悩んでいませんか? 集客力のあるブログ記事を作るには、ライティングの技術よりも、記事を書く前の準備(プランニング)のほうが重要です。...
View ArticleH1タグとSEOの関係性とは?よくある疑問に回答
「H1タグはSEOで重要」 よくいわれますが、実際はどうなのでしょうか? また、「ページのタイトルにはH1を設定すべき」「H1は1ページに1個まで」という通説は、今も正しいのでしょうか? この記事では、上記のような疑問に回答して、H1タグとSEOの関係性を紐解いていきます。 H1タグとは?...
View ArticleディスクリプションのSEO効果とは?書き方のポイントも3つ紹介
ディスクリプションとは、検索結果で、ページタイトルの下に表示される説明文のことです。 ディスクリプションの正式名称は、meta description(メタ ディスクリプション)といいます。3種類のmetaタグ(title、description、keyword)のうちの1つです。 この記事では、ディスクリプションのSEO効果と、書き方のポイントを3つご紹介します。...
View Articleネタ切れと無縁になる。ブログネタを無限に生み出す5つの科学的な方法
「ブログに書くネタがない・・・」 「今月は20記事アップできたけど、ネタが尽きて来月は書けないかも・・・」 「記事のネタ、どうやって探せばいいのだろう・・・」 ブログのネタ切れは、ほぼすべてのブロガーがぶつかる壁だと思います。 ネタ出しの方法はいろいろありますが、感覚で「なんとなく」ネタを出していないでしょうか? もちろん感覚が当たることもあります。しかし予想ができません。...
View ArticleYouTubeのチャンネル登録者数を非表示にする設定方法とその理由とは
最近下記のようにYouTubeでチャンネル登録者数を非表示にしている方をみかけませんか? 実はYouTubeのチャンネル登録者数は非表示にすることができ、チャンネル立ち上げ初期にはこのように登録者数を隠す方が多く存在します。当記事では、チャンネル登録者数を非表示にしている理由とその方法について解説していきます。 チャンネル登録者数を非表示にするのはなぜ?...
View Article自社制作の採用サイトでリクルートしよう。企業文化を力強く発信できるWordPressテーマ「MASSIVE」
自社で採用サイトを運営すれば、掲載する内容に制限がなく、ランニングコストも大幅に削減できます。自社の強みや社内文化も詳しく発信できるわけです。...
View Article稼げるブログを作るにはテーマ選定が最重要【テーマの決め方5つの原則】
「ブログのテーマが決まらない、思いつかない・・・」 「とりあえずテーマを考えたけど、これで稼げるかどうか心配・・・」 ブログのテーマ(ジャンル)を決めるのは難しいですよね。 選んだテーマで本当に稼げるのか?儲かるのか?確信が持てない・・・よくある悩みだと思います。 そこでこの記事では、稼げるブログのテーマの決め方を解説していきます。...
View Article「画像を引用してブログに載せたい!」 正しい引用ルール、知っていますか?
「この記事の図表、わかりやすいな」 「この画像、すごくオシャレだな」 こんなふうに、他サイトの画像を、ブログ記事に引用したくなるかもしれません。 ただ、安易に引用する前に、少し立ち止まってみてください。引用は法的に認められている行為ですが、正しいルールを知っておかないとトラブルになります。 「画像の引用? 出典元を記載すればいいんでしょ?」 実はそう単純な話ではありません。...
View Article