wordpress アーカイブ - nyanblog ~にゃんぶろぐ~

【WordPress】サイトにデモページを貼りたい！【作り方】

nyan2222 — Wed, 11 Aug 2021 23:32:33 +0000

プログラミング言語やWordPressやら、動きを確認するデモページを
別ページで表示させているサイトありますよね！

今回デモページを作成するにあたり、方法を調べたので大きく3つの手順でご紹介します♪

デモページの作成手順

１．デモページを作成

２．作成したフォルダごと「ドメイン」直下、もしくは「ドメイン/wordpress」直下にあげる

３．記事にリンクを張り付ける

デモページの用意
1. デモページのサンプル
サーバにファイルをアップする
1. デモを配置する親フォルダを作成
2. 親フォルダにデモファイル一式をアップロードする
デモページの表示
1. デモページのリンクの貼り方
2. デモページの確認
まとめ

デモページの用意

まずはデモページを準備します。

フォルダを用意し、その中にデモページのファイルを準備します。

demo1フォルダに
　js/script.js
　css/style.css
　index.html
を準備してみてください。

試しなのでindex.htmlだけでも大丈夫です。

分かりやすく、画像にしてみました！

デモページのサンプル

試しにやってみたいという方は
こちらのコードをコピーして使用してください。

index.html




    
    デモサンプル
    
    
    
    
    
    


    
        デモサンプルです。
        表示させてみましょう！

style.css

@charset "utf-8";
p {
    // テキストを中央配置
    text-align: center;
}

script.js

window.onload = function() {
    // コンソール画面に"hello world!!"を表示
    console.log("hello world!!")
}

サーバにファイルをアップする

今回サーバへのファイルアップロードにはffftpのソフトを使用しています。

アップロードができれば、どのソフトを使用してもOKですし、
サーバ会社の管理画面よりファイルをアップしても問題ありません！

デモを配置する親フォルダを作成

デモを配置する親フォルダをWordPressがインストールされているフォルダ直下に作成します。

画像で表示されているフォルダやファイルを参考に場所を見つけてください。

初期設定にもよりますが、ドメイン直下もしくはWordPressフォルダ直下にあることが多いです。

また、「wp-admin」「wp-content」「wp-includes」のフォルダや
「.htaccess」「index.php」のファイルがあるフォルダと考えると見つけやすいです。

今回は「demo」というフォルダを作成しています。

親フォルダにデモファイル一式をアップロードする

続いて、先ほど作成した「demo」フォルダに「demo1」フォルダ毎アップロードします。

「demo」フォルダに複数のデモが格納されるイメージです。

デモページの表示

先ほどアップロードしたデモページをさっそく確認してみましょう。

デモページのリンクの貼り方

htmlに実際にリンクを貼ってみましょう。

「リンク」をクリックし、URLを設定します。

URLは
https://[ドメイン]/[デモの親フォルダ]/[デモのフォルダ]/
のように設定してください。
※ 例：https://nyanblog2222.com/demo/demo1/

デモページの確認

こちらのページから先ほど設定したデモページを確認することができます。

デモページ

まとめ

いかがでしたでしょうか。

簡単に作ることができますが、
デモページのファイルをどこに置けばいいのか悩んだので今回は記事にしてみました。

一度親フォルダを作成しておけば
次からも同じように3つの手順でデモページを引き続き作成することができます。

デモページの作成手順

１．デモページを作成

２．作成したフォルダごと「ドメイン」直下、もしくは「ドメイン/wordpress」直下にあげる

３．記事にリンクを張り付ける

良かったら参考にしていただければ嬉しいです！

最後までご覧いただき、ありがとうございました♪

投稿【WordPress】サイトにデモページを貼りたい！【作り方】は nyanblog ~にゃんぶろぐ~ に最初に表示されました。

【体験談】２年半リトルサーバーを使ってみた【WordPress】

nyan2222 — Tue, 13 Jul 2021 12:27:11 +0000

今回は、リトルサーバー「リトルプラン」を２年半使用した体験談（現在も利用中）や、
他社との比較等を紹介します。

リトルサーバーとは
1. 優れているポイント
2. 価格・性能面から他サーバーとの比較
実際に使ってみた感想
1. 良いところ　格安なのに高性能！
2. 悪いところ　トラブルが稀にあり
  1. 発生したトラブル
  2. 物足りないところ
最後に

リトルサーバーとは

リトルサーバーは、驚異的な低価格と、平均以上の性能を備えた
コストパフォーマンスを徹底追及したレンタルサーバーです。

優れているポイント

公式のおすすめポイントより、
私がWordPressサイトを運営する上で良いと思うものを抜粋してみました！

高速化設定＋SSD採用＋http/2の軽快サーバー
WordPressが使え、最短ワンクリック「超簡単インストール」に対応
月額料金は150円～430円（公式おすすめプランは250円）
20日間の無料お試し期間あり
シンプルなコンパネで簡単に設定が可能
独自ドメインが無制限で設定可能
独自SSLが完全無料で利用可能
自動バックアップも標準搭載！
毎日自動でデータのバックアップを7世代まで取得、復元は無料

価格・性能面から他サーバーとの比較

公式に書かれている性能表から、
他の低価格レンタルサーバーと比べると以下の通りとなりました。

・比較するレンタルサーバー、プラン

レンタルサーバ	プラン
さくらのレンタルサーバ	スタンダード
ColorfulBox	BOX1
ロリポップ	スタンダード
コアサーバー	CORE-MINI
リトルサーバー	リトルプラン

・比較結果
金額面では、コアサーバ・リトルサーバー、
性能面では、ColorfulBox・リトルサーバーが優秀！

このことから、
リトルサーバーが格安サーバの中ではコスト・性能面の両方で最も優れていることが分かりますね♪
比較内容の詳細は以下を参照ください。

コスパ最高！WordPress可の低価格帯レンタルサーバ比較

今回はWordPress可の低価格帯レンタルサーバをご紹介します。レンタルサーバとは、その名の通りサーバを貸し出すサービスです。Webサイトをお店に例えると、土地は「レンタルサーバ」、お店作成ツールが「WordPress」、お店にたどり着くための住所が「ドメイン」といったところでしょうか。今回はWordP...

逆に他より劣っている点は、やはりマイナーで使用しているユーザーが少ないところでしょう。

本当に使って問題ないのかな……？

と気になる方も多いと思いますので、私が実際に２年半使ってみた感想を次から紹介します♪

実際に使ってみた感想

結論から言うと、安かろう悪かろうの部分はありますが、ほぼ問題なく使えています。
早くて安いので、ある程度リスクを許容できるのであれば、とてもコスパ良いです！

良いところ　格安なのに高性能！

金銭面

私は「リトルプラン」を年間契約していますが、
価格面はとても優秀で、3300円／年以上取られることはありません。
更新も自動更新にしていますが何不自由なく更新できました。
領収書もお願いしたらもらえます。
（連絡すると自動で受け取ることも可）

性能面

・WordPressインストールなど設定面
コントロールパネルから簡単にインストールや設定ができます。

・速度
閲覧していて全く違和感のない速度です。
本サイトは現在でもリトルサーバーを使用しているため、体感できるかと思います。

・容量等
全く気にしなくていい程度には大容量で、特に不自由はありません。

障害やメンテナンス、サポート体制について

２年間の間で障害は、すべてのサーバー（３つ）で合わせて６回起きており、
１時間程で収束しています。
対策していても障害は稀に起きることなので、支障がないレベルかと思います。

メンテナンスについては、
平日の深夜に実施されるため、あまり気になることはありません。

サポートについては、問い合わせフォーム起点でのメールサポートのみですが、
平日休日問わず、30分以内に返信が来ますのでストレスはありません。
回答は真摯で的確な印象です。

悪いところ　トラブルが稀にあり

とにかく格安で高性能なのですが、一部安かろう悪かろうの部分もあります。

発生したトラブル

格安なのである程度は仕方がないですが、この２年間で以下のような問題が生じました。

一応、問い合わせすることですべて解決できましたが、
気になる方は多いかもしれません。

・PHPのモジュール版を使うとサイトへのアクセスエラーが起きた
→問い合わせしたところ、速度に遜色のないFastCGIを勧められ、使用することになりました。

【Wordpress】「このサイトにアクセスできません　接続がリセットされました」

そのエラー、PHPの設定かもしれません！Wordpress管理画面やWebサイトにアクセスする際に「このサイトにアクセスできません　接続がリセットされました」というエラーが頻繁に発生する際の対処方法を紹介します♪

・Bingウェブマスターツールに登録できなかった
→問い合わせしたところ、いろいろと試してもらい、登録できるようになりました。
　担当者が言うには、偶然直ったためなぜ直ったのかわからないようでした。

・突然の障害に巻き込まれて、ブログが見れなくなった
　→問い合わせしたところ、すぐ直してもらえました。

物足りないところ

・サーバーが冗長化されていない
障害やメンテナンスがある際はサイトが使えなくなります。

最後に

以上、メリットやデメリット等紹介しましたが、
結論、稀にあるトラブルを許容できれば、コスト・性能面の両方で優れたサーバーです！

ちなみに個人でWordPressサイトを運営するなら、
WordPress高速化が使える「ワードプラン」と「リトルプラン」がおすすめです♪

投稿【体験談】２年半リトルサーバーを使ってみた【WordPress】は nyanblog ~にゃんぶろぐ~ に最初に表示されました。

【WordPress】「このサイトにアクセスできません　接続がリセットされました」

nyan2222 — Wed, 17 Jun 2020 09:00:00 +0000

こんにちは。レンタルサーバー仮登録時から先日まで、WordPress管理画面及びWebサイトにアクセスする際に
「このサイトにアクセスできません」
というエラーが頻繁に発生しており困っていましたが、対処方法がやっと分かりましたので紹介します。

レンタルサーバーは「リトルサーバー」で、使用ブラウザは「Google Chrome」です。もし同じ事象で困っている方がいらっしゃったら、試してみてください！

エラー内容
対処方法

エラー内容

仮登録時から現在に至るまで、Wordpress管理画面及びWebサイトにアクセスする際に以下の画像のように
「このサイトにアクセスできません　接続がリセットされました。」
というエラーが頻繁に発生していました。

常に上記のエラーが出るわけではありませんが、Webサイトにアクセスする際によく出て、
エラーが出てから時間を待つ・もしくは再読み込みすると正常に見れるような状態でした。

そこで色々と試してみたところ、
・パソコン・スマートフォンどちらからのアクセスでもエラーが出ている
・スマートフォンのWifiを切って、携帯回線でアクセスしてもエラーが出る
・Webサイトのドメイン宛に「ping nyanblog2222.com /t」で送信しても
　特にネットワークの途切れはなし
・他サイトを閲覧している際はエラーが発生しない
　→同じレンタルサーバーを使用しているWebサイトもエラーは発生しない

ということが分かり、パソコンやネットワークに依存するトラブルではないことが分かりました。

つまり問題の要因は、
サーバの設定、もしくはサイトが保存されているサーバ側の不具合？
ということで、レンタルサーバー側に上記旨の問い合わせをしました。

対処方法

レンタルサーバー側からの問い合わせ結果は以下です。

・PHPのモジュール版からPHPバージョンを7.3（CGI版）にする
モジュール動作は高速かつ多数同時アクセスには優れているが、現象『再読み込みすると正常に見れるようになる』際は、最新安定版のPHP7.3にすることでエラーを回避できる事がある。
リトルサーバー（使用しているレンタルサーバー）の場合、この設定でFastCGIが有効になるため現在より安定したWEBサイト表示が可能。
また、php7.2以上であればFastCGIもモジュール版と遜色ない高速性が保持される。

この返答があったため、PHPバージョンを7.3にしたところ、
なんと大幅に改善！　全くエラーは出なくなりました。

そこで、PHPのモジュール版とCGI版について調べてみたところ以下が分かりました。

・モジュール版
処理実行：データベース側
処理速度：高速
サーバのRootユーザーで実行するため、セキュリティ性・安定性に難あり

・CGI版
処理実行：クライアント側
処理速度：モジュール版に比べ遅いとされるが、
　　　　　高速処理可能なFastCGIを使えば、モジュール版と遜色なし
クライアント毎に別ユーザーで実行するため、セキュリティ性・安定性問題なし

以上から、あくまで想像ではありますが、
今回エラーが起きた要因は、１つのレンタルサーバーに対して使用するユーザが多かったためかもしれません。

ただこれが事実だとしても、以下の記事でも紹介していますが、
コストパフォーマンスが他社に比べ圧倒的に高いため、本サイトではレンタルサーバーはリトルサーバーが一番お勧めです。

今回のことにしてもFastCGIを使うことで、現状何の問題もなくサイトにサクセスが可能です。

コスパ最高！WordPress可の低価格帯レンタルサーバ比較

むしろ、問い合わせに対しても早急に的確な対応をしてくださいますので、非常に安心できる会社であることが分かりました。
（30分程で返信があり、とても迅速な対応でした。）
今後も使用していきたいレンタルサーバだと感じました。

投稿【WordPress】「このサイトにアクセスできません　接続がリセットされました」は nyanblog ~にゃんぶろぐ~ に最初に表示されました。

【Duplicate Post】記事複製プラグインの使い方【WordPress】

nyan2222 — Fri, 22 May 2020 09:00:00 +0000

こんにちは。ワンクリックで記事を新規複製ができる操作ができると便利だと思いませんか？
今回はそんなことができるプラグイン、Duplicate Postを紹介します。

プラグインのインストール
プラグインの使って記事を複製
プラグイン設定の変更
まとめ

プラグインのインストール

まずはプラグインをインストールしてみましょう。
ダッシュボードから、「プラグイン」→「新規追加」をクリックしましょう。

右上の「プラグインの検索…」に「Duplicate Post」を入力しましょう。

入力して少しすると、一覧が出力されるので、「Duplicate Post」の「今すぐインストール」をクリックします。

インストールが終わったら、「有効化」をクリックしましょう。

これで準備は終わりました。

プラグインの使って記事を複製

さっそくプラグインを使って記事を複製してみましょう。
ダッシュボードから「投稿」をクリックし、既存のページをマウスオーバーしてみましょう。
「複製」と「新規下書き」が新しく追加されていることが確認できます。

複製
投稿ページの記事を複製し、下書きの状態で保存されます。
新規下書き
同様に複製し下書きの状態で保存されますが、複製と異なるのは編集ページに移動することです。

「複製」をクリックしてみましょう。

このように、投稿一覧に記事が複製されています。

次に「新規下書き」をクリックしてみましょう。

編集ページに飛び、右上に「下書き保存」、「公開」が表示されており、下書き状態になっていることが分かります。
※ 公開状態の場合は「下書きに切り替え」、「更新」と表示されています。

プラグイン設定の変更

複製の内容について、設定で変更することができます。
ダッシュボードの画面から、「設定」→「Duplicate Post」をクリックします。

設定画面の中には3つのタブで設定することができます。
それぞれ箇条書きで説明していきますので、必要があれば設定を変更してください。

複製元タブ

複製する投稿/ページの要素
複製する時にコピーしたい内容にチェック
タイトルの接頭辞
複製した記事のタイトルの先頭に文字を設定
タイトルの接尾辞
複製した記事のタイトルの末尾に文字を設定
メニュー順を増加する数
複製しないカスタムフィールド
フィールドを複製しない場合、カンマで区切って設定
複製しないタクソノミー
タクソノミーを複製しない場合、チェック

権限タブ

複製可能な権限
複製作業ができるユーザの権限をチェック
これらの投稿タイプに対して有効化
複製できるページの種類をチェック

表示タブ

リンクを表示する場所
「複製」「新規下書き」を表示させる場所にチェック
複製元を表示
複製元を表示させる場合、表示させたい場所にチェック
更新通知を表示する
更新通知を届ける場合チェック

まとめ

今回はWordPressのプラグインを使って、複製をワンクリックで楽に行えるようになりました。
とても使いやすいので、ぜひインストールして試してみてください。

また、インストールですが、ダウンロードからも行うことができます。
その場合はこちらのサイト「WordPress.ORG Duplicate Post」からインストールをしてみてください。

投稿【Duplicate Post】記事複製プラグインの使い方【WordPress】は nyanblog ~にゃんぶろぐ~ に最初に表示されました。