ホームページ運用

[Cocoon] サイトのキーカラーを変更した とりあえずのメモ

[Cocoon] サイトのキーカラーを変更した

濃いめのキーカラーの候補を出して、それに合う補助の色を組合せてみました。サイトの配色を試行錯誤元の配色です。臙脂色を基調した配色。焦げ茶色をメインにした配色。それをさらに濃くした配色です。「ユーザー補助」「ユーザー補助」の面で、十分なカラーコントラストになるように調整しました。パッと見でも、文字が読みやすくなったと思います。CSSでのカスタムカラー追加CSSの中でサイトのキーカラーは 直接 値を指定するより、var(--wp--preset--color--key-color...
フォームの要素にラベルが関連付けられていません(input#focus_retriever, iframeTracker)[PSI] とりあえずのメモ

フォームの要素にラベルが関連付けられていません(input#focus_retriever, iframeTracker)[PSI]

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」として、「input#focus_retriever」が問題になっていました。js-iframe-trackerを無効したら解決しました。iframeTrackerは、リンククリックを計測するためのjQueryプラグインです。フォームの要素にラベルが関連付けられていませんPSIで「input#focus_retriever」にラベルがない、と表示される。フォームの要素にラベルが関連付けられ...
試しに YouTubeチャンネルにメンバーシップを設定してみた アカウント

試しに YouTubeチャンネルにメンバーシップを設定してみた

YouTubeチャンネルの登録者が 1000人を超えたところで、「収益化」ができるようになりました。その一つに「メンバーシップ」がありました。価格と内容を決めて申請すると、審査が完了するとできるようになります。試しに、月490円でコメントの優先返信、というほとんど特典の薄いプランを設定してみました。【メンバーに加入して応援する!】 @chiilabo 「ちいラボ友の会(¥490/月)」は、 ちいラボのスポンサーとして 活動を応援するメンバーシップです。 特典は、コメントへの優...
[CSS] AdSense広告のCLSを改善した とりあえずのメモ

[CSS] AdSense広告のCLSを改善した

AdSense広告の読込み途中で画面ズレが生じるので、あらかじめ高さを設定するようにしました。/** 広告のCLS 改善 * */.ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:280px;}@media screen and (max-width: 480px){ .ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:calc(83vw); }}このCSSコードでは、ウェブサイト上...
[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した(calc, vw) とりあえずのメモ

[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した(calc, vw)

PageSpeed Insightsで計測したときに、CLS(Cumulative Layout Shift)が「0.33(不良)」になるのが気になっていました。主な原因は、トップページで表示しているカルーセルです。CSSの calc() を使って、画面の幅からカルーセルの高さを計算することで、CLSを 0 に改善できました。カルーセルがCLSに悪影響しているCLS(画面ズレ)が起こるのは、トップページにある「カルーセル」が原因です。確かに、サイトの表示を見てみると、一度 広...
とりあえずのメモ

[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」(片方だけでは暗黙)

PageSpeed Insights(PSI)の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。ヘッダーロゴのサイズヘッダーロゴのサイズは、Cocoon設定の「ヘッダー」で修正しました。「...
【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress] とりあえずのメモ

【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]

PageSpeed Insightsで「レンダリングを妨げるリソースの除外」を見てみると、jqueryに関する2つのスクリプトが目につきました。(Google CDN)jquery.min.js?ver=3.6.1(Cloudflare CDN)jquery-migrate.min.js?ver=3.0.1これを除外できないか試みてみました。jQueryスクリプトを入れ替えjQueryのスクリプトを入れ替えてみます。(参考)jQuery CDNfunction refresh...
とりあえずのメモ

スクリプトとスタイルの遅延読込みのしかた[PSI](WordPress)

CSSは、とりあえずCocoonの「CSS縮小化」で除外できました。jqueryは、wp_enqueue_script でフッター読込みに変更しました。レンダリングを妨げるリソース久々に PageSpeed Insights(PSI)のスコアを見て、サイト設定をメンテナンスしています。「レンダリングを妨げるスクリプト」がちょっと残っているのが気になりました。画像と同じようにスクリプト も 遅延読み込みすることができます。script deferJavaScriptはscrip...
[Cocoon]「pinit_main.js」を削除するには?(Pinterest) SNS

[Cocoon]「pinit_main.js」を削除するには?(Pinterest)

Lighthouse Treemapで読み込まれている JavaScriptを見ていると、「」というコードが目に留まりました。これは、Pinterestでシェアするため画像選択処理を記述したスクリプトです。CocoonのSNSシェアの Pinterestが有効だと、フッターに「」の読込みが挿入されていました。 <?php //Pinterestシェアボタン用のスクリプト if (is_singular() && (is_top_pinterest_share_button_v...
とりあえずのメモ

[PHP] jetpack.cssを無効化する

Jetpackプラグインを有効にすると、CSSとJavaScriptが読み込まれます。/wp-content/plugins/jetpack/css/jetpack.css?ver=3.8.0これを無効にします。/** Jetpackを有効にした際に読み込まれるCSSを無効化*/add_filter( 'jetpack_implode_frontend_css', '__return_false' );こちらもどうぞ。
「カスタム検索(サイト内検索)」スクリプトを除外した(cse.google.com/cse.js) とりあえずのメモ

「カスタム検索(サイト内検索)」スクリプトを除外した(cse.google.com/cse.js)

カスタム検索のスクリプト(cse.google.com/cse.js)が重そうです。asyncによる遅延読込みを試しましたが、あまり効果がありませんでした。結局、カスタム検索ボックスをトップページに載せるのではなく、別ページに分けてリンクを設置することにしました。遅延読込みのdeferとasyncまずは、スクリプトの読込みを遅延させることを考えました。<div class="gcse-searchbox-only"></div><script defer src=""></s...
[PHP] 不要なCSS/JavaScriptを無効化する(wp_dequeue_style, wp_dequeue_script) とりあえずのメモ

[PHP] 不要なCSS/JavaScriptを無効化する(wp_dequeue_style, wp_dequeue_script)

トップページで読み込まれているスタイル・スクリプトの中から、不要なものを削減しました。項目変更前CSS/JS減パフォーマンス7071使用していないJavaScriptの削減0.40s0.60s使用していないVSSの削減0.35s0.45sスクリプトサイズ0.77MB0.69MB不要なスタイル・スクリプトを見つける前回は、不要なプラグインを無効化しました。今回は不要なスタイル・スクリプトを削除していきます。前回はこちら。スタイル・スクリプトを一覧するショートコードは、過去に作っ...
[WordPress] サイト高速化のために不要なプラグイン処理を減らした(Plugin Load Filter, Site Kit by Google) とりあえずのメモ

[WordPress] サイト高速化のために不要なプラグイン処理を減らした(Plugin Load Filter, Site Kit by Google)

ページ表示速度を改善するため、Plugin Load Filterプラグインでトップページの Site Kit などを無効化した。PageSpeed Insights のパフォーマンスが「54」から「70」に改善できた。(「使用していないJavaScriptの削減」が 2.4 s ➤ 0.4 s に)プラグインの取捨選択は、サイト高速化にとってもオススメだね。ページの読込みが遅い気がする【54】モバイル端末でのトップページの読込みがやや遅い気がします。(2023/07/02 ...
[Cocoon] AdSense配信停止を避けるためログイン時に広告コードをなしにした とりあえずのメモ

[Cocoon] AdSense配信停止を避けるためログイン時に広告コードをなしにした

管理者が広告を表示するだけでも「厳密にはアドセンス規約違反になる可能性がある」ようです。なので、念のため ログイン時に AdSenseコードを出力しないようにします。Cocoonテーマで表示している「広告コード」を管理者に表示しないフックを functions.php に追加しました。Google Adsense配信停止への対策Google Adsenseは、サイトに規約違反があると広告配信が制限されることがあります。第三者がわざと広告をクリックする(いわゆる「アドセンス狩り...
[WordPress] プラグインの更新をしたら「Briefly unavailable」 とりあえずのメモ

[WordPress] プラグインの更新をしたら「Briefly unavailable」

WordPressのプラグイン更新を実行したら、進捗状況の画面ではなく「一時的に利用できない」というエラーが表示されました。そのまま 1分ほどしてサイトを表示し直してみたら、問題なく表示できました。プラグインの更新もちゃんと1つ進んでいました。グレーの画面に焦ったけど、プラグインの更新に時間がかかっただけだね。プラグインの更新をしたらエラー画面WordPressのプラグインの更新を開始したら、 エラー画面が表示されました。Briefly unavailable for sch...
[WordPress] 遅延読込みのせいで印刷時に画像が消えていた(loading=”lazy”, decoding=”async”) とりあえずのメモ

[WordPress] 遅延読込みのせいで印刷時に画像が消えていた(loading=”lazy”, decoding=”async”)

ブログを冊子印刷にして配布しているのですが、一部の画像が印刷されていないことがあります。画像の遅延読込み で失敗しているようです。WordPress によって自動的に付加される「loading=”lazy”」「decoding=”async”」を消すよう、functions.php を編集しました。add_filter( 'wp_lazy_loading_enabled', '__return_false' );add_filter('wp_img_tag_add_decod...
[Cocoon] AMPとPWAをオフにした とりあえずのメモ

[Cocoon] AMPとPWAをオフにした

WordPressのテーマ、Cocoonのアップデートがあり、2.6.1になりました。興味深いのが、AMP・PWAが非推奨になったことです。Cocoon設定のAMPとPWA機能を非推奨化しました。AMP機能を有効化する(非推奨)PWAを有効化する(非推奨)これらは昨今のウェブ情勢を鑑みたところAMP・PWAを設定するメリットよりデメリットの方が上回ると考えられるからです。現時点で機能自体は利用できますが、後々に完全に廃止しようと思います。Cocoon 2.6.1公開。段落ブロ...
[WordPress] Cookie通知を表示させるようにする【Cookie Notice & Compliance for GDPR / CCPA プラグイン】 とりあえずのメモ

[WordPress] Cookie通知を表示させるようにする【Cookie Notice & Compliance for GDPR / CCPA プラグイン】

サイト内の広告コードなどは、Cookieを利用して閲覧情報を収集しています。法律上、閲覧者に Cookieを利用していることを通知する必要があるようです。WordPressでは、プラグインによって Cookie通知を表示できます。今回は、「Cookie Notice & Compliance for GDPR / CCPA」を利用しました。プラグインをインストールして、プライバシーポリシーへのリンクをつければ完了です。表示メッセージは、ほかのメディアサイトを参考に簡潔なものを...
[JavaScript] showOpenFilePickerがエラーになる(Uncaught (in promise) DOMException) とりあえずのメモ

[JavaScript] showOpenFilePickerがエラーになる(Uncaught (in promise) DOMException)

ファイル読み取りのため、以下のコードをそのまま実行したら動きませんでした。 const pickerOpts = { types: [{ description: 'Texts(.txt)', accept: {'text/*': ['.txt']} }], multiple: false, } let fileHandle; [fileHandle] = await window.showOpenFilePicker(pickerOpts); const file = aw...
[phina.js] JavaScript でユーザー端末のファイル入出力をするには とりあえずのメモ

[phina.js] JavaScript でユーザー端末のファイル入出力をするには

JavaScriptでは、ウェブ上のデータと違ってユーザー端末内のファイルには、直接アクセスできない仕組みになっています。これは、自分で作ったプログラムを検証する場合でもそうです。そのため、ローカル環境のファイルにアクセスするには、自前のウェブサーバでアクセス可能にするか、ブラウザから読み込み・保存する必要があります。今回は、ブラウザからのファイル入出力を見てみます。Blobオブジェクトのダウンロード文字列をテキストファイルとして保存するなら、仮想的なリンクを作って、リンクの...
[Mac] PC内で検証用ウェブサーバを動かす【php -S】 Mac

[Mac] PC内で検証用ウェブサーバを動かす【php -S】

phina.js のプログラムをローカルで検証するために、ウェブサーバを立ち上げることにしました。ブラウザでHTMLファイルを開いてもサイトと違うただのファイルとして html を開いた場合(たとえば「file:///Users/user/html/index.html」など)、JavaScriptから相対アドレスでほかのローカルファイルを読み込んだりはできません。JavaScriptのセキュリティ上の制限で、ローカルファイルにはアクセスできないからです。そのため、サイトデー...
[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい とりあえずのメモ

[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい

文章校正プラグイン「Japanese Proofreading Preview」を試してみました。(参考)Japanese Proofreading Preview – WordPress plugin | WordPress.orgこのプラグインは、Yahoo!の「校正支援API」をWordPressエディタから呼び出せるようにするものです。設定のため、Yahooの登録でAPIを利用できるようにしました。アプリケーションの管理:Yahoo!デベロッパーネットワークしかし、設...
[PHP] タグ一覧に件数を追加する(Cocoon) とりあえずのメモ

[PHP] タグ一覧に件数を追加する(Cocoon)

ショートコードで表示している、ブログの記事のタグ一覧に、「件数」を追加しました。「タグリンク」をタップしても表示される記事が少ないと、別のタグを探し直さないといけないからです。前回はこちら。「クリック率向上のために!WordPressで「タグ一覧」に「記事数」を追加する方法」のコードを元に、ショートコード用関数にするために echo の部分を return にして、文字列を返すようにします。// the_tags_with_count() の末尾echo $before . ...
[Chrome拡張機能]「文章校正と表記ゆれチェックツール」を入れてみた とりあえずのメモ

[Chrome拡張機能]「文章校正と表記ゆれチェックツール」を入れてみた

ブログで文章を書いていると、微妙な「表記ゆれ」で迷うことがあります。例えば、「サーバー」か「サーバ」か、などです。どちらが「正解」とかではないですが、文章名入れではなるべく同じルールで表記できると読みやすいです。「自分のルール」として明確になっていない点もあるので、ツールで確認する方法を検討してみました。表示しているページを校正できるブラウザ拡張機能、WordPressプラグイン、有料の校正サービスなどを見比べてみて、まずは取り入れやすい「文章校正と表記ゆれチェックツール」と...
[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】 とりあえずのメモ

[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】

ちいラボでは、なるべく「文字が見やすい大きさ」に設定しています。しかし、自分のスマートフォンで閲覧すると、一行の文字数が少ないために、改行が多すぎる気もしています。そこで、文字の大きさをそのままに、「文字詰め」を狭めてみることにしました。letter-spacing全体的な字間をそのまま減らすには、letter-spacing に負の値を設定します(規定は0)。letter-spacing: -0.05em;font-feature-settings に "palt" を設定...
[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】 プログラミング

[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】

Google Search Console で「解析不能な構造化データの問題」というエラーが表示されました。これは 記事タイトルの中に、エスケープ文字であるバックスラッシュ(0x5C「\」)が入っていたからです。別の文字コードのバックスラッシュ(U+FE68:﹨)に変更したらエラーは消えました。Google Search Console での2つのエラーGoogle Search Consoleの通知で、エラーが表示されました。「解析不能な構造化データの問題」と「AMPの問題...
[CSS] 幅とパディングの関係【box-sizing】 とりあえずのメモ

[CSS] 幅とパディングの関係【box-sizing】

HTML要素の幅を固定して、パディングを内側に取りたいときには、「box-sizing」プロパティでborder-boxに指定します。固定ヘッダーとサイドバーが重なって幅が取れないウェブページに固定ヘッダーを作ろうと思いました。位置を position: fixで固定します。ところが、画面サイズによって幅の変わる左サイドバーがあったので、幅がうまくいきません。サイドバーの幅の分だけ右にずらす(leftやpadding-left)と、ヘッダーバー全体が画面から右にはみ出てしまい...
[Cocoon] ソースコードハイライトが反映されない?【CSSセレクタ】 とりあえずのメモ

[Cocoon] ソースコードハイライトが反映されない?【CSSセレクタ】

なぜか、Cocoonのテーマ設定のソースコードが反映されませんでした。CSSセレクタを設定し直したら、うまく動きました。highlight.jsが動作しないCocoonテーマには、ソースコード ハイライト機能があります。これは、highlight.jsを利用しています。しかし、Cocoon設定では、ちゃんとハイライト表示にチェックがつけたのですが、記事内のソースコードがそのままでした。これまで うまくコードハイライトが表示されない原因は、「スクリプトの遅延処理などのほかのプラ...
[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した とりあえずのメモ

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

どんな記事が安定して読まれているのか把握するために、平均PVを調べたいと思いました。前回作った月別ページビュー集計の自作プラグインに追加します。前回はこちら。管理ページにサブメニューを追加する(add_submenu_page)最終的に出来上がったのがこちら。ブログの勢いを将棋の駒でランク付けしています。書いた記事が、駒得で変換されるのでモチベーションが上がります。野球が好きなら、ヒットやホームランでもいいんだろうね。まずは、メニューに項目を追加します。WordPressプラ...
[iPhone]「接続はプライベートではありません」は危険なの?(維持されていないサイトの場合) iPhone

[iPhone]「接続はプライベートではありません」は危険なの?(維持されていないサイトの場合)

ブラウザの警告が表示されてすぐに戻れば、危険はありません。また、この警告は偽サイトだけでなく、「老朽化」したサイトでもしばしば表示されます。
[WordPress] サイトのデータベースが接続できなかったけど修正できた(MySQLデータベースの確認) #PR含む

[WordPress] サイトのデータベースが接続できなかったけど修正できた(MySQLデータベースの確認)

WordPressの記事投稿中にインターネット接続が不安定になったのか、WordPressサイトがエラーになってしまいました。サーバ管理画面で「MySQLデータベース」をチェックしたら、復旧することができました。エラーから原因を考える「Error establishing a database connection」と表示されているので、データベース接続に問題があるようです。Error establishing a database connectionThis either...
[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】 とりあえずのメモ

[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】

脚注のプラグインを入れました。定番の「Easy Footnotes」です。脚注のメリットは、根拠を添えておけることだよね。Easy Footnotesのショートコード(efn_note)「Easy Footnotes」は、プラグインの追加で検索するとインストールできます。段落ブロック内にショートコードを挿入すると、脚注になります。[efn_note]ここに文章を入れる[/efn_note]マウスポイントでツールチップが表示されるのと、記事末尾に注記が並びます。スマホだと、脚注...
サイトリニューアルで「リンク切れ」(IPAの事例) とりあえずのメモ

サイトリニューアルで「リンク切れ」(IPAの事例)

HTMLの強力な力の1つに、「リンク(ハイパーリンク)」があります。ほかの情報と結びつけることができることです。便利な反面、困るのが「リンク切れ」。場所ではなくウェブページそのものをID管理するアイデアはいくつかありますが、今のところ普及していません。サイトリニューアルとリンク切れ現在のウェブページでは、他のウェブページへのリンクに、「URL」を使っています。いわば ページの「住所」ですね。しかし、URLの仕組みには「根源的な問題」があります。それが「リンク切れ」。長く続いて...
[CSS] 印刷用のラベルボックスの枠線の色を渋めにした とりあえずのメモ

[CSS] 印刷用のラベルボックスの枠線の色を渋めにした

ラベルボックスなどは、ディスプレイ上では薄い背景色で表示しています。しかし、そのまま印刷するとインクがにじみやすいので、枠線のみにしています。Cocoonのテーマ色をもとに、グレー、青、緑、黄、赤 に対応する、渋めの色リストを作りました。灰青緑黄赤鮮やか9494952BAAE23DB471FED900E60033薄い色F7F9F9F3FBFFEAF9F4FFF7CBFEF2F2濃い色CCDADAA3C6DAADD8CACDCC9AD8B0AC今までは、彩度の大きめの色だったの...
WordPress 6.2にしたら画像の「キャプション」がなくなった?【キャプションを追加】 とりあえずのメモ

WordPress 6.2にしたら画像の「キャプション」がなくなった?【キャプションを追加】

WordPress 6.2 にしたら、写真の下のキャプションの欄がなくなっているよ💦画像ブロックを選択すると、操作メニューに「キャプションを追加」ボタンがあります。画像の説明文は、必要なときに「追加」するようになりました。キャプションがない?WordPressでは、画像の下に説明文を入力できます。「キャプション」です。ところが、WordPress 6.2に更新したら、見つかりません。「キャプションを追加」ボタン実は、画像ブロックを選択すると画面上に「キャプションを追加」のボタ...
WordPress 6.2に更新したら「アウトライン」がなくなった?【リスト表示】 とりあえずのメモ

WordPress 6.2に更新したら「アウトライン」がなくなった?【リスト表示】

あれ?WordPress 6.2にアップデートしたら、「見出し一覧」がなくなっているよ。記事の構成を推敲するときに、見出し一覧をみる「アウトライン」が重宝します。WordPress 6.2 では、編集画面の「リスト表示」と一体化したボタンになりました。いったん「リスト表示」にしてから、タブから「アウトライン」に切り替えます。アウトラインを表示したまま編集できるようにもなっています。WordPress 6.1までは、画面左上に「( i )(詳細)」のボタンがありました。ほかにも...
「FTP」から「FTPS」に移行するには? とりあえずのメモ

「FTP」から「FTPS」に移行するには?

自分のホームページを作っているのですが、最近 プロバイダから「FTP から FTPS に移行するから、設定を変更するように」という通知が届きました。どういう意味なのでしょうか?「FTP」と「FTPS」は、どちらもホームページのデータファイルを転送するときの方式のことです。「FTPS」では、FTPを拡張したもので セキュリティ保護がついています。これまでのFTPの通信では転送中のファイルは暗号化されていなかったのですが、FTPSではSSL/TLSによって暗号化して送るようになり...
[WordPress] テーマの更新があったので実行した とりあえずのメモ

[WordPress] テーマの更新があったので実行した

WordPressでは、更新情報が画面上や管理メニューの「更新」から確認できます。WordPress本体だけでなく、プラグインやテーマなども随時更新されているので、毎週のように何かしらの更新があります。更新するものを選択したら、「更新」ボタンを押すだけです。自動的に「メンテナンスモード」に以降し、完了すると戻ります。ちなみに、ごくまれに更新に失敗することがあります。私は一回経験しています。その場合、メンテナンスモードのままなので、サイトにアクセスなくなります。事前にバックアッ...
JimdoのAIビルダーとクリエイターの違い(オススメはクリエイター) #PR含む

JimdoのAIビルダーとクリエイターの違い(オススメはクリエイター)

Jimdo には、「クリエイター」と「AIビルダー」の2種類のエディタがあります。「クリエイター」の説明文をみると「コーディングができる人」「ホームページの専門家」などと書かれているので、一見 難しいように見えます。しかし、もともとの Jimdo は「クリエイター」エディタだけでした。これでも、ブログのようにじゅうぶん簡単に利用できます。AIビルダーは、勝手にいろいろデザインされるので、かえって細かい変更がわかりにくいです。選んだページは後から変更できないどちらか選んで作った...
無料ホームページの2つのやり方【HTMLサーバとCMS】 #PR含む

無料ホームページの2つのやり方【HTMLサーバとCMS】

ホームページを作ってみたいのですが、無料でできますか?無料ホームページ作成には、2つの種類があります。無料のレンタルサーバとCMSです。xfreeとJimdoを例に、それぞれの利点・注意点を確認してみましょう。HTMLサーバとCMSの違いxfreeと Jimdo は、どちらもウェブサイトを作成するための無料サービスです。しかし、ホームページの作り方に大きな違いがあります。▶ xfree は「レンタルサーバ」で、▶ Jimdo は「CMS(コンテンツ管理システム)」だからです。...