新規記事の投稿を行うことで、非表示にすることが可能です。
2022年02月26日
Dreamweaverの基本設定とHTML公開まで
ホームページを構成する様々なデータ
ホームページを管理するためのフォルダ―を作る
Dreamweaverを起動して「サイト管理」を行う
トップページを作成し保存する
CSSを作成してリンクする
画像を用意する
HTMLを記述する
CSSを記述する
ホームページを構成する様々なデータ
ホームページは主に次のようなファイルによって構成されます。
- HTML
- CSS
- 画像
- その他(JavaScriptやPHP)
次のデータはテキストファイルです。いわゆるコーディングやプログラミングという作業によって制作します。制作・編集はテキストエディターと呼ばれるソフトエアを使います。今回はadbe社のDreamweaverを使ってホームページを制作していくための流れをお伝えいたします。
「HTMLとはHTMLタグを使って文章を構造化するマークアップ言語です」
「CSSはHTMLにデザインを施すためのテキストベースのデータです」
「JavaScriptは、ブラウザに表示される文字や画像に動きを設定したりアクセスしてきたユーザーの情報を取得するための言語です」
ホームページで扱う画像は写真・イラスト・アイコンですが、これらはグラフィックアプリケーションを使って編集したのち、「jpeg」「png」「gif」というファイルに変換してホームページ上にHTMLやCSSを使って乗じさせます。
「PHPはフォームやメール、ショッピングシステムなどのシステムを構築するための言語です」
ホームページを管理するためのフォルダ―を作る
ホームページを制作する方法は大きく分けて2つあります。
(1)自分のパソコン(ローカル)上で制作しレンタルサーバーに、ホームページのデータを転送し一般公開する。
(2)Web上のホームページ制作サービスを使って制作する
今回は(1)の方法について記載させていただきます
(1)の方法でホームページを制作する場合は自分のPCまたは外付けHDDなどのメディアにホームページを制作管理するためのフォルダーを1つ制作します。このフォルダーの中にホームぺージのトップページや下層ページ・CSS/JavaScript・画像等を保存し制作していきます。
フォルダーの置き場所(制作したデータの保存場所)はある程度自由で、例えば使用しているPCのデスクトップなど。
【注意点】
PhotoshopやIllustrator、XD、テイスト原稿などのいわゆる素材はこのフォルダーの中には保存せず別途フォルダーを作成し管理します
それでは具体的に1つフォルダーを作成してみたいと思います。
今回はデスクトップにフォルダーを作成してみます。
フォルダー名には、制作するwebサイトの名称などを設定します。
今回は「blod_test_site」とします。
Dreamweaverを起動して「サイト管理」を行う
次はホームページ制作専用アプリケーションである「Dreamweaver」を起動しサイトを制作するための基本設定をおこないます。
Dreamweaverを起動しました。(バージョンが古いですが・・)
次にサイトの管理設定を行います。
【サイトメニュー → サイト管理】を選択します。
サイト名に任意の設定名を入力します。
ローカルルートフォルダー(2)は横の赤枠のアイコンをクリックして管理フォルダーをみつけます。今回はデスクトップの「blod_test_site」です。
フォルダーの参照画面になります。目的のフォルダー「blod_test_site」をシングルクリックし「選択」をクリックします。
「blod_test_site」フォルダーを開いたら更に「選択」をクリックします。
※実はこの時に「blod_test_site」フォルダーの中身は見えませんが問題ありません。
設定画面に戻ったら「保存」をクリックします。
※状況によって警告アイコンが表示されるウィンドウが出ますが「OK」をクリックして進んでください。
Dreamweaverの起動画面にもどりました。右側の「ファイルパネル」を確認しましょう。空の状態ですが「blod_test_site」フォルダーが参照されています
トップページを作成し保存する
次は空のトップページを作成します。【ファイルメニュー → 新規】を選択します。
画面が切り替わります。【空白ページ(1) → HTML(2) → なし(3)】を選択します。
さらに(4)では「HTML5」を選択し「作成」(5)をクリックします。
基本的なHTMLが記述されている新規TMLファイルが表示されます。
できれば直ぐに保存しておきます。【ファイルメニュー(1) → 保存(2)】を選択します。
参照フォルダーが自動的に開きます。(1)
【ファイル名】(2)を入力します。
ファイル名は『index.html』とします。
※トップページのファイル名は基本的に『index.html』とします。(Web上のルール)
【保存】をクリックします。(3)
画面が切り替わり右横の【ファイルパネル】内に「index.html」が保存されたことを示すアイコンが表示されます。
ファイルを開く際は【ファイルパネル】のアイコンをダブルクリックしてください。
CSSを作成してリンクする
本来HTMLを記述してもよいのですが、いったんCSSを作成しHTMLに読み込んでみようと思います。
新規CSSファイルを作成しますので【ファイルメニュー → 新規】を選択します。
画面が切り替わります。【空白ページ → CSS】を選択します。
「作成」をクリックします。
新規のCSSファイルができました。
ちなみに@マークからはじまる1行目の記述はCSSの文字コードがutf8を参照していることを示しています。
いったん保存します。ここではショートカットで保存画面を表示してみましょう。
キーボードで【ctrl + S】と押します。すると保存画面が表示されます。
ここでCSSファイルを格納するための新規フォルダーを作成するために(1)をクリックします。
そのフォルダー名を『css』(2)に変更します。
名前の変更が完了したら、『css』フォルダーをダブルクリックして開きます。
画面が切り替わったらファイル名を『style.css』(1)に変更し【保存】(2)をクリックします。
画面が切り替わり右横の【ファイルパネル】内に「cssフォルダーの中にstyle.css」が保存されたことを示すアイコンが表示されます。
ファイルを開く際は【ファイルパネル】のアイコンをダブルクリックしてください。
CSSファイルはHTMLに読み込んで紐づけて使用します。方法はHTMLファイルにタグを使って読み込みます。
『index.html』を表示してください
</body>の上に空白行を作成し、そこに<linkタグを記述します。
下記のコードがCSSを読み込むHTMLです。<link >要素といいます。rel="stylesheet" 部分はHTMLとCSSファイルの関係性を示すもの。このまま定型で覚えてよいです。 href="css/style.css">部分は外部データであるCSSファイルを参照するコードです。ここではcssフォルダーの中にstyle.cssがありますのでcss/でフォルダーの中を参照しファイル名を指定します。
<link rel="stylesheet" href="css/style.css">
href="まで記述するとDreamweaverは「参照」機能が表示されます。クリックしてファイルを目視して探し参照できます。(コードを勝手に書いてくれます)
記述が完了しますと、まだ保存していないことを示す『 * 』マークがタブメニュー内のファイル名の右横に表示されます。確認してみましょう。
確認ができましたら【Ctrl + S】を押し上書き保存を行います。
さらにそのままの画面でキーボードの【F5キー】を1回押して画面を更新してみましょう。
するとファイル名が表示されているタブ(コード画面の左上付近)の下に『ソースコード』と『css』という画面の切り替えボタンが表示されます。このボタンはHTMLにリンクされている外部ファイルを同一画面上で切り替え表示することができます。
これで一先ず準備が整いました。この後は画像を用意します。
画像を用意する
ホームページの中で使用する画像はHTMLファイルと同じフォルダーの中に格納しタグを使って表示します。
今回は次のような構成で画像を準備しました。
rootフォルダー(親フォルダー)の中に「img」という名前のフォルダーを作成し画像を格納しています。
HTMLを記述する
Dreamweaverの画面に戻ります。
『index.html』のコードを表示し基本的なHTMLタグを記述します。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Web Site</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1>PhotoGallery</h1>
</header>
<div><img src="img/photo01.jpg" alt="わらびもち"></div>
<ul>
<li><img src="img/photo02.jpg" alt="桜餅と道明寺"></li>
<li><img src="img/photo03.jpg" alt="みたらし団子"></li>
<li><img src="img/photo04.jpg" alt="豆大福"></li>
</ul>
</body>
</html>
title要素にはホームページのタイトルを設定します。google検索にも影響するためよく検討の上入力します
header要素にはウェブページの大見出しを定義したりログインボタンやナビゲーションを設定するエリアと持っていただいてよいでしょう。
h1要素は企業名や企業ロゴなどタイトル要素と同等の語句を設定します。
div要素は特に意味のない要素ですがレイアウトを行うためタグをグループ化する際に利用します。
class名を付与することができます。これによりCSSを記述する際に他のタグに影響を与えずこのタグのみにデザインを施すことができます。
img要素は画像を表示する際に利用します。src属性で画像の場所と画像名を指定します。 alt属性には画像の意味を記述します。
ul要素とli要素は箇条書きを作るタグです。初期設定では先頭に黒丸が発生します。(後でCSSを使ってこの黒丸は消すことができます。)
タグを記述したら「Ctrl + S」キーを押して上書き保存します。
結果を確認しますのでデスクトップの『blog_test_site』フォルダーを開き『index.html』をダブルクリックし『googleCerome』で開きます。
下記が表示結果です。
この後はCSSを記述して文字や画像のサイズ、背景カラーを変えてみたいと思います。
CSSを記述する
CSSを記述するためにDreamweaverでstyle.cssを表示します。
@charset "utf-8";
/* 以下のタグに対してマージン・パディング(余白)をなくす */
body,h1,ul,li{
margin:0;
padding:0;
}
/* 画像の幅を100%にし高さをautoとすることで縦横比が固定されます。 */
img{
width:100%;
height:auto;
}
/* background-imageは背景に画像を表示することできます。
*/
header{
background-image:url(../img/header-back.jpg);
padding:20px;
}
/* list-style-type:noneは黒丸を消します。display:flex;は子要素を横に並べることができます。
ul{
list-style-type:none;
display:flex;
}
「ホームページデータってどうやって公開するの? レンタルサーバーとFTPソフトの解説! windows」をご参照ください
2022年01月14日
ホームページデータってどうやって公開するの? レンタルサーバーとFTPソフトの解説! windows
ホームぺージを公開する流れ
皆様こんにちは。
今回のテーマは「ホームページはいったいどのように一般公開するのか?」という疑問についてお答えしたいと思います。
その前にホームページはどのような仕組みで構成され一般にお披露目されるのかを説明しますね。
ホームページはいったいどのように作るのかというと、基本的に大きく分けて2つあります。
1つはHTMLと呼ばれる言語を使い所定のルールにのっとってホームページを構成する要素(見出し・文章・リンク・画像など)をテキストエディターを使ってマークアップ(プログラミングのようなもの)作成していきます。
半角英数字を使って下記のようにプログラムのようなものを書いて見出しや文章、画像の表示、リンクの設定などを書いていきます。
<h1>ようこそ私のホームページへ</h1>
上はh1要素といって大見出しを表します。<h1> </h1>の部分がタグと呼ばれるものです。
「ようこそ私のホームページへ」という文字が大見出しとして定義したことになります。
ホームページはHTMLにプラスして、様々なデータを必要とします。
例えば画像の位置や文字サイズ、背景カラーなどデザインを定義していくにはCSSと呼ばれるデータを記述します。また写真のスライドショーなど動きをつくりだすにはJavascriptという言語を使ってプログラミングする必要があります。当然写真やイラストデータ(JPEG、GIF AVGなど)も紐づいています。
このようにホームページはHTML以外にたくさんのデータの寄せ集めで成り立っているのです。
完成したHTMLページはgoogleCeromeなどのウェブブラウザを使って開きますと、どのように表示されるかを確認することができるのです。
(HTMLの知識については割愛致します)
もう1つの制作方法は、アプリケーションを使って「動的」にホームぺージを制作します。
ブログやインスタのようにホームページを制作できるサービスサイトやWordpressと呼ばれるアプリケーションの管理画面上でホームページの文章や画像を挿入して作っていきます。
こちらの方法は初級レベルから上級レベルまで作り方は、作り手の技量によります。
基本的にはHTMLを記述しなくてもホームページができてしまうという便利なものと考えてよいでしょう。
さて、ホームぺージ制作の流れですが、制作側では次のような作業を行いホームページが一般公開されます。
(1)企画
(2)設計
(3)プレゼン
(4)制作
(5)テスト
(6)公開
(7)運用
この中で今回は(6)の公開で何が必要で何が行われて公開となるのかにスポットを当てて解説致します。
レンタルサーバーと契約する
レンタルサーバーはホームページのファイルを格納しておくサーバーコンピューターであり月額費用を支払ってデータを公開するための保管場所を借りるわけですね。
制作したホームページのファイルはFTPソフトを介してレンタルサーバーに転送してはじめて一般に公開される形となります。
転送する為にはFTPクライアントソフト(FTPソフトと略します)が必要であり、ネット上からダウンロードし自分のPCにインストールして利用します。
FTPソフトを入手しインストールする
FTPソフトはWindows版とMac番があります。
Windows版
FFFTP(無料)
FieZilla(無料)
Mac版
FieZilla(無料)
FTPソフトのインストール
ここではFFFTP(windows)のインストールをご紹介します。
(1)ダウンロードしたインストーラをダブルクリックしてインストールする
(2)FFFTPを起動する
起動するとこのような画面が表示されます。
手前の画面をよく見ると左側と右側に2分割されていますね。
このうち左側のウィンドウには自分のPCの参照先フォルダーの中身が一覧表示されます。
右画面は契約したレンタルサーバーの公開データ用フォルダーを参照し表示させることになります。(設定を行っていないと何も表示されません)
次のセクションでお伝えいたします。
データを公開する
データを公開するにはインストールしたFTPソフトにレンタルサーバーのFTP接続情報を設定します。
ここではレンタルサーバーのFTPの設定方法を記述します。
【サクラインターネット】
サクラインターネットのスタンダードプランにて
(1)さくらインターネットの管理画面ににログインする
(2)「サービスの契約状況を確認する」をクリック
(3)「契約中のサービス一覧」よりコントロールパネルを開く
(4)管理画面の「サーバー情報 → サーバー情報」をクリックする
(5)「サーバー情報」に記載されている「FTP設定情報」を表示する
(6)FTPソフトを起動してレンタルサーバーの設定を行います。
■「ホストの設定名」には任意の管理名を入れます。(基本なんでもOK)
■「ホスト名(アドレス)」には「ホスト名」を入れます。
■「ユーザー名」には「ホスト名」を入れます。
■「パスワード/パスフレーズ」には「ホスト名」を入れます。
■「ローカルの初期フォルダー」は公開するホームページのデータ
■「ホストの初期フォルダー」はレンタルサーバーの一般公開用データの転送先フォルダーを指定します。
設定が完了したら必要なデータを左の画面(ローカル側)から右の画面(サーバー側)に転送して一般公開が完了となります。
転送がスムーズにいく場合がほとんどですが、時にはデータ転送の途中でエラーが起きる場合もあります。そんな時は改めて再転送し手上げれば大丈夫です。
ホームページの表示テスト
転送が完了した後は実際にホームページにアクセスしてきちんと表示されるかm
、表示された後はページのリンク切れはないかを全て確認します。
何らかのミスやエラーがあった場合は速やかにエラーがあったページのデータだけをFTPで再転送して再テストを行います。
2021年03月30日
話題書紹介 僕が子供のころ、ほしかった親になる。幡野広志
ブログで話題になり出会いました。
以下印象に残った部分を要約致します。
優しい虐待
褒めることで自己肯定感
ヤな人から逃げる方法は、自分に自信を持つこと
嫌な人は徹底的に逃げろ
大切な相手は能力ではなく、その人の優しさで選ぶのがいい。
面白い人は自分がしっかりあって、人の目をきにしない
夢を叶う為にお金と仕事というツールがある
職業を夢にしてもあまり意味がない
お金と仕事というツールを得るために必要なのが学歴や職業でそれ以上の意味はない
夢とお金と仕事の関係
やりたいことがわからないというのならば、考えていないで試してごらん
何か和失ったときに残るのは家族しかない
幸せが何かは自分で決めていいと、息子に伝えておきたい
嫌な人がまた嫌な人をつくってしまう。
2021年03月14日
読書感想 ぼくたちが選べなかったことを、選びなおすために。 幡野広志様著
特に親子関係・家族・親戚・知人問題 尊厳・安楽大変興味深い本音の作品です。
安楽は大きく3つに分かれている
積極的安楽 医師が自らの手で薬を投与する オランダ・ベルギー
自 ほう助 医師から与えられた薬を患者自らが自分に投与する スイス
尊厳 延命措置を控えたり、やめる行為 日本
上記とは別にセデーション(鎮痛) 緩和ケア
日本の画期的な判例 安楽 に必要な4項目
@ 耐えがたい身体的な苦痛がある
A がさけられず、 期が迫っている
B 苦痛を緩和・除去するための方法を尽くし、代替手段がない
C 患者本人が安楽 を望む意思を明らかにしている
NASA
直径家族
拡大家族
あるカウンセラーの方によると、
不登校や引きこもり、自 行為などにはしる子供たちはそこ家族構成に曲型的
過保護で過干渉な母親と仕事中毒で家族に無関心な父親、聞きわけが良くて、てのかからないいい子
3点揃うとスパイラルに入る可能性がある
ぼくが子供の頃ほしかった親になる。 PHP研究所 2018年8月
2020年11月20日
一歳のお祝いに【一升米】が人気沸騰中です!
こんにちは。巣鴨元祖塩大福みずのです。
本日は、弊店で人気上昇中の商品をご紹介させていただきます。
赤ちゃんの一歳のお祝いの際に一升餅を背負わせるのが一般的ですが、最近は一升餅の代わりにお米【一升米】を背負わせる、お祝い方法が人気です。
もちろん伝統的な一升餅も根強い人気がございますが、お祝いの後お餅を切る手間がかかってしまいます。
そこで登場したのが【一升米】です。
お米でしたら、着る手間がなく、保存も出来ますので、食べたいときに食べれるのが人気の理由ではないでしょうか。
お客様の中には、お祝いの後お餅も食べたいというご要望もございますので、お餅とお米のハーフ&ハーフ商品もございます。
一歳のお祝いで、一升餅をご検討のご家族様!
巣鴨みずのにお任せください!
一升餅(約1.8kg)お祝いセット
一升米(約1.8kg)お祝いセット
一升餅(約900g)と一升米(約900g)ミックスお祝いセット
お祝いの際に赤ちゃんと楽しい思い出を作ることができる「選びとり」をはじめとするアイテムも複数ご用意いたしました。
また一升米 一升餅を背負う際に利用する風呂敷もセットに含まれております。
有料オプションと致しまして風呂敷の代わりに利用する【リュック型巾着】や【わらじ】が選択できるセットもございまして商品ラインナップの中からお選びいただけます。
みずのの一升餅・一升米お祝いセットで楽しく素敵なお誕生日になること間違いなしです!
ご購入を検討されているお客様、是非弊店が運営しております各ショップイングサイトにアクセスしてください。
なお一升餅 一升米のご検討の際にご不明な点がございましたらお気軽にお電話でご相談ください。
電話番号 03-3910-4652
何卒宜しくお願い申し上げます。
みずの オンラインショップ担当
2020年01月28日
Photoshopテク『手書きの筆文字を切り抜く アルファチャンネル』
今日は、Photoshopのちょいテクについて書きたいと思います。
お題は習字のような紙に描いた文字をデジタル化する方法です。
「スキャンして使えばいいんじゃないの?」というご意見もあると思いますが、スマホで筆文字を撮影したりスキャンしたデータってのは文字の周囲の白い部分(用紙の余白エリア)も残っているため、例えば写真の上に重ねたらそのまんまの四角いデータという無残な状態です。
目的は文字部分だけを取り出すことができれば、どんな状況でも使用できますよね。
すなわち必要な部分(文字だけ)だけを抽出することが出来れば目的達成という事ですね。
そこで登場するのがPhotoshopの『アルファチャンネル』『という機能です!
アルファチャンネルは何かを説明します。
難しいことは、書きません。
端的に言うと、『選択範囲を保存しておく機能』です!
文字の形状を選択範囲として保存できてしまうという事です。
Ilustratorの機能に「トレース機能」というものがあります。
これはスキャンデータのような、いわゆる「ビットマップデータ」をアウトライン化(ベクトル化)して形状を抽出する機能です。
優れた機能ではありますが欠点があります。
例えば筆文字や水彩筆で描いた文字というのは「滲み」がありますよね。
この微妙なグラデーションを表現することは出来ません。(妥協すればそれはそれで笑)
「写真(高精細)」という設定がありますが、にじみが省略され形状がオリジナルから離れてしまいます。
更に高精細アウトラインは、パスやアンカーポイントが膨大に生成されるため、重いし、動かないし(汗)
そこでPhotoshopのアルファチャンネルの出番です。
では実際に下記の筆文字を使って背景を透過し文字部分だけ抜く方法をお伝えいたします。
(1)筆文字をPhotoshopで開く
スキャンすると光り具合によって影が入ったりしますが、これは後で処理しますが、いまはこのまま。
とりあえず、『レイヤーパネル』と『チャンネルパネル』は、見える場所に出しておきましょう♪
(2)筆文字画像全体をコピーする
『Ctrl + A』を押してすべて選択します。
続けて『Ctrl + C』を押してコピーします。
(3)新規アルファチャンネルを作成する
『チャンネルパネル』を表示して『新規チャンネル』ボタンをクリックしましょう。
画面が真っ暗になります。
(4)アルファチャンネルに画像をペーストする
そこに、先ほどコピーしておいた筆文字画像をペースト『Ctrl + V』しましょう。
(5)筆文字のノイズを消去し明確な状態にする
アルファチャンネルにペーストした画像が上記のサンプルようにホワイトのエリアにノイズが入っていたり、文字部分のブラックエリアにもノイズが入っているような場合は、色調補正を使って奇麗に処理する必要があります。しっかり消しておかないと、文字の周囲にノイズの形状をした選択範囲が現れてしまいます。
今回のサンプルは割と明るめのグラデーションノイズだけなので『トーンカーブ』を使って消去できそうです。
まず、文字の上に選択範囲が出来てしまっている場合は、【Ctrl + D】で、いったん選択範囲を解除しておきましょう。
それでは、『トーンカーブ』を使います。
【イメージメニュー】→【色調補正】→【トーンカーブ】を選択します。
下記の図を参考に画像の変化を確認しながらトーンカーブを適用してみましょう。
(6)チャンネルパネルをRGBに戻ず
画面を通常の状態に戻します。
【重要】通常は『チャンネル』パネルの『RGB』チャンネルがアクティブ(選択されている状態)になっています。
ところがアルファチャンネルを作成した直後は、『RGB』チャンネルが非アクティブになっているため、レイヤー上の画像が表示されていません。(一般的な作業が出来ません。)そこで、通常の画面に戻すためには『RGB』チャンネルをクリックしアクティブにすることで、画面がレイヤーに切り替わります。
(7)画面を白く塗りつぶす
下地を塗ります。
『レイヤー』パネルの『べた塗り』をクリックしホワイト(#FFFFFF)で画面を白く塗りつぶします。
(8)文字の選択範囲を読み込む
作成したアルファチャンネルを選択範囲として画面に読み込みます。
『選択範囲』メニュー→『選択範囲を読み込む』を選択します。
『選択範囲を読み込む』ダイアログ画面が表示されたら『チャンネル』から『アルファチャンネル 1』を選択して『OK』をクリックします。
『反転』にチェックを入れて『ok』をクリックします。
(9)色を塗りつぶす
文字の選択範囲に任意のカラーで塗りつぶせば完成です。
塗りつぶしは『レイヤーパネル』の『べた塗り』がおすすめです。
下記の図を参考に塗りつぶしを実行してください。
2019年12月25日
本日、テレビ東京『よじこじ』【年末年始オススメ!そば食って餅スペシャル】にて巣鴨みずのが紹介されます。
年末のスペシャル番組として【年末年始オススメ!そば食って餅スペシャル】が放送されるそうです。
内容は
「ミシュランガイド掲載のそば名店に教わる本当に美味しい年越し蕎麦の作り方
▽巣鴨の人気和菓子店では日本各地のお餅が登場
▽湯島の老舗甘味処ではふわふわ雑煮を味わう! 」
------よじごじwebサイトより抜粋
中でも巣鴨地蔵通りにある元祖塩大福の店『みずの』にお笑いタレントの『あぶちゃん』こと『虻川美穂子さん』が取材に来てお店のご紹介をするそうです。(^^)/
2019年06月12日
WordPress 5.2.1 『サイトで技術的なエラーが発生しています』の対処法!さくらインターネット使用 原因はこれだった!
皆様こんにちは。
今日、会社のWordpress管理画面にアクセスしプラグインの更新をしましたところ 『サイトで技術的なエラーが発生しています』との警告が表示され、管理画面どころか、Webサイトも同様の表示になってしまいました。
ネットを調べてみると、管理者メールアドレスにリカバリーモード関連のメールが届く的なことしか情報がなく困ってしまいさくらインターネットのヘルプにお尋ねしましたところ、次の要領でプラグインを無効化してみてくださいとのこと。
早速試してみましたところ、解決いたしましたのでその流れを書きたいと思います。
Wordpressのプラグインをパーミッションの変更で無効化できるんですね〜!
※パーミッションとは簡単に言うとディレクトリやファイルに対するアクセスや操作の権限を与えるか与えないかの設定で、ファイルの所有者(管理者)、そのグループ、他人様という風に3つに大きく分けて、
それぞれの人たちに対して「読み=4」「書き=2」「実行=1」という権限を数字で表現し設定するものです。
ちなみにすべての人たちにすべての権限を与える場合は、777ということになります。(データによっては絶対に設定してはいけません)4+2+1=7という計算になります。
プラグインには755が設定されていますので、管理者以外の人たちは「書きこむ権限2」が割り当てられていません。すなわちデータの編集やら改ざんができないようになっています。
(1)コントロールパネルにアクセスします。
(2)左側項目の「運用に便利なツール」→「ファイルマネージャー」を開きます。
(3)「wp」→「wp-content」→「plugins」をクリックします。
そうするとファイルマネージャー画面の右側にpluginsフォルダーの一覧(インストールしたプラグイン)が表示されます。
(4)1つのプラグインがフォルダーに格納されておりインストールした日付が確認できます。
私の場合は本日エラーが起きたので本日の日付のフォルダーを確認しておきます。
(5)この後1つ1つ無効化しては、ブラウザの管理画面を「F5」キーを押して更新確認する作業を行うわけですが結論から申しますと悪さをしていたプラグインは『backupwordpress』でした!
『backupwordpress』フォルダーを右クリックしプロパティを表示します。
(6)アクセス権(パーミッション)を変更する画面が表示されますので権限の数値を755から000に変更し「OK」をクリックします。
(7)管理画面にアクセスしてみましょう。
いつものログイン画面が表示された場合は、不良プラグインが000の設定によってストップした(めでたく発見)という事です。
エラーのままであれば、そのプラグインは正常に働いていますので、(6)の工程で行った権限設定を755に戻しOKをクリックします。
今回は『backupwordpress』という結論に達しましたので、こちらを停止すればOKかと思います。
今後このような事が起き、怪しいプラグインを発見するには1つ1つ潰していってください。
(8)不良プラグインが停止しましたら、管理画面にログインしプラグインメニューから「BackUpWordPress」を見つけて「停止」しましょう。
停止したプラグインのメニューは「有効化」に代わるというのはWPの基本ですね。
(9)ちなみに停止したプラグインに対してファイルマネージャーを使ってアクセス権の設定を000にするとWordPressのプラグイン一覧から消えます。
復活させたい場合は755の権限に変更します。
ロリポップなどの他のレンタルサーバーを使っている方が同様の症状が現れるかどうかはわかりませんが、アクセス権の変更が可能なFTPソフトを使用して上記と同様の事が可能です。
すなわち さくらインターネットであっても、例えばFFFTPというアプリケーションを使えばパーミッションの変更が可能なので、ファイルマネージャーを使用しなくても上記の設定ができますので、お試しください。
ということで、本日は『サイトで技術的なエラーが発生しています』の対処法をお届けいたしました!
2019年05月17日
auユーザーお得情報 三太郎の日で得しませんか!
「三太郎の日」について
TVCMでも情報が定着してきたauユーザーのための「三太郎の日」キャンペーン。
auをご利用のお客さまに様々な特典を提供する「三太郎の日」が「2017年7月」より始まりました。
毎月3日・13日・23日の「3」のつく日を「三太郎の日」とし、お客さまに様々な特典を提供します。
当月の特典内容や特典対象条件については「三太郎の日(au HP)」にてご確認いただけます。
<ご参考>
特典対象のお客さまは毎月最大3回特典を受けることができます。
▼「三太郎の日(au HP)」はこちら
特典は様々で、たとえばau PAYでお買い物をするとau WALLETのポイントがもらえたり、auスマートパスプレミアム会員ならLOSONでLチキが貰えたりとお得な気分になれちゃいます。
それでは改めて5月の「三太郎の日」5/3 5/13 5/23のお得情報を見てみましょう。
【三太郎の日にauPAYでお支払いすると会うWALLETポイントが最大20%もらえる】
対象者
au PAYでの決済ご利用者、かつ、au STAR会員/auスマートパスプレミアム会員の方
詳しくは下記参照
au PAYに登録しよう!
食べログ特集掲載の対象店舗でauPAYでお支払いすると会うWALLETポイントが5%もらえる
au スマートパスプレミアム会員(有料)なら さらに20%もらえる!!
たまっているポイントをチェックできる
auスマートパス会員なら!ローソンでLチキ(旨塩/旨辛)1個もらえる LOSON
自分がauスマートパス会員かを調べるにはこちらへ
「三太郎の日」よくある質問はこちらをどうぞ
会員登録するとお得な特典いっぱい! ★au STAR(入会金・年会費無料)
まだまだありますが今日はこの辺までです♪
au会員の方・ご検討されている方・この機会にアプリをダウンロードしてお得なキャンペーンに参加してみてはいかがでしょうか!
2019年05月09日
Waumaのお得な買い方
今日は『Wowma!(ワウマ)』のお得な買い方について書かせていただきます。
新しくなったワウマはランク制度という制度に変わりました。
ランク会員制度とは、お買い物した回数やポイント数に応じて、最大5%のポイントが付与されるというもうのです。
ただしランク会員制度には上限があります。
最大獲得ポイントは3000ポイント(上限)となっていますので、ダイヤモンドランクとう一番上の階級ですと、買い物価格が10万円でカウンターストップということになるようです。
■会員ランクアップ条件
過去3ヶ月間のWowma!での購入により獲得した利用可能ポイントと購入回数に応じて4段階の会員ランクが決定します。
会員ランクはマイページで確認できます。
ランク | 条件 | ポイント獲得 | お買い物上限額 |
ダイヤモンド | 500ポイント以上獲得 かつ 5回以上購入 | 5% | 60000円 |
プラチナ | 200ポイント以上獲得 かつ 3回以上購入 | 3% | 100000円 |
シルバー | 50ポイント以上獲得 かつ 1回以上購入 | 2% | 150000円 |
レギュラー | ー | 1% | 300000円 |
例)5月のランク⇒2月、3月、4月中に獲得した利用可能ポイントと購入回数により決定します。
※以下は、会員ランクの決定条件に含まれません。
・未確定のポイント(仮ポイント)
・キャンペーンによる期間限定ポイント
・購入後のキャンセル
■WAUMAのキャンペーン
通販サイトWowma!(ワウマ)で使えるクーポンは、楽天同様に様々なものがります。
たとえばこれは,「Wouma還元祭」エントリーして3店舗で購入するとポイントが最大で25倍!付きます。
またスマートフォンによるアクセスが前提条件
Wowma!に新規登録した人限定。2,000円以上で使える1,000円クーポンも配布されています。
ほかにも」、まだまだ沢山のクーポンが配付されています。
このように「クーポンランキング」といったページも開設されており会員登録さえ済ませていればクーポンの取得はとっても簡単です。
期間限定のクーポンがほとんどなので、まずは会員登録を済ませてWoumaにアクセスしてみてはいかがでしょうか!