従来の一括払い型のホームページ制作には高額な初期費用や制作費用がかかるため、「コストがネックで諦めた」という方も多いのが現実です。しかし、そのコストの問題を解決できるホームページ制作方法として、最近注目されているのが「月額定額制(サブスク型)ホームページ制作サービス」です。

この記事では、初心者が月額定額制(サブスク型)ホームページ制作を利用する際のポイントや、メリット・注意点をわかりやすくご紹介します。

▼エクセレントのサブスク型ホームページ制作

初心者が怖いホームページ制作の悩みと月額制の解決法

初期費用の負担が少ないため、導入しやすい

初心者向け、ホームページ制作にかかる初期費用は大きな壁です。 通常、ホームページ制作は一括払いで数十万円以上が必要ですが、サブスク型ホームページ制作サービスでは初期費用はありません。これにより、予算が制限されている場合でも、無理のない範囲でホームページを持つことが可能です。 コストを分散させながらビジネスを始めたいと考える方重視、継続制は非常に現実的な選択肢です。

更新作業や保守管理も含まれているため安心

ホームページは作成して終わりではなく、運営や更新、トラブル対応が欠かせません。初心者にはこれが正義だと思われますが、サブスク型ホームページ制作サービスの多くでは、手の厚い保守管理が含まれていることで、時間と手間の削減ができるメリットもあります。

サポート体制が充実

サイト運営に慣れていない初心者にとって、困ったときに相談できるサポートがあるかは重要です。また、わからないことを質問しやすい環境が整っているため、少しずつ知識を深めながらホームページ運営に取り組むことができます。

長期間制ホームページ制作を無理なく始めるステップ

自社の目標と目的を明確にする

ホームページを作成することが、初めのステップです。 まずは自社の目標層や提供する情報を整理し、必要なコンテンツや機能をリストアップしましょう。初心者の場合は、最初から多機能なホームページを求めるのではなく、シンプルな構成でスタートするのがおすすめです。 ビジネスの成長に応じて少しずつコンテンツを増やすことで、運営が負担なく続けられます。

月額プランのコンテンツを比較・検討

月額制サービスにもさまざまなプランがあり、コンテンツやサービスの範囲も異なります。料金に含まれる更新やサポートのコンテンツ、デザイン変更の内容などを比較し、独自最適なプランを選ぶことが重要です。月額料金が安いプランは一見魅力的ですが、サービス内容を確認して不足しているかどうかが確認することで、将来的な追加費用を抑えられます。

運用を学びながら活用する

月額サービスを導入した後は、更新作業やコンテンツの管理方法を少しずつ学んで良いでしょう。プロのサポートを受けながら簡単な操作を身につけることで、将来的には内部化も視野に入れた運営が可能です。初心者のうちから運用スキルを高めることで、ホームページの活用幅が広がり、ビジネスにとっても大きなプラスとなります。

継続制ホームページ制作を利用する際の注意点

長期契約期間や契約条件を確認

月額制サービスでは、最低契約期間や契約時の手数料が設定されている場合があります。コストが発生する可能性があるため、契約内容の確認が重要です。また、契約条件を理解することで、不要になった際もスムーズに対応できるよう備えられています。

サービス範囲とサポート内容を見極める

月額料金に含まれるサービス内容は、プロバイダーによって異なります。な更新コンテンツが料金内に含まれており、サポート体制が十分かどうかを確認し、無理なく運用できるサービスを選ぶことがポイントです。

継続的なスケールアップの対応を考慮する

優先制で始める際に確認しておきたいのが、将来的なスケールアップの柔軟性です。事業の成長に合わせて、ホームページの規模や機能を拡張できるかどうかは、長期的な運用を見据える上で重要です。契約前にサービスのスケーラビリティを確認することで、将来的なビジネス展開にも対応できるサービスを選択します。

継続制ホームページ制作を利用する際の注意点

継続制（サブスクリプション型）ホームページ制作サービスには多くの余裕がありますが、契約前にいくつかの注意点をしっかりと確認することが重要です。 特に、契約期間やサービス範囲、将来的な拡張性を意識することで、無駄なコストや予期しない問題を避けながら、安心してホームページを運用することができます。

長期契約期間や契約条件を確認する

注意事項：サブスクリプション型のホームページ制作サービスには、最低契約期間が設定されていること、契約手数料が発生する場合があります。契約を始める前に、これらの条件を把握することは非常に重要です特に長期契約では途中解約ができなかったり、違約金が発生することもあるため、解約条件をしっかり確認しておきましょう。

サービス範囲とサポート内容を把握する

注意点：月額料金に含まれるサービスの範囲と、追加料金がかかる内容の詳細を確認することも重要です。料金が発生するかなど、契約前にしっかり把握しておく必要があります。

将来的なスケールアップの対応を考慮する

注意点：事業の成長に合わせて、ホームページの機能拡張や規模拡大が可能かどうかも重要なポイントです。将来的なビジネスの変化に対応できるかは、契約後のサービスの柔軟性に大きく影響します同様に、複数ページの追加や新機能の導入など、必要に応じてスケールアップができる事前に確認することが必要です。

まとめ

継続制（サブスクリプション型）ホームページ制作サービスは、初期費用を抑えながら、プロのサポートと定期的な更新・メンテナンスが含まれる快適性の高いサービスです。 特に、更新頻度が高い企業や、ビジネスの成長に合わせて柔軟にサイトを拡張したいと考えている企業にとっては、最適な選択肢を考えます。ことが重要です。

契約前には、最低契約期間や契約条件を確認し、予期せぬ出費やトラブルを防ぐ準備をしましょう。また、月額料金に含まれるサービスの範囲を把握し、独自に必要な機能やサポートが満たされますそして、ビジネスの成長に応じて機能を追加できる柔軟性があるかも、長期的に利用する上での重要ポイントです。

これらの注意点に気を付けながら、継続制ホームページ制作サービスを活用することで、安心してオンラインプレゼンスを構築し、ビジネスの可能性を広げることができるでしょう。

▼関連サービス

お気軽にお問い合わせください

月額定額制(サブスク型)で格安のホームページ制作始めました　|　ホームページ制作　岡山

The post 【初心者向け】ホームページ作成の新常識！サブスク型ホームページ制作サービスでWEB集客を手軽に始める方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

キャッシュとは、ブラウザ内に記憶されているページ情報です。

ページの更新をする際にキャッシュを削除していないと、変更が確認できない場合があります。確かに変更をしたのに、ページを確認したら変更されていない場合には、こちらの方法をお試しください。

それでは、各ブラウザ別でご説明します。

PCでのキャッシュ削除方法

GoogleChrome

画面右上、人物アイコン横のメニューバー（・が縦３つに並んでいるボタン）から設定を選ぶ

設定画面から「プライバシーとセキュリティ」を選ぶ

メニュー項目内から「閲覧履歴データの削除」を選ぶ

「キャッシュされた画像とファイル」のみチェックをいれ「データを削除」をクリック

以上でキャッシュ削除完了です。
「Cookieと他サイトデータ」にチェックを入れてしまうと、ブラウザ内に記憶させているネットショップ等のログイン情報が削除されてやり直しになりますのでお気を付けください。

Mozilla Firefox

画面右上の本棚マーク（縦線４本）から、「履歴」→「最近の履歴を消去」をクリック

「キャッシュ」にのみチェックをいれて「OK」をクリック

以上でキャッシュ削除完了です。
チェック項目がchromeより多いですが、「キャッシュ」のみを選択してくださいね。
chromeを同じく、記憶させているパスワード情報が消えてしまいます。

Microsoft Edge

画面右上、人物アイコン横のメニュータブ（…）から「設定」を選びます。

設定メニューから「プライバシー、検索、サービス」をクリック

「閲覧データをクリア」内の「今すぐ閲覧データをクリア」枠内「クリアするデータの選択」をクリック

「キャッシュされた画像とファイル」のみチェックをいれ「今すぐクリア」をクリック

以上でキャッシュ削除完了です。

スマートフォンでのキャッシュ削除方法

こちらに記載する方法が一般的ではありますが、バージョンや機種により方法は違いますので取扱説明書をご確認ください。

iPhoneでの削除

Safari

「設定アプリ」→「Safari」→「履歴とWebサイトデータを消去」タップで完了です。
Safariではキャッシュ削除とともにCookieも削除される仕様になっておりますので各サイトのログイン情報を確認後行ってください。

GoogleChrome

PCのChrome同様にメニューバーより「履歴」→「閲覧履歴データの削除」→「キャッシュされた画像とファイル」のみチェックをいれ「データを削除」をタップ
以上で完了です。

androidでの削除

「設定アプリ」→「Chrome」→「ストレージ」→「キャッシュを削除」で完了です。

まとめ

突然言われると「？？？」となりチンプンカンプンですが
これを知っているをネット上での活動もスムーズに行えます。

「更新されない！エラーだ！」
となる前にまずはキャッシュを削除して確認してみてください。

簡単なのでぜひ覚えておいてくださいね！

もし、いろいろ試してみたけどよくわからないという場合はエクセレントにお気軽にご相談頂ければと思います。

無料相談の流れ

1.お申込み

下記お申込フォームより、お気軽にご連絡ください。

2.日程調整

担当より日程のご連絡をいたします。

3.無料相談

30分程度の相談会を実施いたします。

4.商談

弊社サービスをご検討頂ける場合には、お見積もりやサービスのご案内をさせて頂きます。

無料相談　ご利用後の流れ

しつこい電話セールスなどは一切いたしません。逆に、弊社サービスをご検討頂ける場合には、お見積もりやサービス内の詳細についてご案内をさせて頂きます。

ただ、メルマガの登録だけお願いします。
このメルマガでは新サービスの案内やコラムの更新情報のご案内をしております。

メルマガの解除はいつでもできますので、そこだけご理解とご協力をお願いいします。

▼お申し込みはこちらから

Webが得意なホームぺージ制作会社エクセレント

The post Webサイト表示がおかしい時にはこれで解決！キャッシュのクリアとスーパーリロードの方法を解説 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

私はあります。しかもつい最近！！

そう、それがこのコラムを書き出す原因なのですが、、、その時のスタッフブログはこちらです。

2022.08.04

【リライト】ホームページが検索に出てこないときの原因と対処法を徹底解説！

2022年のSEO事情というセミナーに３つほど参加してみた 2021年までと何が違うのかというと・・・・ ページ内容を表したわ...

Googleの検索結果に表示されない理由が分からないのはほんとに困りますよね。
Googleに聞いてもその原因を教えてくれるわけではないので、、、、
ほんとに困ります。

この記事ではそのようにGoogleの検索結果に表示されない時の原因とその対処方法について解説します。

検索エンジンに登録されているか確認する方法

Googleで検索する

まずはGoogleにインデックス登録されているのかを確認していきます。

・単体ぺージを調べる場合
対象のURLを半角のダブルクォートで挟んで検索をしてみてください。

こんな感じです。例：”https://excellen.ne.jp”

・ドメイン全体を調べる場合
「site:調査したいドメイン」で検索をしてみてください。

こんな感じです。例：site:https://excellen.ne.jp

ここで「登録されている」という結果が出れば、単純に順位が低いだけという事になり、必要なのは順位を上げる方法を考えるという作業になります。

インデックスされてなかった場合はこのまま読み進めてください。

Google サーチコンソールでURL検査をおこなう

まずはGoogleサーチコンソールを利用して状況を確認しましょう。
この方法はインデックスされない理由なども表示されるので、今後の対策を検討する事が出来ます。

Googleサーチコンソールの利用方法は下記の記事を参考にして頂ければと思います。

▼該当記事

2022.03.28

初心者でも簡単！Google Search Console(サーチコンソール)の登録・設定方法

SEO対策の強い味方！ またまたGoogleの便利機能の一つですが「サーチコンソール」 というシステムをご存知でしょうか？ なんと...

2022.03.29

SEO対策におけるGoogle Search Console(サーチコンソール)の基本的な使い方【初心者向け】

先日ご紹介しました「Google Search Console」 ▼関連記事 いやいや、便利なのも伝わったし設定も理...

インデックスされていない理由を調査する方法

Googleサーチコンソールを利用しても登録されていないという判定になったのであれば、本格的に対策を考えて行きます。

Googleにインデックスされるための絶対条件

まずはインデックスさせたい対象のURLが下記について対応が完了しているか確認してください。

この4つはGoogleにインデックス登録されるために必要な条件でありますので、対応が完了していない場合は対応してから1週間ほど様子を見てください。

robots.txtを確認する

いくらページを公開しても、登録をしてもGoogleにインデックス登録しないように設定されていると、 いつまで待ってもインデックス登録される事はありません。 不適切な設定になっていないか確認・編集しましょう。

確認する方法はFTPソフトを使用して、robots.txtファイルをダウンロードしてローカルのパソコンで確認します。そして、下記のような記述があるかどうかを確認してください。

User-Agent:*
Disallow: /example/sample.html

もし記述されていれば、その部分を削除した上でrobots.txtを再度FTPソフトにてアップロードしてください。

noindexタグを確認する

noindexタグは、要素にタグを設置することで、Googleにクロールされないようになります。
このnoidexタグは、ページ単位でクローラーのインデックス登録を拒否できる機能ですので、CMSをご利用の場合ですと管理画面から簡単に設定できるため、意図せず設定している可能性がありますので確認をしてみましょう。

このnoindexタグがあればこのタグを削除すれば解決です。

FTPについては別の記事で詳しく説明していますので参考にしてください。

▼参考記事

2022.04.15

FFFTPの基本的な使い方をダウンロード方法から解説します

FFFTP（エフ・エフ・エフ・ティーピー）とは、Windows専用の無料で使える日本人が開発したFTPクライアントソフトウェアです。 ...

Googleからペナルティを受けていないか確認する

GoogleはWebサイトの運営において「品質に関するガイドライン」を定めています。このガイドラインではWebサイト運営における違反行為を定めています。

下記の内容を確認して、ペナルティを受けてしまうようなことがあれば改善しましょう。

自動生成用のページは掲載されないこともある

WordPressなどのCMSを利用されている場合、自動生成・更新されるカテゴリ一覧などのページは、Googleはインデックスされないことがありますので、この場合は諦めないといけない場合です。

貧弱なリンク構造になっていないか確認する

Googleのクローラーはリンクを辿りながらWebサイト内の各Webページを見つけて、そのページのコンテンツ内容を読み取りGoogleにインデックスします。

そのために内部リンクをある程度充実させないと、クローラーにサイト内のWebページを把握してもらえず、Googleにインデックスされないケースがあります。

この場合は、トップページや人気記事などのアクセスが集まってるページからリンクを張ったり、SNSを活用して被リンク獲得を促すなどの対策が効果的です。

Webサイト自体の質が低い

Webサイト自体の質が低いとGoogleに判断されると、クロール頻度が下がり、結果的にそのWebサイト内のコンテンツがGoogleにインデックスされない状況になります。

Webサイトに変更頻度が低い情報がある場合や、Webサイトの品質があまり高くない場合は、サイトのクロール頻度が落ちる可能性があります。
新しい情報を大量に追加した場合や、Webサイトに非常に有用な情報が掲載されている場合は、想定を上回ってクロールされてしまう可能性があります。

※引用元：Search Console ヘルプ

何をどう判断すれば、Webサイトの品質が低いと判断されるのかは定かではありませんが、文章量やページの内容が一般的に興味がある内容なのかどうかが判断材料の一つになっているようですので、自社のサイトの内容を確認してみてください。

まとめ

インデックスされない原因はひとつではないケースもありますので、しっかり原因を確認してひとつひとつ対応していきましょう！

SEO対策の基本についてはこちらに記事を用意しておりますのでこちらをご確認ください。

▼参考記事

2024.11.07

SEO対策のWordPress設定完全マニュアル！5つの必須ステップでGoogle検索を制覇

SEOで上位表示させたいけど、何から始めたらいいかわからないそんなあなたに朗報です！この記事では、WordPressを使ったSEO設定の必須...

それでも、不明な事がございましたら、エクセレントにお気軽にご相談頂ければと思います。

無料相談の流れ

1.お申込み

下記お申込フォームより、お気軽にご連絡ください。

2.日程調整

担当より日程のご連絡をいたします。

3.無料相談

30分程度の相談会を実施いたします。

4.商談

弊社サービスをご検討頂ける場合には、お見積もりやサービスのご案内をさせて頂きます。

無料相談　ご利用後の流れ

しつこい電話セールスなどは一切いたしません。逆に、弊社サービスをご検討頂ける場合には、お見積もりやサービス内の詳細についてご案内をさせて頂きます。

▼お申し込みはこちらから

インスタ集客とブログ集客で反応率を3倍に引き上げるホームページ制作会社　株式会社エクセレント

2022年　3月初稿
2022年　5月　8月リライト

The post ホームページが検索結果に表示されない時の原因と対処方法を徹底解説！ first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

WordPressを利用したブログを運用しているお客様から、「改行が上手く出来ないんだけど・・・」とご連絡を頂くことがございます。確かにWordpressの改行って自動整形機能というのが作動して意図しているモノとは違う改行となるケースがあります。

WordPressのバージョンによるものなのか、プラグインのバグなのか、私の知識が薄いのか・・・・・私どもも理解が出来ないケースがたまにあります

今回はその時に利用出来る対策として、基本のhtmlソースについてお伝えしたいと思います。

▼参考記事

2022.05.11

WordPressで改行が上手くできない！反映されない！訳が分からない！そんな時の解決策を教えます。

という野球好きなら分かって頂ける？？ 意味不明な説明をしてその場を切り抜けることが多いWordPr...

HTMLで改行を行う方法

HTMLで改行をする方法は主に3種類あります。
実際のページでの見え方は全て同じですが、それぞれ用途が異なりますのでここでは簡単にその違いをご紹介いたします。

<p>タグでの改行

<p>タグとは段落を指定するためのタグで、文章を改行するときの一番オーソドックスな方法です。文章を<p>タグで囲うと改行されます。

<p>HTMLで改行する方法１</p>
<p>段落ごとにpタグで囲えば改行されます。</p>
<p>適度に改行を入れて見えやすく構成しましょう</p>

HTMLで改行する方法１
段落ごとにpタグで囲えば改行されます。
適度に改行を入れて見えやすく構成しましょう

<p>タグを使用するときは段落を表すところに使用します。
見た目<br>タグで改行しても同じになるのですが、検索エンジンに正確に伝えるため段落ごとに<p>タグで囲いましょう。

<br>タグでの改行

<p>タグは段落を指定するタグに対し、<br>タグは改行を指定するタグです。
改行したい場所に<br>を入れるだけで改行されます。

HTMLで改行する方法2<br>
brを入れたところが改行されます。<br>
適度に改行を入れて見えやすく構成しましょう<br>

HTMLで改行する方法2
brを入れたところが改行されます。
適度に改行を入れて見えやすく構成しましょう

作成した段落に長すぎる文章や、改行した方が見やすい文章がある場合に使用します。
段落内、つまり<p>タグで囲われている文章に使用します。

ただ、使用する回数が少ない方がどんな画面幅でもきれいに見えます。
むやみに使用してしまうと、PC画面では綺麗に改行されてるけど、スマホ画面では変なところに改行が発生しますので、利用箇所については十分に注意する必要があります。

<pre>タグでの改行

preタグについてはまずは下記の表示結果を確認してください。

<pre>HTMLで改行する方法3
エンターキーで改行したところが
そのまま本番環境に反映されます<pre>

HTMLで改行する方法3
エンターキーで改行したところが
そのまま本番環境に反映されます

preタグを使わず任意の場所で改行されていることが確認できますよね。preタグを使用する場合にはhtmlで表示されたそのままの状態がブラウザでの表示となるのが特徴なのですが、Wordpressを利用する場合には編集画面がその仕様になっているので敢えて使う事も無いです。

ちなみにpreタグは対応していないブラウザもありますので私としては使用はおすすめしません。

やってはいけない改行方法

HTML初心者の方や詳しくない方は、知らず知らずのうちに間違った改行方法をしてしまっているかもしれません。特に以下の方法はお勧めしませんのでご注意してください。

1. <br>タグを連続して使用する
2. <p>タグを連続して使用する

それぞれ確かに文章の間に間隔はとれますのでよくやりがちな例です。
この方法で改行することにより以下のような問題が生じます。

ブラウザによって見え方が異なる

ある程度適当にHTMLを書いても、最新のChrome などのブラウザは自動補正して表示してくれるようになっています。

通常であれば、以下のように<br>タグを連続して使用すれば、その分だけ改行されます。

この下に余白を入れたい！<br>
<br>
<br>
<br>
ここまで余白ができます。

しかし、連続する<br>をひとまとめにしてしまうブラウザも存在します。
そのブラウザを使用している方には、<br>を入れた分だけの余白がただの1つの改行タグとして表示されてしまいます。

そもそも、HTMLは文章の構造を定義するものであり、デザインに使用するものではありません。見た目を整えたりデザインを加えるときはCSSを使用するようになっています。

メンテナンス性が悪くなる

コンテンツ領域の横幅によって文章を読みやすくするために改行させる場合があると思いますが、横幅が変わるとレイアウトが崩れてしまします。

先ほども説明した通り見た目を整えたいときはCSSを使用して整えた方が後々のメンテナンスもスムーズに行えるでしょう。

検索エンジンにページの内容が正確に伝わらなくなる

検索エンジンはHTMLタグによって指定された文章構造を見ています。
正しくタグを使用していないとページの内容が正確に伝わらない可能性がありますが、直接的なSEOへの影響はありません。

問題となるのは、ユーザビリティやクローラビリティの低下に繋がる可能性があります。

具体的には、長い文章を区切るときに<br>タグだけ使ったり、<br>タグ・<p>タグを連続で使用すれば、文章の行間が詰まりすぎたり空きすぎたりします。そうすると、ユーザーが読みにくくなり、結果的にGoogleに評価されづらくなるというわけです。

こうした状況を回避するために適切な改行方法で、見やすく分かりやすいページを作成しましょう。

スマホページのみ改行をなくす

改行をあまり入れない方がいいことは分かったけど、どうしてもPCページだけ改行を入れたい！という場面は出てくると思います。

そんな時に使えるCSSがdisplay:noneです。
こちらは適用したものを非表示にさせるCSSです。

<p>
  brタグの改行を<br class="sp-off">
  スマホの時だけ<br class="sp-off">
  なくす
</p>

@media screen and (max-width: 480px) {
  .sp-off{
      display : none ;
    }
}

このように<br>にdisplay:noneを適用させれば、ブラウザサイズが480px以下の時のみ<br>での改行を非表示することができます。

まとめ

pタグ　brタグ　preタグこの3つを覚えて頂ければ、改行は大丈夫です。

どのように改行するのか？場所をブラウザにお任せするのであれば、<p>タグを使用する。
どうしてもの時だけ<br>タグを使用する。

<pre>タグは使用しない方向で考えれば間違いないです。

ご参考にして改行が上手に出来ているブログを作成して頂ければと思います。

そして、それでもご不明な点がございましたら、エクセレントにお気軽にご相談頂ければと思います。

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post WordPressを利用したブログで改行を行うときに使用するHTMLタグと正しい使用方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

そのアップデートですが、自動更新の設定をしていない限り、手動でアップデートをする必要があります。

今回はアップデートを手動で行う場合の方法をご紹介します。

WordPressをアップデートする時の注意点

WordPress本体のアップデートは、サイトの一部をカスタマイズするのとは違い、サイトの様々な部分に影響することが考えられます。
プラグインやテーマにもバージョンがあるので、互換性についても注意を払う必要があります。
作業前には必ずバックアップを取ってから作業するようにしましょう。

WordPressをアップデートする手順

①バックアップを取る

WordPressのバックアップ方法については、別の記事で詳しく紹介しています。

▼関連記事

2022.05.07

WordPressのバックアップを「BackWPup」というプラグインで対応する方法【初心者向け】

WordPressに関する調べものをすると、「必ずバックアップを取りましょう」「バックアップを取ってから・・・」といった説明をよく目にします...

②プラグインを無効化する

WordPress本体のアップデートに伴い、プラグインと互換性がなくなる恐れがあります。
不具合が発生した時に、何が原因か、どのプラグインに問題があるのか判別しやすくするため、一時的に全てのプラグインを停止させます。

左メニュー「プラグイン」をクリック

プラグイン一覧の左上にあるチェックボックスにチェックを入れます。

一括操作のプルダウンメニューから「無効化」を選び、「適用」ボタンをクリックします。

③アップデートする

ダッシュボードに戻り、左上の通知にある「今すぐ更新してください」をクリックします。

「更新」ボタンをクリックします。

④プラグインを有効化する

ページを確認し、問題なさそうであればプラグインをひとつずつ有効化していきます。

左メニュー「プラグイン」をクリック

「有効化」をクリックします。

ホームぺージを確認しながら、全てのプラグインを元通り有効化してください。
この作業を適当にやると、もし不具合が出た時に何が原因なのかが分からなくなるので、慎重に丁寧に行ってください。

⑤動作確認をする

ここまでの作業が完了したら、ページの表示・動作に問題が無いかを今一度確認します。
もし表示の崩れなどがあれば調整しましょう。

まとめ

WordPress本体のアップデートとなると身構えてしまいますが、実際にはボタン一つで行うことができました。もちろん下準備や確認は必要なのですが、更新の通知が来たら速やかに対応したいですね。

エクセレントでのワードプレスのアップデートの代行も可能ですのでお気軽にご相談ください。

▼該当サービス

▼関連記事

2022.05.08

WordPressのテーマ更新方法と注意点を簡単に説明してみます。

WordPressでホームぺージを作り、しばらく経つと「更新」の横に赤い丸に白文字で数字が表示されることがあります。 これは、「Wor...

The post WordPressを安全かつ簡単に手動で最新版に更新(アップデート)する方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

そんな時はUrvanov Syntax Highlighterというプラグインがとても便利です！なんと、このプラグイン記事中にソースコードを簡単に埋め込むことができます。

直接記述出来ない文字や記号を文字実態参照に置き換える必要がないので、「HTML」「CSS」「PHP」等を解説する時に使うと便利です。preタグで囲むだけで機能し、ブロックエディターにも対応しているという優れもの。

preタグについてはこちらの記事に詳しく説明しておりますのでご確認下さいませ。

▼参考記事

2022.06.04

WordPressを利用したブログで改行を行うときに使用するHTMLタグと正しい使用方法

改行が上手く出来ない理由 Wordpressを利用したブログを運用しているお客様から、「改行が上手く出来ないんだけど・・・」とご連絡を...

この記事では、うちのブログでも使用しているUrvanov Syntax Highlighterの設定方法をご紹介させて頂きます。

使い方と設定方法

プラグインの新規追加からUrvanov Syntax Highlighterを検索してダウンロードしましょう。
プラグインを有効化すると、テキスト編集だと管理画面の設定に「Crayon」が追加されます。

・テキスト編集

・ビジュアル編集
テキスト編集だと管理画面の設定に<>が追加されます。

・ブロックエディタ―
ブロックエディターの場合も同様、専用ブロックを追加してコードを貼り付けるだけです。

使い方

テキスト編集の場合

テキスト編集の場合は<pre>タグで囲うだけで機能します。

<h2>タイトル</h2>
<p>テキスト</p>

詳細設定をしたい場合はツールバーに追加されたCrayonをクリックします。

こちらの画面で詳細設定ができます。
タイトル・プログラミング言語を表示させたり、特定の行をハイライトさせることができます。
お好みでカスタマイズが可能です。

編集が完了したら右上の【挿入】ボタンを選択して完了です。

ビジュアル編集の場合

ビジュアル編集の場合はツールバーから<>を選択して詳細画面にて編集してコードを追加します。

このようにUrvanov Syntax Highlighterを使用した部分は背景色がついているので他のテキストと見分けがつかなくなることはありません。
一度挿入したら詳細画面を開かなくてもテキストの編集ができます。

ブロックエディターの場合

ブロック挿入ツールからタグを追加します。

【<>Urvanov Syntax Highlighter】を選択すると先ほど同様、詳細画面が開くので、コードを入力して挿入してください。

クラシックブロックで編集する場合はツールバーにアイコンが追加されているので<>を選択すれば詳細画面が開きます。

基本設定

有効化さえすれば特に設定もせずすぐに使えますが、いちいちフォントサイズを変更するの面倒だったり、サイトに合わせてイメージを変更したい場合はデフォルトの設定を変更することができます。

サイドバーの設定からCrayonを選択すると設定画面が開きます。

テーマやフォントなど設定を変更するとプレヒューに反映されるのでカスタマイズしやすいです。

ツールバーの表示を【常に表示】にすると、マウスオーバーでツールバーが上下するのを防いでくれます。

行の【デフォルトで行を折り返す】にチェックを入れると、画面幅で自動的に折り返されるのでスクロールバーが非表示になります。

※が付いている項目は、ツールバーに表示されるメニューアイコンです。

カスタマイズ

用意されているテーマを更に編集したい場合は、複製をしてさらに細かくカスタマイズが出来ます。

【複製】を選択します。

テーマ名を編集します。
こちらは自由なので自分が管理しやすい名前にしましょう。
名前の変更が終わったら【OK】を選択します。

複製が完了するとテーマのプルダウンに追加されます。

複製したテーマを選択すると【編集】ボタンが選択できるようになります。
こちらを選択して細かいカスタマイズをしていきます。

ダブを切り替えると

• 名前などの基本情報の変更
• ハイライトカラーの変更
• フレームデザインの変更
• 行デザインの変更
• 左の数字デザインの変更
• ツールバーデザインの変更

がカスタマイズ出来ます。

細かくカスタマイズ出来るので自分のサイトにあったデザインに変更してみてください！

まとめ

基本的にはプラグインを有効化してすぐに使えるので簡単です！
更に細かいカスタマイズ機能も備わっているので自分好みのデザインでコードを埋め込みたい方にもおすすめです。

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post WordPressでソースコードを埋め込むプラグインUrvanov Syntax Highlighterの設定方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

今回はそんないつ起きるかわからないトラブルに備えるためにWordPressのプラグインBackWPupで自動バックアップという方法を紹介します。

BackWPupと言えば、簡単に手動で出来るバックアップ方法を紹介しておりますのでご確認ください。

▼関連記事

2022.05.07

WordPressのバックアップを「BackWPup」というプラグインで対応する方法【初心者向け】

WordPressに関する調べものをすると、「必ずバックアップを取りましょう」「バックアップを取ってから・・・」といった説明をよく目にします...

「BackWPup」のインストール

左メニュー　プラグイン　＞　新規追加　をクリックします。

テキストボックスに「BackWPup」と入力します。

「インストール」をクリックした後、「有効化」をクリックします。

「BackWPup」の自動バックアップ設定

左メニュー　BackWPup　＞　新規ジョブを追加　をクリックします。

一般設定

ジョブ名…わかりやすい名前を付けます
ジョブタスク…デフォルトのままでOKです。
バックアップファイルの作成…デフォルトのままでOK
ジョブの宛先…「フォルダーへバックアップ」にチェック
ログファイル…デフォルトのままでOK
「変更を保存」ボタンをクリックします。

スケジュール設定

WordPressのcronにチェックを入れて「変更を保存」ボタンをクリックします。
スケジューラー…種類は基本のままでOKです。
スケジューラ―…毎週にチェック

バックアップを取るのはサーバーに負担が掛かるので、バックアップの頻度は週に一度程度で良いでしょう。

DBバックアップ設定

バックアップするテーブル…の全てにチェックが入っていることを確認します。
バックアップファイル名…そのままでOK
バックアップファイルの圧縮…「GZip」にチェック
「変更を保存」ボタンをクリックします。

残りの「ファイル」「プラグイン」「宛先：フォルダー」は特に変更の必要はありません。

宛先: フォルダー設定

バックアップを格納するフォルダーを必要に応じて変更します。
自動バックアップのファイルはここに入るので格納場所を確認しておきましょう。

ジョブの確認

左メニュー　BackWPup　＞　ジョブ　をクリックします。

設定したジョブが一覧に表示されていることを確認します。
これで自動バックアップの設定は完了です。

まとめ

アップデートやカスタマイズをする時にバックアップは取ると思いますが、それだけでは不安という方は自動バックアップの設定をしておけば安心ですね。

しかししかし、、バックアップ作業に不安がある方は、エクセレントでの代行も可能です。
お気軽にご相談ください。

▼関連記事

2022.05.29

WordPressのバックアップで「ファイルが大きすぎる可能性があり、キューに追加されません」というエラーの対処方法

別記事にて「BackWPup」というプラグインを使ったWordPressのバックアップ方法を紹介しました。 ▼関連記事 ...

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post WordPressのバックアップをプラグインBackWPupで自動で取る方法を図説で紹介。 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

▼関連記事

2022.05.07

WordPressのバックアップを「BackWPup」というプラグインで対応する方法【初心者向け】

WordPressに関する調べものをすると、「必ずバックアップを取りましょう」「バックアップを取ってから・・・」といった説明をよく目にします...

2022.05.30

WordPressのバックアップをプラグインBackWPupで自動で取る方法を図説で紹介。

ホームぺージの運営期間が長くなってくると、コンテンツも充実しサイトに愛着が湧いてくることと思います。しかし、もし、突然何らかのトラブルが起き...

しかし、実は・・・当サイトは容量が大きく、プラグインではバックアップを取ることができなかったのです。「ファイルサイズを取得できません。」「ファイルが大きすぎる可能性があり、キューに追加されません」というエラーが出てしまいました。

ということで、今回の記事は「BackWPup」でのバックアップで「ファイルサイズを取得できません。」「ファイルが大きすぎる可能性があり、キューに追加されません」というエラーが出たというケースに使えるエラー改善方法についてお知らせします。

この方法は、プラグインを使わないバックアップ方法でもございますのでプロ仕様としてのバックアップ法をお探し方は参考にしてください。

バックアップするデータ

WordPressを構成するデータは大きく分けて2つです。
・サイトデータ（テーマ・プラグイン・画像）
・データベース（投稿等の内容）

これらのデータをバックアップするようにします。

バックアップ方法

今回はFTPソフト＋WordPressのエクスポート機能を使用します。
FTPソフトではサイトデータを、WordPressのエクスポート機能ではデータベースのバックアップを取ることができます。

FTPソフトを使ってデータをダウンロード

FTPソフトは、FFFTPやFileZillaなどがありますが、私の場合大きなデータを扱う時はFileZillaを使うようにしています。

サーバーに接続し、WordPressのディレクトリを開いたら、「wp-content」をダブルクリックします。

「plugins」「themes」「uploads」の3つを選択し、任意の場所にダウンロードします。

WordPressのエクスポート機能を使用

次に、WordPressの管理画面にログインします。
左メニューから　ツール　＞　エクスポート　をクリックします。

「すべてのコンテンツ」にチェックを入れた状態で、「エクスポートファイルをダウンロード」ボタンをクリックします。

任意の場所にファイルを保存します。
以上でバックアップは完了です。

まとめ

プラグインでのバックアップはお手軽ですが、FTPソフトを普段から使っている方なら、もしかするとこちらの方法の方がしっくりくるかもしれません。私も、普段はこの方法でバックアップを取るようにしています。

サイト更新のためにバックアップは欠かせませんが、作業のやり方がわからない方、不安がある方はエクセレントにご相談ください。

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post WordPressのバックアップで「ファイルが大きすぎる可能性があり、キューに追加されません」というエラーの対処方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

と疑問に思われたことないですか？

私はあります。

恥ずかしながら・・・・あります。

最近、 <br> と <br /> を入れても改行が出来ない事があるんですよね。
その原因はWordpressの自動何とか機能のせいらしいのですが・・・・

▼参考記事

2022.05.11

WordPressで改行が上手くできない！反映されない！訳が分からない！そんな時の解決策を教えます。

という野球好きなら分かって頂ける？？ 意味不明な説明をしてその場を切り抜けることが多いWordPr...

しかし、、、、、、気になる　　 <br> と <br /> 　　の違いついて調べてみました。

似て非になるもの

<br>
<br />

いずれも改行を命令するためのタグですが、そもそもの開発の経緯が違います。

<br>

その文書がHTMLで書かれているのであれば、こちらを利用します。

<br />

その文章がXHTMLで書かれているのであれば、こちらを利用します。

ここからは　<br>　の一択で良い

基本、タグというものは開始タグと終了タグをセットにして使いますが、
やなどの空要素と呼ばれるタグは終了タグがありません。

HTML5以前の仕様であるXHTMLの文法では、空要素と呼ばれるタグは、<br /> と書くようにと決められました。XHTMLの文書はこう書かれていない場合、文法チェックでエラーと診断されていました。その他時期に利用されていたのが、<br /> 　となります。

しかし、HTML5で運用が可能になった今後は、　<br> 　の一択の利用で問題なくなりました。

今後は、　<br> 　の一択の利用で問題なくなりました。

何とも導入経過から今後の使用に関しての結論まで明確な説明となりました。

いやいや、すっきりですね。

SEO対策が得意なホームぺージ制作会社エクセレント

The post WordPressで投稿するブログで
と
はどちらが正しいの？何が違うのか解説します。 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

そこで今回はHosts File Manageという便利なソフトウェアを使用してhostsファイルを管理する方法をご紹介します！

▼参考記事

2022.05.12

hostsファイルとは？ホスツファイルの編集の仕方とは？（Windows版）

hostsファイルとは 簡単に説明すると、「このURLが指定されたら、このIPアドレスにアクセスする」とローカルのパソコンにホスト名と...

設定方法

下記ページからHost File Managerをダウンロード出来ます。

Host File Manager

ZIPファイルをダウンロードし、そのファイルを解凍してください。

その解凍したファイルの一覧の中から【Setup.exe】をクリックしたらインストールが始まります。

セットアップウィザードが開くので【次へ】をクリック

保存先の場所を変更したいときはこちらで変更します。
適用するユーザーも選択出来ます。わからない場合はそのままで【次へ】をクリック

【次へ】をクリックするとインストールが開始します。

インストールが完了したら【閉じる】をクリック

インストールは以上で完了です。

Hostsファイルの書き換え方法

インストールが完了したらHosts File Managerを開いて設定作業をします。

Windowsのスタートメニューから、Hosts File Managerを探してファイルを開きます。

ファイルを開くとこちらの画面が出てきます。

ファイルから【現在のHostsファイルを開く】をクリックします。

現在設定されているリストがあれば表示され、何も設定が無ければ何も表示されない状態となります。

続きまして、【編集】から【レコードを追加】をクリックします。

こちらの画面が表示されるのでIPアドレスとホスト名を入力し【OK】をクリックします。

追加が出来るとリストの一番下に設定したレコードが表示されます。追加が出来ていることが確認出来たら【上書き保存】をしてください。

上書き保存をしないと設定が適用されないので注意してください。

「管理者権限が必要です。」通知が出た場合は【OK】をクリックしてください。

hostsファイルの書き換えは以上です。とても簡単ですね。実際にブラウザで確認してみてください。

Hosts File Managerの便利なところ

Hosts File Managerは、追加したものを簡単に適用・非適用に出来るのが最大のメリットかと思います。

その確認方法はリストの一番左にチェックボックスがあります。
チェックが入っていると適用、入っていないと非適用になります。

該当するホームページの情報の閲覧設定はここで確認が出来ます。

ここで注意して頂きたいのが、設定した場合は必ず【上書き保存】をしてください。
レコードの追加時もそうですが、編集後は【上書き保存】をしないと反映されませんのでご注意を。

まとめ

ホームぺージ制作会社でなければ、頻繁にhotstファイルを編集する事はないと思いますが、当社にホームページのリニューアルをご依頼頂いた際に、当社から「hostsファイル編集」を編集してください。という案内をすることがあった場合には、このような便利ツールを使用して頂ければと思います。

是非参考にしてみてください。

▼関連サービス

Web集客サポートと商品ページ制作代行ならエクセレント

The post hostsファイルをHosts File Managerという便利なソフトウェアを使用して管理する方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.