「Web」カテゴリーアーカイブ

ショップに KOMOJU を導入してお支払い方法を追加しました

すき 0
0

ショップにPaypay等の決済を追加したく、
KOMOJU という決済代行サービスを導入しました。

Home page

KOMOJU は Steam 等の大手でも導入されているサービスの様です。

利用までの流れ

利用までの流れとしては下記でした。

1 KOMOJU アカウント開設

サイトからメールアドレスでアカウント開設ができます。

Home page

その後サイトの情報など必要事項の設定があります。

2 各種決済の申し込みと審査

Paypayや銀行振込、
申し込み方法によってそれぞれ審査がありました。

特に厳しい審査ではなく問題無くスムーズに終わりました。

確認事項でKOMOJUの担当者さんから連絡がありましたがそれだけでした。
(私の場合は販売品に著作権などの問題がないか、ということでした。)

3 WooCommerce に KOMOJU プラグインのインストール

WP上から可能です。

4 アカウントとの接続設定

WooCommerce → 設定 → 「KOMOJU」タブから接続

テストモードと本番モードを選択して接続する。

最初にテストで接続して動作確認、
問題なかったので次に本番で接続。

特に問題無く本番での接続も完了し、
支払いテストも出来ました。

接続するだけでOKなのでAPIなんちゃら〜とかも無く簡単に出来ました。

追加した支払い方法

今回追加した支払い方法は

Paypay、銀行振込、コンビニ支払い です。

支払いの確認

早速Paypayでテストしてみましたが無事購入処理が完了し、
KOMOJUのダッシュボードにも反映されました。

すごい〜🙌

感想

月額利用料金等も必要無く、
取引ごとの手数料(大体3%前後)なので、
小規模ショップにはものすごくありがたいですね〜〜〜😃

別枠でPaypayとLinePayの方も「加盟店登録」をしましたが
そちらよりも簡単だしスムーズですね。
審査は通りましたがその後の API とかの設定がまた難しいし(´Д⊂グスン

使ってみてまた何かありましたら
記事書こうと思います💎

[PHP] サーバのフォルダに有る画像をファイル名の降順で指定数だけ表示

0
0

サーバの非公開ディレクトリにある画像を取得し
ファイル名の降順で最新9件表示するPHPです。

こちらを参考にさせて頂きました

[SEO対策] AMP プラグイン② テンプレート設定とGoogle Analytics

0
0

今回は表示の調整を行いました。

前回の記事

[SEO対策] AMP プラグインを導入してみた①

リーダーモード:Twenty Fourteen

リーダーモードのテーマを「Twenty Fourteen」にしました。

Reader Mode Themes – AMP for WordPress

 

カスタマイズ、CSS調整

AMP表示確認

通常ページでアドミンバーの「AMP」をクリックするとAMP表示が確認出来ます

カスタマイズ

更にカスタマイズをクリック

AMPページのカスタマイズ

追加CSS

AMPページのカスタマイズからCSSを追加出来ます。

気になるところはCSSで調整。

対応テンプレートの設定

なぜかトップページが無限リダイレクトしてしまうため、
対応テンプレートの設定でトップを除外しました。

Google Analytics

こちらうっかり忘れる所でしたが、
元々テンプレートに直接書いていたため、
AMP用テンプレートには反映されていませんでした。

(気づかず放置するところだった・・)

テンプレートの記述は削除し、
Google Site Kit の方で設置したところ、
AMPページもアナリティクスに反映されるようになりました。

AMP化したらアクセス・PV数が激減した!? 真っ先に確認したいポイントと私のハマった落とし穴 | きもおたねっと。

 

[SEO対策] AMP プラグインを導入してみた①

0
0

モバイルページ高速化のため、AMPプラグインを導入してみました。

AMP – WordPress プラグイン | WordPress.org 日本語

ウィザード

※ スクショは後から撮ったものなので実際の画像と違っている部分があります

テンプレートモードについて

AMPについてはまだよくわかっていない所も多いのですが
ウィザードで「推奨」と表示されている「トランジショナル」でやってみたところ、
盛大に崩れた状態になってしまった。
ページのデザインは同じでJSが効いていない様子。

トランジショナルモードはPCと同じテンプレートでAMP用にヘッダが書き換わるものらしいので、
現状のサイトをAMP用に調整するのは結構厳しい。

ちょっとお手軽にやりたかったので
ウィザードをやり直して「リーダー」モードで選択しました。

WordPress 標準のテンプレート&対応プラグインのみ使用だったら「トランジショナル」で大丈夫なのかも。

リーダーモード

テーマは一旦「AMPレガシー」を選択してみました。

次の記事 で記載していますがその後「Twenty Fourteen」に変更しました。

表示確認

URLに &amp=1 で確認出来ました。

それっぽく表示されている!

AMPテスト

AMP テスト – Google Search Console

AMPテストも問題なさそう

プラグインを入れるだけで自動的にAMPページができてしまいました。

課題:表示崩れ

表示が崩れてしまっているページもあるので
調整を行っていきたいと思います。

次の記事

[SEO対策] AMP プラグイン② テンプレート設定とGoogle Analytics

Google Drive の容量をアップしてCloudMounter を使ってみた

0
0

先日 GoogleDriveの容量を200GBにアップして
音楽のバックアップはすべて GoogleDrive で行う事にしました。

(200にしちゃったけどまだ100GBもいってなくてちょっともったいないことした・・)

GoogleDriveアプリだとPC側の容量が空かないので、
HDDのようにマウントしてくれる「CloudMounter」というアプリを使う事にしました。

CloudMounter

クラウドドライブを Mac の Finder 上にディスクのようにマウントし、オンラインストレージを保護

App Store から購入しました。

‎「CloudMounter: cloud encryption」をApp Storeで

感想

使用して数ヶ月経ちますが、良い感じに使えています。

Finder にGoogleDriveが表示されるようになり・・
(アカウント名で表示されている)

フォルダをクリックする度にその中身が読み込まれる
(一時的にダウンロードされている?)感じ。

仕組みについてはどうなっているのかよくわからない。

表示も割と早いので不便は感じない。

ファイルを置いた後のアップロードもバックグラウンドで行ってくれる。

ブラウザからGoogleDriveに行くより全然便利。

使ってみて良かったと思います。

再起動後自動的に起動させる

再起動後は自動的にマウントされないのでアプリケーションから起動し直していた。

ログイン項目に追加しておいた。

SEO対策① WebP Converter for Mediaとa3 Lazy Loadで速度アップ

0
0

お父ちゃんからブログの検索順位を上げてくれ〜との依頼がありまして

SEO対策を調べながら頑張って行きたいと思います。

PageSpeed Insights(変更前)

まずは PageSpeed Insights でチェックをしてみました。

PC

モバイル

主にGifが重たいようでした。

対策

とりあえず画像読込を軽くさせる対策を行いました。

① WebP Converter for Media

WebPに変換してくれるプラグイン。

WebP Converter for Media – Convert WebP and AVIF & Optimize Images – WordPress プラグイン | WordPress.org 日本語

Gifアニメは非対応の様子で、変換したら動かなくなってしまった。

なので Gif以外(デフォルト設定のまま)で使用しています。

参考サイト

WordPressサイトの画像をWebPに変換・対応できるプラグイン「WebP Converter for Media」 | ワードプレステーマTCD

② a3 Lazy Load

a3 Lazy Load – WordPress プラグイン | WordPress.org 日本語

こちらもインストールして有効化するだけ、簡単!

(最初 lazysizes を試したけど、プラグインに変更)

テンプレート手動対応

テンプレートに直接書いているimgタグは手作業で修正しました。

通常のimgタグを、

このように修正すればOKです。

参考サイト

a3 Lazy Load: 画像の読込を遅延させてページ表示を速くするWordPressプラグイン | ねたわん

③ その他ファイル

「レンダリングを妨げるリソースの除外」に表示されていたファイルを精査していくつか除外しました。

ウェブフォントも多用していましたが最低限に絞りました。

PageSpeed Insights(変更後)

PC

モバイル

PCの方は結構上がりました。

今回の作業の中では、遅延読込が一番影響しました。

Site Kit

あと直接関係はないですが Google の Site Kit も入れてみました。

WordPress内でアナリティクス等見れるようになり便利です。

 

今後も色々調べて、改善していきたいと思います。

Repost by SoundCloud 支払い設定

0
0

昨年 サウンドクラウドの曲数が増えて容量が足りなくなったので
SoundCloud Pro Unlimited にしました。

SoundCloud Pro Unlimited では、
Repost」というディストリビューションサービスも利用可能になります。

早速 Repost で2枚ほどアルバムを登録し
その後は放置していました。

久々に見てみたら$18位になっていたので
支払いの設定をしてみることにしました。

支払いはPayPal

支払いはPayPalで受け取れる様子。

Getting Paid – SoundCloud Help Center

↓引用(Google翻訳)↓

Repost bySoundCloudアカウントにリンクしているPayPalアカウントを介して支払いを受け取ります。残高は月末に更新され、収益が5米ドル以上になると、支払いは自動入金されます。 さらに、ネット60であるため、支払いは2か月遅れます。これは、音楽プラットフォームが特定の期間の収益を支払うのに通常30〜45日かかり、その後、それらの使用料をパートナーに返還するのに少し時間がかかるためです。

5ドル以上になると自動入金処理されるようです。

実際にPayPal口座に入ってくるのは2ヶ月後とのこと。

Paypal 設定

Setting > Account Information

PayPal のメールアドレスを入力し、「Save Changes」をクリック。

下に「Updated Successfully」と表示されました。

これであとは自動的に入金されるだけ、ということですかね・・?

Earnings > Statements

レポートの見方もまだよくわかっていないのですが・・・

先月の分になぜかPayoutと表示されている。

さっきPaypal登録したから即入金処理されたの??
記載や通知がないので謎。

謎が解けたら追記します・・

追記

上記の登録1時間後位に、Repost から
「You’ve been paid!」というタイトルのメールが届きました。

支払い処理が完了したことが記載されており安心しました。

↓メール文引用(Google翻訳)↓

あなたの努力は報われています! 💸💸💸2022-01の支払い期間の収益は、PayPalアカウントに転送され、SoundCloudダッシュボードによる再投稿に反映される必要があります。

Repost にログインすると、
ダッシュボードの通知にも来ていました。

PayPal に入金された!

上記の通知と同時にPayPal にも入金が反映されていました。

2ヶ月かかるんじゃないの?
このあたりよくわからないけど何かわかったらまた追記します。

なんかすごい意外と簡単であっさり入金処理までされて良かった。

W-8BEN について

W-8BENの記入についても備忘録として簡単に書いています。

Repost by SoundCloud で W-8BEN 記入

 

Repost by SoundCloud で W-8BEN 記入

0
0

Repost by SoundCloud で W-8BEN を記入したのでメモ

一般的な日本国民、個人アカウントの設定です。

参考にさせて頂きました

( 2021最新版) W8ben ( W-8ben ) の書き方完全ガイド / マイナンバー対応 | 在宅副業ストックフォトログ

1. 住所登録

Account Info で住所氏名などを登録する。

すべて英語で記入する。

2. W-8BEN

名前や住所は上記の設定から自動で登録されていて、
自分で入力する必要があるのは4箇所。

①  2 Country of citizenship

国籍。Japan と入力

② 6 Foreign tax identifying number 

これはマイナンバーを記入する必要があるようです。

③ 8 Date of birth (MM-DD-YYYY)

誕生日を MM-DD-YYYY 形式で入力

④  Sign Here 

サインを入力する。
別窓が出てくるのでマウスで描きました。

 

書類見た時は難しそうで焦ったけど意外と記入する欄は少なかった。

Repost 登録後 1年間放置してしまったけど やっとW-8BEN 完了・・

 

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整

0
0

前回

RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転

今回はちょこちょことお父ちゃんから依頼のあった表示の調整を行いました。

ソースコード

①フォントサイズ

<ラベルのフォントサイズが小さい

Fonts | Chart.js

②グラフの背景色

< グラフ画像を保存した時に背景が透明になっちゃってるから白にして

Canvas background | Chart.js

③グラフのサイズ

< 画面からはみ出てるから直して

これは私も気になっていた・・
グラフの下が画面からはみ出てスクロールが必要な状態になっている。

(↑下がはみ出て見切れている)

responsive の設定

そもそもcanvasサイズを指定しているのに反映されないのが不思議だったのですが、

Chart.js はデフォルトでレスポンシブのオプションがtrueになっているからでした。
これを false にすると、指定したサイズで表示されるようになりました。

maintainAspectRatio

maintainAspectRatio という設定もあり、
こちらはレスポンシブの時に元のアスペクト比を維持する設定で、
デフォルトで true になっているようでした。

最初 canvas サイズを400×400 で設定していたから、
正方形になって伸びてしまっていたようです。

maintainAspectRatio を false に設定することで、
横幅がレスポンシブ対応になり、高さが固定表示になるようでした。

canvas は div で囲む

上記を設定する際は、canvas を div 等で囲む必要がありました!

囲んでいないと、
グラフの縦幅がどんどん伸びていく怪奇現象に見舞われました🥲

親コンテナ注意点

いくつか注意点があるようです。

  • サイズはcanvas自体ではなく親コンテナで指定する
  • 親コンテナには position:relative を指定
  • コンテナには canvas のみがある状態(他の要素が入っていてはだめ)

↓引用↓

キャンバスサイズ変更を、CANVAS要素から直接の検出することはできません。 キャンバスレンダリングサイズとディスプレイサイズを更新するために、Chart.jsでは親コンテナを使用します。ただしこの方法では、コンテナが相対配置(position:relative)されていることと、チャートキャンバスのみを含むことが必要です。これにより、コンテナサイズの相対値を設定することでレスポンシブ機能が実現できます。

レスポンシブ · Chart.js 日本語ドキュメント

 

とりあえず今回は  height:80vh; width:100%; にすることで
だいたい画面いっぱいに表示することができました。

ちゃんと画面に収まるようになり、だいぶ見やすくなりました!

これでひとまずグラフ化、完了🙌

 

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化④日付形式

0
0

前回は日付範囲指定が出来るように調整しました。

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化③日付範囲指定

ただこれだと、ログデータは10分毎のデータとなっているため、
日付を狭めた時に同じ日付が並んでラベルに表示されてしまい、
見づらくなってしまいました。

なのできちんと「日付」として扱えるようにグラフを調整しました。

ソースコード

アダプターの追加

日付型にするにはアダプターが必要になります

データの整形(配列)

[{x:日付, y:データ},…] の形になるよう調整

グラフの設定

opsions.scales で設定を記述

time.unit で、ラベルの表示単位を設定。
今回は日毎(時間、月など可能)

日付範囲

日付範囲の設定も調整

動作デモ(CodePen)

See the Pen Untitled by HomeMadeGarbage (@hmg) on CodePen.

テストデータの様子が気持ち悪いですが・・🙇‍♂️

 

次の記事

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整

Use-your-Drive(Google Drive plugin for WordPress)を使ってみた

0
0

WooCommerceのダウンロード商品でGoogleDriveを使用したかったので、
WoodPressで初の有料プラグインを導入してみたけど結構便利!

Use-your-Drive | Google Drive plugin for WordPress by _DeLeeuw_ | CodeCanyon

 

商品の所でGoogle Driveのボタンが出来て・・

ファイルを選択可能になります。

とりあえずこれで目的達成ですが
他にもまた色々活用出来たらまたブログに追記します!

 

Chart.jsで折れ線グラフのラインが表示されない

0
0

Chart.jsの折れ線グラフで、なぜかラインが表示されず困りましたが、

spanGaps: true

を追加することで表示されるようになりました。

 

spanGaps

データに隙間があった場合に線を繋げてくれるオプションのようです。

trueの場合、データがない点またはヌルの点との間に線が描画されます。falseの場合、NaNデータ点では線が途切れます。

線グラフ · Chart.js 日本語ドキュメント

 

Twitterフォロワー5000人到達までにやったこと

0
0

HomeMadeGarbage Advent Calendar 2021 |23日目

2021年の年始にお母ちゃんと今年の目標を考えて 紙に書きだし、家の壁に貼って
時には拝んで過ごしてまいりました。

その目標のひとつがHomeMadeGarbageのTwitterフォロワー数を5000人以上にするということでした。
ここではフォロワー5000人達成するためにやったことを紹介させていただきます。

 

 

フォロワーの推移

2021年はじめの時点で登録者は2600名でした。
2015年3月からアカウント開設しておりますので1年で5000人達成は非常に大きな目標となります。

2021年5月末と12月初めに登録者が急増し、2021/12/7に5000人を達成することができました。

 

1st インパクト

Twitterは電子工作製作物の進捗や日常の事などでほぼ毎日なにかしら発信しておりました。

これまで通りの地道な発信で1か月に約100名くらいのペースでフォロワーが増加していきました。
しかしそれでは年内にフォロワー5000人など絶対無理です。
それでも明確な戦略を打ち出せずに時は過ぎました。

それは突然起こりました。
以下の2021/5/29のツイートが大きくバズったのです。

製作していた3軸 姿勢制御モジュールの動作の様子です。

これによってフォロワーが約3000人から3600人に増加しました。

 

2nd インパクト

1st インパクト以降 (6月末以降)は、再びフォロワー増加が 1か月約100名ほどに落ち着きました。

やはり5000人 達成は難しいとあきらめていたところ、それは起きました。
以下の2021/12/6のツイートがバズったのです。

2軸の姿勢制御モジュールを用いたロボット製作の様子をアップしたものです。

これによって一晩で500人以上増加し、2021/12/7にフォロワー5000人を達成することができました。

 

所感

年始の時点でフォロワー数2600人で明確な戦略無しに約倍の5000人超えは難しいと思っておりましたが、
神風が2回吹き無事目標達成できました。

2回のバズツイートを分析するに共通点は、よくわからないものが説明もなく不思議に動いているという点です。

こういったツイートが目を引いて拡散される可能性が高いのかもしれません。
今後もフォロワーを増やすためには引き続き製作を続けて面白いものを生み出す必要がありそうです。

製作することは大好きなので苦にはなりません。
しかし、面白いものを生み出すには つまらない学習や修練・失敗が必要であり
そのモチベーションを保つためのクソつまらない能書きツイートも必要になります。

Twitterに関しましては いままで通りのお付き合いとなりそうです。

YouTubeチャンネル登録者1000人到達までにやったこと

0
0

HomeMadeGarbage Advent Calendar 2021 |22日目

2021年の年始にお母ちゃんと今年の目標を考えて 紙に書きだし、家の壁に貼って
時には拝んで過ごしてまいりました。

その目標のひとつがHomeMadeGarbageのYouTubeチャンネル登録者数を1000人以上にするということでした。
ここでは1000人達成するためにやったことを紹介させていただきます。

 

 

登録者の推移

2021年はじめの時点で登録者は79名でした(このときすでにチャンネル開設から5年ほど経っていたのに。。)。

2021年6月から7月にかけて登録者が急増し、2021/7/6に1000人を達成することができました。

 

戦略

登録者1000人を達成するためにとった戦略は、とにかく毎日動画をアップするというかなり闇雲なものでした。

チャンネル開設から5年で登録者100人以下でしたから、何をしてよいかなんてわかるはずもなく
とにかくやり方を変えなければと考えたのです。

動画を毎日上げ続けることで徐々に登録者が増えて6月初旬までに登録者が250名までに増えました。
5年間で全く増えなかったので、これは快挙であり戦略は間違っていないと考え
引き続き動画をアップし続けようと決意いたしました。

 

バズって一気に達成

2021年5月30にアップした上の動画が大バズりし、登録者の増加カーブが激変しました。

この動画は自作した3軸 姿勢制御モジュールに人気アニメVivyのキューブロボット”マツモト”の目を印刷し貼り付けたものです。

3軸 姿勢制御モジュールの動作の様子を以下のようにTwitterでつぶやいたところ
“マツモト”、”マツモトだ”と少し騒がれましたww

なんのことだろうと思い調べたところ、アニメのキューブロボットのこととのことで思いっきり のっかってみました。

 

人気アニメのおかげでYouTube初バズりができ、調子に乗ってもう一本動画をアップしました。

 

おかげさまで絶対無理だと思っていた登録者1000人を達成することができました。

 

所感と今後

年始の時点で登録者79人でしたので、1000人超えはかなり無謀な目標でありました。

しかし、これまでほとんど何もしてこなかったのでやり方を変えることは容易でした。
やり方を変えれば当然結果も変わります。

まぐれでバズって1000人達成できましたが、これも毎日動画投稿という戦略をとって否が応でもなんでもしなくてはならないという状況に身を置けた結果であると考えます。

登録者1000人達成後は毎日の動画投稿を辞めたため、現在増加は低調です。
しかし、最近は生配信なども実施してYouTubeを楽しんでおります。

次の目標としましては、年間の総再生数4000時間を達成して収益化したいです。
短い動画ばかりなので難しい挑戦ですが
来年に向けて新たな戦略を練りたいと思います。

2021年 ブログPV数とアクセスランキング

0
0

HomeMadeGarbage Advent Calendar 2021 |14日目

PV数

今年、2021年1月1日〜12月10日時点までのPV数は
約 35万5千 ほどでした。

アクセスの多かった記事TOP 10

NO1 

TOPページ

https://homemadegarbage.com/

NO2 

オールドコーチのシリアルナンバーの読み方について

NO3

MJPG-streamer カメラをブラウザから起動/終了させる

NO4

micro:Maqueen を使ってみた

NO5

Clock Arm 時計を自作

NO6

ダイソーのメロディー バースデーカードを分解・改造

NO7

PovRanian の筐体を3Dプリンタにて

NO8

google アカウント名は変えずに YouTube チャンネル名だけ変更する

NO9

セレクトボックスで表示切り替え

NO10

WindowsでのC/C++環境構築 ーRaspberry Pi Picoへの道2ー

まとめ

前年度の同じ期間と比較すると
ユーザー、セッション、PV数が、大体30%増となっていました。

記事数としては
11月までの段階で 110 位作成したようです。

たくさん見ていただいてありがとうございました。

来年もマイペースに続けて行きたいと思います🏡

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化②グラフ切替

0
0

HomeMadeGarbage Advent Calendar 2021 |12日目

前回

前回は、Arduino で取得している気象データphpで取得し、
Chart.js で気温をグラフ表示するところまでやってみました。

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化①

今回は、気圧や湿度にも切り替え表示出来るようにしました。

ソースコード

CDN で bootstrap、jQuery、Cart.js を使用しています。

変数を用意

  • チャート用変数:myChart
  • 気象データの切り替え用:mode
  • 気象データ:weatherData

配列の宣言の仕方が不格好な気がするけどこんなんでいいのか・・?

データを配列に入れていく

チャートの表示

ボタンクリックでチャートを切り替え

 

こちら参考にさせて頂きました

Chart.jsでグラフを更新するサンプル(ボタンをクリック) – Qiita

動作デモ(CodePen)

生データが膨大(1万件強)のためテストデータにしております。

See the Pen Untitled by HomeMadeGarbage (@hmg) on CodePen.

次の記事

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化③日付範囲指定

トゥギャッチに掲載して頂きました!

0
0

HomeMadeGarbage Advent Calendar 2021 |3日目

お母ちゃんのSHISEIGYO-3への道

先日 SHISEIGYO-3 のレシピを元に組み立てを行い、
苦戦しつつなんとか完成したわけですが、、

SHISEIGYO-2 を改良しました ーリアクションホイールへの道36ー

お母ちゃんのSHISEIGYO-3への道

トゥギャッチに掲載

トゥギャッチ様にインタビューを頂き、
記事を掲載して頂きました!

ある一家のお母ちゃんが電子工作に初挑戦! 完成品のレベルが高すぎて一般人の理解を超えていた – トゥギャッチ

とても興味深い形で記事にして頂き感謝の限りです🙏✨✨

こういうのは初めてなのでなんだか嬉しい☺️

Togetter 

制作過程については、
Togetter にも纏めています!

電子工作初心者 お母ちゃんの SHISEIGYO-3 への道 – Togetter

アカウント

HomeMadeGarbage(@H0meMadeGarbage)のまとめ(5) – Togetter

wgetで画像を取得メモ

0
0

wget で画像を同じ階層のまま取得するメモ

単体ページから

-A で取得したい拡張子を設定

対象ディレクトリを指定する場合

ダウンロード対象のディレクトリを指定

–accept-regex=”/wp-content/”

正規表現が使える

複数ページの取得

for文

連番であればfor文で取得できる

バッチ処理を作成して実行する

取得したいページのwgetを記述する

get_img.sh

コマンドラインから実行する

 

bbPress & GD bbPress Attachments でフォーラムを設置

0
0

WordPress で運用している当ブログにフォーラムを設置しました。

フォーラム一覧

使用したのは、掲示板を設置出来る bbPress プラグインと、
bbPress に画像投稿機能を追加出来る GD bbPress Attachments です。

設置に当たって行った設定を記録します。

bbPress の設定

設定 > フォーラム

フォーラムユーザー設定

ログインしていない人が書き込み出来るように設定

登録済みの訪問者にフォーラムの役割「参加者」を自動的に付与する
=> チェックを外す

 

フォーラム機能

このあたりは特に変更しなくても良さそうでしたが
「トピックにタグを追加できるようにする」「フォーラムに専属モデレーターをつけられるようにする」が今は必要無いかなと思いチェックを外しました。

GD bbPress Attachments の設定

Global Attachments Settings

Global Attachments Settings
=> 512から1024に変更

Hide attachments
=> チェックを外す
※このチェックがあると、アップロードした画像がログインしていない人に画像が見えない

Image thumbnails size

128 x 72 だったのを 250 x 150 に変更

functions.php

メールアドレスの入力を不要にする

こちらのページを参考にさせて頂きました。

bbPressのメールアドレス任意化をfunctions.phpで行う方法 |

最初、違う方法(空の値をリターンしている?)を参考に行った所、
Mac Chrome では動作確認出来たのですが、
Windows Edge と iPhone Chrome で、
「メールアドレスが不正」といったエラーが出てしまい・・

こちらの方法にしたところ、エラーが解消されました。

IP削除

デフォルトだとIPが表示されていたので、削除しました。

こちらを参考にさせて頂きました。

bbPressで投稿者のIPを削除する方法 – TIPS

GD bbPress Attachments カスタマイズ

GD bbPress Attachments はデフォルトだと、
ログインしていない人は画像がアップロードできないようなので、
こちらを参考に修正しました。

[wordpress] GD bbPress Attachmentsの匿名投稿をONにする方法 – Bluebear I/O

プラグインファイルを直接書き換えているので
アップデートの際は注意した方が良さそう。
(上書きされたらもう一度修正する必要あり)

CSS

css は上書き。好みで色々調整出来そう。

 

通算 100万 PV 達成

0
0

2016年4月にラズパイ2によるサーバで細々始まった弊ブログ

ついに通算100万PV達成いたしました!

もうすぐブログを開設して丸5年
長い道のりでした。

 

 

homemadegarbage.comの歴史

ここでブログの歴史を紐解いてみましょう。

  • 2016年4月 ラズパイ2でブログサーバ立ち上げ
     
  • 2016年5月 ラズパイ2をHDD起動に変更

Raspberry Pi を HDD 起動(& NOOBSから通常のRaspbian構成に変更)

 

  • 2016年11月 月間 10,000PV達成
     
  • 2018年9月 ブログ を XSERVER に サーバ移転

RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転

 

  • 2018年10月 音楽販売サイト開始

WordPress & WooCommerce で 音楽販売サイトを作成

 

  • 2019年1月 月間 20,000PV達成
     
  • 2019年8月 フリーBGM配布サイト開始

フリーBGM配布用のチャンネル始めました

 

  • 2019年8月 電子工作販売サイト開始

ネットショップ開店 HomeMadeGarbage the SHOP

 

  • 2020年5月 月間 30,000PV達成
     
  • 2021年1月 通算1,000,000PV達成

 

ラズパイサーバ

当初はラズパイサーバで自宅にてブログを運用しておりましたが、2018年9月の北海道胆振東部地震での停電を受けて XSERVER に移転しました。

北海道胆振東部地震

 

ラズパイサーバはまだ元気に動いており、現在はハンディーバーサライタ PovRanianの表示映像生成フォーム用ページとして使用しています。

ハンディ バーサライタ PovRanian の表示映像フォーム使用方法

 

おわりに

当初は誰も見ないよなと思いながら、家族の思い出や自身のメモになるだろうと開始したブログでしたが、コツコツと続けて遂に100万PVを達成することができました。

継続は力ですね。

今後も家族で楽しくブログを書いていきたいと考えております。