23年2月依頼実績

コーディング

オンラインゲームサイトコーディング

ランサーズでのご依頼でした。aiファイルからコーディングをしました。

background-imageが指定されているものを

どの画面幅で見ても背景画像が崩れないレスポンシブ対応にしました。

投稿カテゴリーの追加と投稿一覧ページコーディング

直接のご依頼でした。

WordPress管理画面「設定」の「表示設定」の「ホームページの表示」の「固定ページ(以下で選択)」を選択し「投稿ページ(下記画像赤丸)」で投稿一覧ページを表示させる設定にしたとき、テンプレートは「category.php」でも「archive.php」でもなく「home.php」が適応されると知りました。普段一覧ページは「index.php」で設定することが多かったので少し考えました。

他社ブログサービスのLP1ページをWordPressの固定ページへ移行

直接のご依頼でした。

他社ブログサービスなどで作ったページもWordPressに移行したりできるので、ぜひご相談ください。

実装

七五三サイトデザインと固定ページへの実装(THE THOR)

直接のご依頼でした。

お客様がTHE THORを使用しているため、THE THORの固定ページで実装をしました。

elementorフォーム自動返信メール設定、レイアウト調整、googleタグ設置

直接のご依頼でした。

ご契約のサーバーが外国のサーバーだったためか、管理者用の自動返信メール(EMAIL)は設定できても、クライアント用の自動返信メール(EMAIL2)がエラーが発生するため設定できませんでした。

管理者用の自動返信メールは送信内容を受け取るだけなので、下記で対応しました。

• クライアント用の自動返信メール(EMAIL2)をEMAILの方に設定
• EMAIL2の設定は削除
• Bccに管理者用のメールアドレスを設定

エラーの解消はできませんでしたが、別の方法で目的を達成させました。

カスタム投稿タイプの追加、一覧ページと記事ページのレイアウト調整

直接のご依頼でした。

カスタム投稿タイプを追加し、他の記事一覧ページと同様のレイアウトに合わせる作業をしました。

tcdテーマ(NANO)事業案内カテゴリーページへのリンクを任意のリンクに遷移させるカスタマイズ

• 「Smart Custom Fields」プラグインを用いて、事業案内カテゴリーの編集ページに任意のリンクを入力するフォームを追加
• 子テーマを作成し、カスタマイズを可能に。
• テーマファイルを編集し、任意のリンクが設定されていれば、任意のリンクへ遷移、されていなければ、事業案内カテゴリーページへ遷移する

テーマファイルカスタマイズ時の注意点

子テーマを作成するのは当たり前ですが、子テーマのfunctions.phpにrequireを記述するときに、

先にrequire先のファイルを用意していないと「Fatal Error」になります。

FTP上でないと修正ができなくなるので注意です。

エラーについて下記記事で詳しく書いています。

requireエラー

Fatal error: require(): Failed opening required ‘hoge.php’エラーの発生原因と対処した方法

Fatal error: require(): Failed opening required 'hoge.php'エラーの発生原因と発生した時の状況、対処した方法について記事で書いています。

修正

サイトの修正(提案ベース)

クラウドワークスでのご依頼でした。

元々画像の差し替えのみでしたが、提案できる部分が多くあったため、そちらの提案もさせていただきました。

• トップページメインコンテンツの幅が狭くつぶれている
• ブログ一覧ページだけ他のサイドバーと違っていたため、揃える
• メインカラーが青で、お問い合わせボタンの色も同じ青色になっていたため赤色に変更する
• 1つのお問い合わせボタンのリンクがhttpになっていた
• httpのリダイレクトの設定がされていないため、httpで接続ができてしまう
• YouTubeのサムネイル画像の右端に余分な線があったため修正

PHPメモリエラーの解消

上記「サイトの修正(提案ベース)」の作業を始めるため、

編集者権限をいただきWordPressの投稿の「編集」をクリックしたところ・・・

「Fatar Error」が発生しました。こちらPHPのメモリエラーが原因だったため、.htaccessファイルから修正をいたしました。

サーバーは「ロリポップ」でした。

PHPメモリエラー

Fatal error: Allowed memory size of 134217728 bytes exhaustedエラーの発生原因と対処した方法

実務経験でFatal error: Allowed memory size of 134217728 bytes exhaustedエラーが発生した時の状況、原因、対処方法について記事に書いています。

ページネーションエラーの解消(2ページ目に遷移しない)

直接のご依頼でした。

元々ページを作成された方が記事一覧のURLから(/category/)を消すために

管理画面の「パーマリンク」でカスタム構造にし、

カテゴリーベースに「.」を入力してURLから(/category/)が非表示になっていたものの、

functions.phpにリダイレクトの記述がされていなかったためにエラーが発生していました。

ページスピードの改善(46点から99点)

スピード改善前

スピード改善後

改善したこと

• 画像を次世代フォーマットの「webp」に変更
• 画像サイズを縮小
• 「Frying Scripts」プラグインでJavaScriptの遅延読み込み
• グーグルフォントの「Noto Sans  JP」を「ヒラギノ角ゴシック、メイリオ」に変更
• 使用していないCSSの削除
• 必要なページだけCSSを読み込むようにする（例Contactform7のcssは問い合わせフォームがあるページ以外不要）
• ファーストビュー(スクロールせずに見える部分)のcssを<style>タグ内へ移動

感想

今回のサイトではグーグルフォントをなくしたら点数がかなり良くなりました。