2019年10月03日

pomu.meの代わりになりそうなペライチを使ってみる・その2

前回・pomu.meの代わりになりそうなペライチを使ってみる・その1の続きです。

サービス終了するpomu.meで作っていたような、私がやっているブログやSNSをまとめたページ
一言でまとめるならリンク集を作るために、
似たようなページが作れるらしいペライチに登録してみたのが前回。

登録と触り方の説明(チュートリアル)までは終えたので、今回は続きから。
pomu.meで作ったページの代わりになるようなページを作っていきます。


続きはまた今度…なんて分割せずにこの記事1つで終わらせていますので
『なんかこのページ長いな…ペライチって難しいのかな』と思われるかもしれませんが
画像をいっぱい貼って、文章でも説明を入れているから長い記事になってるだけであり
実際に触ってみるとすっごく簡単です。

テンプレート選び→出てくる説明に軽く目を通す→編集
という流れでやっていきますので
もし読みたい項目が決まっている方は、下のショートカットを使って飛ばしていただければ。

編集作業を始めるところまで飛ぶ
メインの作業・パーツの配置を始めるところまで飛ぶ
SNSリンクとヘッダーの設定を始めるところまで飛ぶ


一番の理想は、
私が使っている格安スマホの回線でも重く感じにくいページを作ること。
wifi環境にいない時でも動作確認がしやすくしたいです。


ペライチの作成はPCで行っておりますので、
ところどころスクショが大きくなっております。
できる限り調整はしておりますが、スマホ版とはちょっと違うところがあるかもしれません。

表示が小さいだけなので、
拡大して見てみたくなったらクリックorタップで大きい画像を出せます。






*----------*


新しいページの作成は

ペライチその2.jpg

ログイン直後の画面で、右のほうにある
赤紫色のボタンから始めます。


最初は、編集していくもとになる基本のデザイン・テンプレート選び。

私が登録した時点では、
有料のもの・無料のもの合わせて57件ありました。

無料のテンプレートだけでも32種類あるのでかなり迷いましたが、

ある程度形ができているテンプレート・サービス紹介(シンプル)
どんな形にするか全て自分で決めて作っていく・ブランク
の2択まで絞り

ペライチその1.jpg

ブランクで作っていくのを選びました。


登録時に、有料プランが一定期間無料で使える特典が付いている方は
その期間内に作成するページ数に気を付けないといけません。

無料プランであるスタートプランで公開できるページの上限は1つなので
期間が切れたら、最終更新日が古いものから順に非公開になってしまいます…。

人を紹介したら、公開できるページ数が最大10ページまで増えるみたいなので
公開したいページ数を増やしたいけれど、有料プランを使うかどうかは迷っちゃう…という方は
試しにこの招待キャンペーンを使うといいかもですね。


有料プランは、ページ数を増やす以外にもできることがあって
独自ドメインを設定できるとか、有料プランでしか使えない機能もあり
ここで書いちゃうと、ただでさえ長い記事がさらに長くなっちゃうので
料金プランの案内・各プランでできることの一覧が載っているページをどうぞ。

『気に入ったテンプレートが有料のものだった…』
『使ってみたい機能が有料プラン限定だった……』
って方は、
金額がご自分の予算の範囲内であれば有料で利用してみるのがいいかと。



*----------*


少しずれた話を戻して…

私は無料テンプレートのブランクで作ることにしたので、ブランクを選択すると

ペライチその3.jpg

『このテンプレートにはバージョンアップした履歴がある』というような説明が出てきます。

しっかりと見たほうがいいのはこの次に出てくる画面なのですが
こちらの画面も、このテンプレートでできることの説明の1つではあるので
かるーく目を通すといいかと。

大事なのはこちらです。

ペライチその4.jpg

編集画面に移動してから表示されるこの画面は、
ペライチでできることの簡単な説明と、説明動画へのリンク。
文字や画像での説明より、実際に動かしてるところを見るほうが分かりやすい!って方は
動画を見てみるのがいいと思います。


*----------*


ここまでが長くなりましたが、ようやく編集作業を始めます。

編集画面に最初から出ているパーツ(末尾に載せるフッタ向けのものかな)に

ペライチその5.jpg

自分のメールアドレスが出ていたので、

ペライチその6.jpg

まずはここを修正しました。


ここから先の編集作業で大事なのが、こまめに保存すること。

ペライチその7.jpg

左側に出ているメニューの左上、
保存するの項目です。

これを押して、こまめに保存しておけば
間違えて画面消しちゃったり、急に他のことやらなきゃいけなくなっても

ペライチその8.jpg

保存したところから続けることができます。
うっかり消してしまった時に何も保存されてなかったので、
ここまでたどり着いたら一度保存したほうがいいです。


*----------*


ここからはメインの作業・パーツの配置です。

画面に出てる【+】マークを押して、ブロック追加をしようとすると

ペライチその9.jpg

できることがいっぱい出てきます。

こんなにあると、どれを選べばいいのか迷ってしまうので
私は先にこれをやることにしました。

ペライチその10.jpg

pomu.meで言うなら、リンクの下に文章を書き添えていた方が多かったと思いますが
あれにあたるパーツです。

上から順に作るのではなく、まずは自分にとって触りやすそうなパーツを先に置いて
自分の中にあるイメージを形にしていくことを優先しました。

ペライチその11.jpg

出てきたパーツをクリックorタップして

ペライチその12.jpg

チュートリアルでやった通り、文字を編集します。
文字入力以外に、色を変えたり大きさを変えたり
もっと難しいこともできますが
今はpomu.meの代わりのものを作ることからブレずにやっていくのでこのままです。

これで、

ペライチその13.jpg

シンプルだけど分かりやすい、リンク先の説明用パーツを作りました。
次はリンクを繋げるパーツを作ります。

*----------*


pomu.meでは楕円形のとこがリンクボタンになっていたので
似たような形をしているこちらを選びます。

ペライチその14.jpg

大きさが4つあり、全部並べると

ペライチその15.jpg

かなり違いがあるのが分かります。

私の中でのイメージに近いのは、4つのうち上から2番目の大きさだったので
【ラウンドボタン(大)】を選びました。

ペライチその16.jpg

編集は、画面に表示される【表示テキスト】【リンク先の設定】のみ。
まず形だけ作りたいので色は後回しにしていますが、まとめて編集しておきたい方はここで一緒にやると楽です。

ペライチその17.jpg

リンクボタン+リンクの説明ができました。

*----------*

あとはこれを、繋げたいリンクの数だけ繰り返します。
(SNS関連は専用ボタンを使うので無理にここでやらなくていいですよ)

リンクを先に並べるか、文字を全部入れてからか
上から順にやっていくかはそれぞれの自由。
やりやすいと思った順番でやるのがいいです。

これは私が自分で作ってたページに似せて作っているので
リンクボタン周辺の説明を入れない主義でやっていた方は、もちろん無しでもいいかと。


入れたいリンクと説明を入れ終わった状態がこちら。

ペライチその18.jpg

次は、後回しにしていたSNSリンクとヘッダーの設定です。
先ほどボタンの項目で見かけたものを使います。

ペライチその19.jpg

すでに、ここに見えている中に使っていないものがありますが

ペライチその20.jpg

配置後に簡単に消せるので大丈夫です。
消したいボタンの右上にある×を押したら消えました。

SNSのリンク向けのボタンデザインは複数あるので、

ペライチその21.jpg

自分の作りたいページのイメージに合うものを選べます。

アイコンを設定したら、このボタンから飛ばしたいSNSのURLを入力し

ペライチその22.jpg

リンクを設定し終えた状態がこちら。

ペライチその23.jpg

この辺まで来たら、まだ保存してない方はいったん保存したほうがいいです。


最後にヘッダー。
pomu.meで表示されていたのはヘッダー・アイコン・プロフィールでしたね。

ヘッダーにアイコンを被せるのは難しそうなので、
ヘッダー画像+アイコン・プロフィールを同じ列に表示させるパーツの2つで作ってみます。

使う項目はこちら。

ペライチその24.jpg

ヘッダー部分には画像/動画の【画像(横幅フルサイズ)】

ペライチその25.jpg

アイコン+プロフィールのところには文章+画像の【左画像】

ヘッダー部分は、画像を自分が使いたいものに入れ替える以外で特に触りませんが、
もう1つのパーツは

ペライチその26.jpg

この中から使わないものを、×を押して消していきます。

ペライチその27.jpg

さっぱりさせました。


最初に書いたとおり、パソコンから編集しておりますが
良い感じの画像はほとんどスマホに入っているので
とりあえず仮置きだけしておくことにしました。

編集を選んで【画像をアップロード】を選択。
だいたいのwebサイトでよくある方法と同じで、フォルダから画像を選びます。

ペライチその28.jpg

名古屋ふらんすで身内が買ってくれた、美味しいタルトです。
画像が大きいので【リサイズ】とやらを試してみます。
仮置きといえど、しばらくはこのままだから
その間にも格安スマホの回線でも不便に感じない軽さのページにしたいので。

ペライチその29.jpg

とりあえず半分の50%でいいかな…と
感覚でリサイズを指定し、画像を設定してみます。

ペライチその30.jpg

こうなりました。
ついでなので、同じやり方でヘッダー画像も変えてみましょう。

ペライチその31.jpg

こっちはかき氷にしました。
去年何件か食べたのですが、記録に残す余裕がなかったので書いていません…。
来年はまたどこか食べに行きたいものです。


画像は仮置きですが、一応は作り終えたので
最後に保存します。

これを忘れるとここまでのものが全て消えるので、絶対に保存しましょう。
いくら簡単にできるといえど、作ったものがなくなっちゃうのは悲しいですからね(´・ω・`)


*----------*


ざっとではありますが、やるべきことはやったので
このページを公開するための最後の手順に入ります。

左側のメニュー、今押したばかりの【保存する】の隣にある【公開する】を押します。

ペライチその32.jpg

いくつかの項目に関して、やり残しがないかどうか聞かれますので
『これはやっておきたい』と思ったことはやりましょう。

私は最初の項目【ページのタイトル・URL決め】だけやりました。

ペライチその33.jpg

URLの一番最後の文字列を自分で設定できるようなので、ランダムじゃなく分かりやすいものに。
タイトルは、リンク集として使うのでこうしました。


*----------*


…と、画像と文章で説明しながら書いたら
ページ内でジャンプさせる機能を付けたくらい、かなり長くなりましたが

ペライチその34.jpg

pomu.meで作っていたような
自分がやっている活動をまとめたリンク集ページができました!


できたページはこちら。
使っているうちに、画像や細かいところのデザインなどをカスタマイズしそうだから
この手順で作った時点のものを画像で貼りますね。

ペライチその35.jpg

まずはpomu.meの代わりを作るという目的は達成できたので
今はここまでで満足です。

実際のページを見たい方向けに、リンクも置いておきますね。

碧乃のーと@活動案内

前述のとおり、今後デザインを変えていく予定なので
時期によっては上の画像と同一のものでは無くなっている可能性があります。








*----------*


これを書きながらやっていたので時間がかかっていますが
書かずにやっていたら1時間程度で作れていたと思います。
どんなことができるか知っている状態でならもっと早いかな。

操作が思ってたより簡単だったから
今回みたく、やりたいことが明確なら迷わなさそうですし。
最短3分というのも、慣れたらそのくらいでできそうだなと思えました♪

私のようにpomu.meの代わりを探している方や、似たようなページが作れるサービスを使ってみたい方は
お手軽にページ作成ができるペライチを使ってみてはいかがでしょうか?






またなにかやってみた時はこちらに書きますね。
画像の差し替えをスマホでやるのは早めにやりたいです…。

posted by 碧乃 at 21:47| Comment(0) | ブログ関連 | このブログの読者になる | 更新情報をチェックする

2019年09月30日

pomu.meの代わりになりそうなペライチを使ってみる・その1

更新頻度が落ちているこちらのブログですが、
普段はwordpressで作ってみたブログを更新しております。

サーバーのことでうっかりした日もありましたが
今月の更新は忘れることなく終えました。

シャンプーやお菓子(特にプレみや)のことはあちらで書いていますので
見ていただけるととても嬉しいです↓

碧乃のーと@wordpress


今回は、サービスが終了になるpomu.meの代わりになりそうなサービスだとよく見かける
ペライチを使ってみようとして登録してみた話です。

もちろん登録だけじゃなくこれから使っていくのですが、
登録のこと書いてたら予想してたより長くなってしまったので…
ペライチに登録したあと、ページを作ってみた話は次の更新で書きますね。

(19/12/17追記・ページを作った話と画像をスマホから変えた話を書きました。
pomu.meの代わりになりそうなペライチを使ってみる・その2
pomu.meの代わりになりそうなペライチを使ってみる・その3 画像を変えてみる)


*-------------*


なんでこんな話を書くかというと

wordpressで作ってみたブログ・碧乃のーと@wordpressや、
twitter(@hekino_f)
instagram(@hekino_f)

など、
私がやっているものはpomu.meというサービスを使って
1つのページにまとめておりましたが

そのpomu.meがサービス終了してしまうそうで…。

以前のように、wordpress側の案内を載せて
wordpress側寄りに変更した中身も、私がやっていること全体の案内に戻そうかと思っていたら

pomu.meと似たような使い方をできる
『ペライチ』というサービスがあるらしく。

のんびりしているうちにpomu.meがサービス終了してしまいそうなので…
向こうのブログで今月のシャンプーのことを書き終えた今
ペライチを使って、pomu.meのような案内ページを作ってみることにしました。


サービス終了後だと見れなくなってしまうから、スクショを載せておきますね。
pomu.meで作っていたページはこんな感じでした。

pomume→ペライチその1.jpg

『どんなことができるのか』を知るうちに、これとは違うレイアウトになっていくでしょうが
何ができるのか分からない今はこれを目指します。


*-------------*


まずは登録から。





ペライチの公式サイトを開くと、

pomume→ペライチその2.jpg

画面右側のほとんどを占めているほどの
すごく分かりやすい位置に登録フォームがあります。

pomume→ペライチその3.jpg

ここに
メールアドレスとパスワード(自分が設定したいもの。英語と数字を混ぜて8文字以上)を入力するか
下のボタンから、持っているfacebookかgoogleのアカウントと連携させます。

私はメールアドレスでの登録を選びました。
フォームに入力して黄色のボタンを押すと、処理中と表示されて

pomume→ペライチその4.jpg


1分も経たずに登録完了しました!
もうちょっと何か入力しなきゃいけないのかなと想像していたので、
メールアドレスだけで簡単に登録できて驚きました。


*-------------*


ペライチには、ページの作り方を簡単に説明してくれる
チュートリアルのようなものがあるみたいで

pomume→ペライチその5.jpg

最初のページは説明に沿って作ることができるようです。

チュートリアルで練習として作成したページは、あくまでも練習で
即時公開されるものではないとのことなので
触り方を覚えるためにも、教えられるがままに触ってみます。


チュートリアルで教えてくれるのは、

◆テンプレートの選択
◆文字入力
◆背景設定
◆画像の編集
◆ブロックの追加
◆ブロックの削除
◆ボタンの編集
◆地図の編集


の8つです。

この時、ペライチの推奨ブラウザがgoogle chromeであることも教えてくれます。

pomume→ペライチその6.jpg

推奨ブラウザではないedgeを使っていたら、途中でページが動かなくなってしまい…
chromeからログインし直したら

pomume→ペライチその7.jpg

料金プランの確認のあと
最初からやり直しになりましたが、チュートリアルを受けることができました。

ブラウザの切り替えだけではなく、いったんログアウトした場合は
同じように扱われるかと。


それぞれの内容は、私がここで書くよりも
実際に触ったほうがはるかに分かりやすいと思うので省きますが

ブロック追加・削除は
wordpressのグーテンベルクみたいな操作だなあ…と感じ

地図の編集は変更するところがいまいち分かりませんでしたが
なにか変更せず、初期状態のままでも達成扱いにしてくれてホッとしたりしながら

10分もかからずに終えられました。



最後に公開を促されますが、

pomume→ペライチその8.jpg

最初の説明通り、今作ったページは公開ページには含まれないと書かれていますので
安心してください。


*-------------*


登録後すぐに、ページ作成の説明を聞くチュートリアルに入っていると
登録したメールアドレスに届いたメールを見ていないことが多々あるかと思いますが

その場合、

pomume→ペライチその9.jpg

こういったダイアログが最上部に出てきます。

『ページ公開にはメールアドレスの認証が必要です。登録メールアドレスに送信された認証メールをご確認ください。』

だそうですので、
本作成に入る前にメールを確認してみます。

この認証だけならchrome以外のブラウザでもできました。






*-------------*


認証を終えたので、pomu.meの代わりにしたいページの作成に入っていきますが
長すぎても読みづらいと思うので

登録+基本操作を知るチュートリアルを終わらせたこのあたりで
いったん切りますね。


次は、無料のテンプレートを使って
私が使っている格安スマホの弱めな回線でもあんまり重く感じにくいページを作っていきます。
posted by 碧乃 at 18:00| Comment(0) | ブログ関連 | このブログの読者になる | 更新情報をチェックする

2019年07月11日

WordPress側のサーバーの更新を忘れていました

長々と説明するものはなく、ただタイトルの通りです。


ただいま、WordPress側のブログが403表示になっています。

更新忘れ403.jpg

なんでこうなっているのかというと、

更新忘れ凍結.jpg

借りているサーバーの更新期限を忘れていて、
ついさっき管理画面を見たらこうなっていました…。

アクセス数がここ数日の中で異常に少なくて、変だなぁと思ったのですが
確認したらこういうことでした。
一昨日ログインできていて、昨日は見る時間がなかったので
たぶん昨日からかと…。

ヘルプを読んでみたら、『最大1日で表示される』とありましたので
払い終われば早い段階で戻るとは思うのですけど
少なくとも、今日1日は見れないままのようです。
もし見れない間に見てくださった方がいらしたらすみません;


更新忘れ期限確認.jpg

契約時のキャンペーンにより、実際には3か月より少し長めの契約期間となっていましたが
また更新忘れしそうなので、次は3か月より長いプランで契約することにします…。
posted by 碧乃 at 20:27| Comment(0) | ブログ関連 | このブログの読者になる | 更新情報をチェックする

2019年06月22日

今からwizballを始めてみる。

このブログはとてもゆっくりとしたペースの更新になっていますが、
普段は分割した先のブログ・碧乃のーと@wordpressを更新してますので
分割先も見ていただけると嬉しいです( ´∀`)

今月に入ってからInstagramも始めました。
instagram:hekino_f
リンク集のようなものを作成できるpomu.meが便利だなと思って、実質pomu.meのために作ったアカウントなので
分割先と同じくらいの投稿ペースで、シャンプーやお菓子の写真を中心に載せていくつもりでいます。

ここ・分割先のブログ・インスタなどなど、1か所で全ての更新状況を知りたい方はtwitterからどうぞ。
pomu.meはインスタだけでなくtwitterにも置いていますので
これまでと同じく、twitterを見れば私がやってるブログやSNSは全て把握できるようになっています。

pomu.me以外は記事の最後にもリンクを置いてあります。


*-------------*


4月以来の更新なので、前置きが長くなってしまいましたが…

今回は、4CASTと同じくLINE関連サービスの
Wizballに登録してみた話です。


LINE関連だと、4CASTで稼ぐことのできるLINK Pointと仮想通貨のLINKがどうこう…という記事やツイートを見かけましたが
これらは同一のものかと思ったら違うらしく
LINKは海外向けで仮想通貨、LINK Pointは日本国内向けでLINE関連で使えるポイント…だそうで
つまりは別物でした。

ですが、仮想通貨とは無関係のLINK Pointであっても
1LINK Point=LINEポイント500円分は大きくて…。
LINEポイントを使ってスタバやコンビニのクーポンを入手して美味しい思いをしていると
とても魅力的なポイントに見えるんですよ、LINK Point。

4CASTは仕様変更と答え合わせの判定のひどさで
これまでのように稼げないし、容易に換金しづらくなったけれど…
LINK Pointはこれからも稼ぎ続けたいと思い
4CASTの他にもLINK Pointを稼げるWizballを使ってみることにしました。

私が4CASTを始める前からあるサービスで、
今から始めても遅いかな…と不安もありますが
4CAST同様やってみないと分からないと思ったので、まずは始めてみます。


そもそもWizballがどんなサービスかというと
ちまたで表現されている通り、Yahoo知恵袋のLINE版です。
特にひねりとかそういうのはなく
実際に中身を見た上で、この表現通りだ!と感じました。

4CASTはモバイル端末限定のサービスで、パソコンでは利用できないのですが
Wizballはモバイル端末だけでなく、パソコンのブラウザからも利用可能です。

エミュレーターでも、LINEアプリを入れていてログイン認証が使えるようにしているような
スマホと同じ環境ならば利用できるかもしれませんが…

ブラウザで利用できるので、
無理にエミュレーターを動かさなくてもいいのではないかなと思います。


Wizballへの登録はエミュレーター・ブラウザ版どちらも試してみましたけど
上記の理由でブラウザ版のことを書き残しておきますね。


まずは公式サイトを開き、
Wizball(ウィズボール) - Chain your knowledge (あなたの知識を共有しよう)


20190621wizball1.jpg

TOPページに出ている
〇で囲んだ『会員登録』をクリックします。


LINEアカウントを持っているので、

20190621wizball2.jpg

真ん中の『LINEでログイン』をクリックで登録を試みます。

PCでLINEを利用したことは、エミュレーターを含め一度もありませんが

20190621wizball3.jpg

この画面でメールアドレスとパスワードの入力をするだけで認証ができました。
(アプリ版だとこのあたりで権限の確認があります)


20190621wizball4.jpg

登録後はプロフィールの設定。
4CASTと似たような感じでした。

20190621wizball5.jpg

これで登録完了のようです!
『開始する』をクリックすると、質問や自分のステータスが出てきます。


右上に見えるものをクリックしてみたら
活用ガイドなるものが出てきたので
それを読んでみてから、どういう稼ぎ方が合っているのか考えるのがいいかと思います。

Q&Aサービスを利用すること自体が初めてな私は、まだイメージを掴めていないので
しばらく眺めてからどう使うか決めるつもりです(*`・ω・´)


*-------------*


このブログ以外にやってることのリンクと簡単な説明を載せておきますね。

Wizballに慣れるまで時間がかかりそうなので、このブログはしばらくご無沙汰になりそうですが
他のものは更新しています。

普段更新している分割先のブログ 碧乃のーと@wordpress
Instagram instagram:hekino_f

全ての場所は、twitterでだいたいの更新をお知らせしてます。
twitter twitter@碧乃
やっているブログやSNSの案内として、以前載せていたものの代わりにpomu.meを置いてあります。
posted by 碧乃 at 21:28| Comment(0) | ポイント | このブログの読者になる | 更新情報をチェックする

2019年04月06日

お花見*一年ぶりに墨俣一夜城の桜を。

4CASTで墨俣一夜城の桜のトピックを立てたことは以前書きましたが、
今年は開花が遅くて4/5が満開日となりました。


去年の記事で書いたことが今年も同じかを知りたくて、
4/5の満開日に少しだけ見に行きました。

写真は載せられるようなものがないので、
写真を見たい方は去年の記事をどうぞ→お花見*墨俣一夜城へ桜を見に。


川の反対側にある道路から桜並木を見ると
桜の花びらとライトアップで真っ白に見えました。

駐車場の金額は去年と同じで、
普通車500円・大型車1000円でした。
特に何もなければ、来年以降もこの金額かと思われます。


21時半頃と終わりかけの時間だったのに、入る車が多く
帰りが大変そうだと思ったので
車から降りるのは早々に断念。

桜並木の距離が長めなので、
車からでも楽しめました(*´∀`*)

車からだとかなりブレてしまったので、
今年はブログに載せられるような写真を撮れませんでした…。


今年はここ以外にも行ったのですが、
全て車の中から楽しめる場所のみでした。

ドライブが好きなので、こういう楽しみ方も好きなのですが
ちゃんと写真を撮れなかったのは悲しいので
来年は車から降りる余裕を作りたいです。
posted by 碧乃 at 13:58| Comment(0) | 日記 | このブログの読者になる | 更新情報をチェックする