【前提】SWELLでプラグインを入れる際に注意すること まず前提として、SWELL公式サイトの推奨・非推奨のプラグインについての記事は絶対に読んでおくこと。 そしてプラグインを使用するのは自己責任となります。公式サイトでOKが出ていても、WordPressのバージョンアップなどでそれが変わることもありますので…。 推奨プラグインと非推奨・不要・注意すべきプラグインについて｜SWELL公式 私は公式サイトに加えて、SWELLでおすすめのプラグインをマニュオンのsuyaさんが初心者向けに詳しく解説してくれているので超参考にしました。 【必須４つ】WordPressで最初に入れる基本プラグインのインストール方法 【おすすめプラグイン】SWELL初心者向けリンク集｜マニュオン 入れるプラグインは、ご自身で慎重に判断してくださいね。

この記事では、WordPressテーマ「SWELL(スウェル）」を４年以上使い込んだ私が本音でレビューしています。 SWELLは、「ブログを簡単に・楽しく・素早く書けるように」という開発者の思いが込められたテーマで、まさにその通り、ブログが楽しく・快適に書けるようになりました。 口コミや評判も良く、今や人気ナンバーワンのWordPressテーマに。

WordPress「メディアとテキスト」は画像と文章をおしゃれなレイアウトで配置することができます。テーマSWELLでは独自レイアウトのカード型とブロークングリッド型が追加されており、さらに表現を広がります。ブロックの使い方と、透過や画像の上にテキストを重ねる方法を紹介します。

如何お過ごしですか？　3回連続10cmです。 当ブログにお越しいただきありがとうございます。 いつも本当にありがとうございます。 昨日(9/29夜）『iphoneを1ヶ月くらい使ってみた。』って記事を投稿しました。 え～読んでない？ そんなお方のために一応貼っておきます。 www.sankairenzoku10cm.blue 自分ははてなに投稿するときに同時にtwitterにも投稿します。 その際に上記記事でちょっとスカしておりました。 原因ははっきりわからなかったのですが、カスタムURLの作り方をミスしていたんだと思われます。 はてなのカスタムURL。 で、20：02に投稿は出来たんだけど。。 敗因はカスタムURLの作り方にあったのか？ 編集後記 はてなのカスタムURL。 カスタムURLというのは記事のURLを自分で編集できる機能のことです。 パソコンの画面ですが、設定オプションの中で編

今回はCSSを使って、振り子のようにゆれる画像を作ってみたいと思います！ 最初に、ベースとなるCSSコードを紹介した後、カスタムパターンをいくつか紹介していきます。 なるべくコピペでも使えるように構成していますので、サンプルを見て気になるものがあれば、ぜひ試してみてください！ 目次 ブログで使用する場合は はてなブログの場合 ベースコード 動作チェック カスタムパターン 画像のサイズを変えてみる！ スイングスピードをカスタムしてみる！ スイングの角度を変えてみる！ マウスオーバー時にスイングを止めてみる！ カスタム内容を組み合わせてみる！ まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。

今回は、CSSを使って見出しにアニメーションをつけてみたいと思います！ 最初に、ベースとなるCSSコードを紹介した後、アニメーションのパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 表示の確認 アニメーションパターン 見出しの背景色を変えてみる！ 見出しを回転させてみる！ ゲージ風のアニメーションをつけてみる！ まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でＯＫです。 はてなブログの場合 以下の記事ではてなブログでCSSを使う方法をまとめています。 今回の内容をはてなブログで試す場合は、上記の

今回は、付箋風の見出しをCSSで作る方法を紹介したいと思います！ 最初に、ベースとなるCSSコードを紹介した後、簡単なカスタムパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 使い方 カスタムパターン 付箋風見出しの色を変えてみる！ 背景色も調整してみる！ 角丸表示にしてみる！ 右側だけ(もしくは左側だけ)を角丸にしてみる！ 影の度合いを調整してみる！ まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でＯＫです。 はてなブログの場合 はてなブログでのCSSの使用については、以下の記事でまとめています

SWELLのブログパーツとは？再利用ブロックとの違い 「ブログパーツ」とはSWELL独自のブロックで、複数のページや場所で使い回したいコンテンツをあらかじめ登録しておくことで、自由に呼び出すことができます。 似たような機能にWordPress標準機能の「再利用ブロック」があります。 再利用ブロックは記事内のみで利用できることに対し、ブログパーツは、 記事内 ウィジェット カテゴリーページ タグページ CTA メインビジュアル と多くの場面で使えるというところが、大きな違いとなっています。 ブログパーツの基本的な使い方や機能は、公式マニュアルに載っていますので、基本を知りたい場合はご一読ください。 登録したコンテンツを自由に呼び出せる「ブログパーツ」機能｜SWELL公式

今回は、はてなブログでCSSデザインを使う８つの方法 を紹介します！ はてなブログにCSSデザインを追加する方法はいくつかありますが、今回はその中でも、比較的簡単な、はてなブログの設定項目からCSSを追加する方法 を紹介します。 Googleタグマネージャーを使用した設定方法もありますが、そちらは次回記事で紹介したいと思います。 まずは、今回紹介する「はてなブログの設定項目でCSSを使う方法」で、とりあえず試してみるのがオススメです！ 目次 はてなブログにCSSの追加してみる！ CSSを追加可能な場所一覧 おすすめの設置場所 サンプルCSS（動作チェック用） 設定方法【設置場所別】 headに要素を追加 記事中 記事上 記事下 ヘッダ フッタ サイドバー デザインCSS 動作チェック サンプル投稿（動作チェック用） クラス名の指定について ブログ構成要素のカスタムについて スマホ表示でのC

キャンプブログを２０１９年の６月２３日に真面目にスタートして、今日でようやく１年になります。 前回もお話ししたように、とりあえずのブログ開設は１０日前に６月１２日なんですよね…ｗ ⇩その当時の記事です⇩ www.a-chancamp.com キャンプブログ１年でアクセス１２０万！ ブログの失敗談 落ち目からの運営方法！ コロナウイルス Google評価の改定 アルゴリズム調整 １つ目は… ２つ目は… パンくずリスト パンくずリストとは？ パンくずリストの名前の理由 パンくずリストの実装 パンくずリストの実装失敗 カテゴリーの階層化 カテゴリー階層化の効果は？ アクセス激減の決定的な要因 まとめ キャンプブログ１年でアクセス１２０万！ まずは、今まで当ブログをご覧いただいたり、スターやコメントやブックマークをして頂けました方全てに御礼申し上げます。 そのお陰で１年でアクセスが１２０万以上とい

一つ前の記事でwebarchiveを紹介しましたが、３年前やってたけど、今は閉鎖したブログまだあるかな・・・と見返してみました。 あった。 web.archive.org ３年前に閉鎖したブログ、やっぱりここにはアーカイブ残ってました。 ネットに一度出た物は、削除して証拠隠滅？完了ではなく、やっぱり半永久的に残るんですね。恐るべし！webarchive www.msn.com で調べると１９９６年のキャッシュもあるので、ネット上に出た情報は少なくとも２４年は出続けるということですね。２４年と比べたら、３年前とかはかわいい？ものかもしれませんね。 幸い黒歴史はなく、自分の実名でもGoogle調べましたが、何もありませんでした。 ネットで表に出ることは昔から徹底的に避けてたので　汗 話戻って、ブログ見返したら、かなり重要なこと書いてました。 当時をちょっと思い出しました。 アクセス数伸び悩んで

Googleアドセンス、外国語の広告を表示禁止にする ブログにGoogleアドセンスを設定していると、たまに外国語の広告が表示されます。 あれはなぜなのか？ ネットニュースの1次ソースを読みに行って、それが英語記事だったりすることがあります。 ブラウザは閲覧履歴を記録しているので、英語サイトを見たことが記録として保存されています。 その後に自分のブログを見ると、英語の広告が表示されたりします。 Googleアドセンスでは、ユーザーの嗜好に合わせて広告を切り替えています。 そのため、英語サイトを見ると、英語話者だと思われ英語圏の広告が表示されるわけです。 しかし、たまたま英語サイトを見ただけの人に、アメリカのショッピングサイトの広告を表示したところで、クリックされることはほぼないと思われます。 また、このサイトの場合、Googleアナリティクスなどを見ていると、外国からのアクセスが少数ながら

AMPを導入するとアクセスが減る？ AMP（アンプ）というのは、スマホからブログを見たときに表示を高速化するための仕組みです。 WordPressでCocoonテーマを使っている人は、 Cocoon設定　＞　「AMP」タブ の中にある「AMP機能を有効化する」にチェックを入れるだけでAMPが使えるようになります。 AMPページでは軽量化のためにJavascriptが使えません。 そのため、通常のGoogleアナリティクスではAMPページへのアクセスを計測できません。 その結果、AMPを導入するとAMP導入前に比べて急激にアクセスが減ったように見えてしまいます。 （計測ができていないだけで、アクセス自体は発生しています） そこで、AMP導入後には、AMPページのアクセスを計測するための特別な設定が必要になります。 設定は、GoogleアナリティクスとGoogleタグマネージャーを使って行いま

Googleアドセンスの管理画面で「レポート」を開くと上記のような画面になります。 （細かい数字を公開するとポリシー違反になる可能性があるので、グラフや数字は消してあります） この画面の上の方に 概要 クリック数 再生回数 アクティブビュー エンゲージメント 関連コンテンツ 広告セッション ＋カスタム などのタブがあるのにお気づきでしょうか？ このタブの存在に気づいていなかったり、気づいていてもクリックしたことがない人もいると思います。 デフォルト（初期状態）では「概要」というタブが選択されています。 レポートの「概要」タブでは以下の7項目が確認できます。 ページビュー 表示回数 クリック数 ページのインプレッション収益 インプレッション収益 アクティブビュー視認可能率 見積もり収益額 ページビュー PV（ページビュー）とは、ブログのページが表示された回数です。 表示回数と混同しやすいです

直帰率と平均ページ滞在時間 みなさん、こんばんは。 連休中のブログのアクセスが普段よりも少し多くなっているので、久々にGoogleアナリティクスを開いていろいろ眺めてみました。 直帰率は相変わらず高く、どうにかならないものかと思いますが、平均ページ滞在時間を見てみるとそれなりには読まれている感じです。 今日はGoogleアナリティクスの直帰率と平均ページ滞在時間についてみていきたいと思います。 直帰率とは？ 平均ページ滞在時間 直帰率と平均滞在時間 直帰率が低く、平均ページ滞在時間が長い記事が理想 終わりに 直帰率とは？ 直帰率とは、ユーザーが自分のブログを訪れて、訪れたそのページ以外見なかった割合のことを言うようです。 直帰率が高い(100％に近い)場合は、ユーザーが訪れた1ページのみの閲覧で去ってしまうことが多いことを意味します。 反対に、直帰率が低い(0％に近い)場合は、訪れたページ

はてなブログはアフィリエイト禁止というわけではありません。でも、はてなブログでアフィリエイトをやって削除されたという噂もあったりして、アフィリエイト広告を貼ることの危険性はゼロではないというのが、私の印象です。 私自身は、はてなブログ上でアフィリエイト広告を貼っていますが、今のところ削除されたことはありません。 しかし、これから始める人にとっては、その危険性が気になるのもよく分かります。そこで、自分の体験などからはてなブログでアフィリエイトを行うことの危険性について考えてみました。 はてなブログはアフィリエイト禁止ではない はてなブログは、利用者も多いブログサービスですので、これからブログを始めようという人にとってはとても魅力的ですよね。 ただし、アフィリエイト目的でのブログ運営は、ブログサービスによっては禁止されているところもあるので、最初の選び方が肝心です。 はてなブログの場合、アフィ

にゃん吉です。 今回はWordPress（ワードプレス）の利用方法についてのお話です。 仲良くさせていただいているけび子さんからのリクエストです。 www.auntie-k.com はてなブロガーの方でもワードプレスと兼用されらっしゃる方は多数いらっしゃいます。 私もその1人。 また、ワードプレスもやってみたいなぁという方もいらっしゃるでしょう。 そんな方のためのガイドになります。 ▽目次です▽ まずは独自ドメインとサーバーを用意 WordPress（ワードプレス）のテーマ Cocoon（コクーン） WordPressにCocoonをインストール WordPressで必要なプラグインをインストール ウィジェットの設定 アドセンスの手動登録 あとは記事作成をして投稿！ まずは独自ドメインとサーバーを用意 独自ドメインを取得し、サーバーを契約した後からのお話です。 独自ドメイン取得は、「お名前

サーチコンソールの「速度(試験運用版)」について みなさん、こんばんは。 今日、サーチコンソールのサイトを開いてみるとこれまでなかった項目が増えてました。 追加された項目は「拡張」の中にある「速度(試験運用版)」というものです。 この「速度」は実際の使用状況のデータに基づくサイトの速度パフォーマンスがPC、モバイルに分けられ表示されるものです。 今日はサーチコンソールに新たに追加された「速度」についてみていきたいと思います。 速度と言えば、PageSpeed Insights 速度レポートの重要性 速度レポート 終わりに 速度と言えば、PageSpeed Insights サーチコンソールで言う速度とは、サイト、ブログを表示する速度のことを言います。 ブログ、サイトを表示する速度というと、PageSpeed Insightsが有名ですよね。 PageSpeed Insights ちなみにこ