TOP

サイト(ホームページ)制作

HaradaWeb(ハラダウェブ)はサイト制作を行うウエブエンジニアです。

WordPressをカスタマイズしてサイトの制作しています。

サイト制作に必要なドメイン・サーバーの紐づけ設定からWordPressカスタマイズの技術的な内容をこのサイトで紹介しています。

WordPress

HaradaWebではWordPressを使ってサイト制作を行います。

WordPressはPHPで開発されデータベースMySQLを利用しているCMSで、世界の全サイトの40%以上のシェアです。(参照「W3Techs」WordPressの使用統計と市場シェア)

codocを設置

codocを設置することにしました。 「codoc」はWordPressのプラグインで、noteの様に記事に対して閲覧者から課金していただけます。 記事を読んでいただく料金ではなく、サポート(寄付)していただく形にもできます。 このサイトHaradaWebをサポート(寄付)していただける方は「記事を購入する」をクリックしてください。「この続きを見るには」とありますが、続きには何もありません。 サポート(寄付)していただきありがとうございます。

HTMLとPHPのフォームとページ作成のwp insert post

WordPresで固定ページや投稿ページの作成をするフォームを作ります。 このフォームは私が自身で運営するサイトで使用するためのものです。ログイン設定して使用します。基本的なセキュリティ対策は施しますが、ページ制作フォームをフロントエンドに出してしまうと問題が生じる可能性があります。 セキュリティ問題もご理解いただいた上で本記事をご覧ください。 デモ 試合日: 第何試合: 第1試合 第2試合 第3試合 第4試合 第5試合 第6試合 試合時間: 備考(10文字以下で): 戻る [wpphp file='co...

WordPressの画像挿入で代替テキスト、タイトル、キャプション、説明に入力する

WordPressで画像を追加する場合は WordPressに画像を挿入する方法 | HaradaWeb(ハラダウェブ) をご覧ください。上記記事ではクラシックエディタでの記事になりますので、この記事ではブロックエディタ(Gutenberg)での記事になります。 画像の挿入 ブロックエディタの「ブロックの追加」をクリックしてください。下記画像が現れますので画像をクリックてください。 「画像」をクリックすると下記画像が現れます。 「アップロード」はご自身の端末から画像をアップロードしてください。PCの場合、...

サイトリニューアルをAll-in-One WP Migrationバックアッププラグインで

リニューアル 2020.1.15に このharadaweb.com サイトをリニューアルしました。 haradaweb.comの旧サイトのデータをAll-in-One WP Migrationで保存し、別URLのサーバーにWordPresをインストールし、そこにもAll-in-One WP Migrationをインストールして、旧サイトデータをAll-in-One WP Migrationでインポートすると別URLに旧サイトが復元されます。 復元された別URLの旧サイトをリニューアルカスタマイズします。 ...

WordPressに画像を挿入する方法

このページで説明している内容は「クラシックエディタ」でのものですが、ブロックエディタ(Gutenberg)にも共通点はあります。 画像挿入の画像解説 WordPressの画像挿入の方法その1で挿入ボタンをクリックする画像 WordPressの画像挿入の方法その2で画像を選ぶ画面の画像 WordPressの画像挿入の方法その3で新しい画像をアップロードする画像 WordPressの画像挿入の方法その4でSEO対策で画像の説明などの画像 SEO対策を考えれば画像のタイトル、代替えテキスト、説明は必要だと思いま...

jQuery

サイト制作の中でのjQueryの役割は主にデザインです。

サーバーにアクセスするPHPとは違ってjQueryはブラウザでサイトを動かします。

jQueryはJavaScriptコードをより簡単に利用できるように開発されたライブラリです。

JQueryの「jquery.cookie.js」でブラウザのcookie(クッキー)にデータ保存

JQueryのライブラリ「jquery.cookie.js」を利用して閲覧者のブラウザのcookie(クッキー)に閲覧者の入力したデータを保存する方法を解説します。 サイトから閲覧者の入力データ保存 サイトでデータ保存する方法にはサイトサーバーに保存する方法と閲覧者のブラウザに保存する方法があります。 一般的にサイトサーバーに保存する時はPHPを使いますが、ブラウザに保存する場合jQueryを使います。 サーバー保存とブラウザ保存の比較 セキュリティーの問題はサイトサーバに保存しているとハッキングされた時...

JavaScriptでブラウザを自動更新

JavaScriptでブラウザを自動更新させます。

もっとミルを検証

トマト キャベツ もやし もっと見る りんご なし みかん もっと見る さんま さば あじ もっと見る うし とり ぶた

jQueryでカウントダウン

ドメイン・サーバー

サイト運営を行うにはレンタルサーバーの契約が必要です。

また独自ドメインを取得した場合、ドメインとサーバーの紐づけが必要になります。

色々なサーバー会社があり、会社によってサイトのフォルダ設定も違います。

HaradaWebではドメインとザーバーの紐づけ設定もお手伝いします。

バリュードメインとコアサーバーのドメインとサーバーの設定

バリュードメイン、コアサーバーはGMOデジロック株式会社のサービスの一つです。 バリュードメインのサイトで独自ドメインの取得・管理を行います。 コアサーバーのサイトでレンタルサーバーを契約・管理を行います。 ドメイン側でDNS設定を行う。 DNS情報・URL転送の設定 | VALUE-DOMAIN ユーザーガイド コアサーバーのサイトでもドメイン設定を行う。 ドメイン設定の新規作成(V1) | マニュアル | レンタルサーバー CORESERVER(コアサーバー) コアサーバーのサイトでサイト設定を行う。...

サーバーのPHP72でWp-Queryのエラー

2018年9月4日にサイト制作しているとWp-Queryでエラーが表示されました。そのサイトはXサーバーでこの時点で最新のPHP72が使用されています。PHP56で数年かけて作ったコードがPHP70でエラー表示された悪夢の再現? ... サーバーのPHP72でWp-Queryのエラー

Fatal error: Maximum execution time of 30 seconds exceeded inのエラーの対処方法

WordPressで「Fatal error: Maximum execution time of 30 seconds exceeded in」というエラーが出た場合の対処方法です。 直訳すると「致命的なエラー:最大実行時間が30秒を超えました」となるようです。 つまりサイト上での処理時間を30秒に設定していて、処理を実行したが30秒を越えても処理できないからエラーです、という事です。 ... Fatal error: Maximum execution time of 30 seconds excee...

サーバーOSのUNIXとLinuxとWindows Serverの解説

レンタルサーバーを契約する時、サーバーのOSとして「UNIX」の文字を見る事が多いと思います。UNIXとはサーバーのOSの事で、サーバーのOSには大きく分けてLinuxを含むUNIX系とWindows系があります。両OSインターフェイスのCUIやGUIも含めて解説します。 ... サーバーOSのUNIXとLinuxとWindows Serverの解説

ドメイン取得しレンタルサーバーを契約しホームページを作る

ゼロの状態から自分独自のサイトを作る為に必要な解説をします。 独自のサイトを作るには、まずドメインを取得し、サーバーを契約します。 それからドメインとサーバーを結びつけて作成したHTMLファイル等をサーバー内にftpでアップロードしたり、WordPress等のCMSをインストールしたりすれば、ネット上にサイトを表示させる、つまり自分のサイトを作る事ができます。 ... ドメイン取得しレンタルサーバーを契約しホームページを作る

CSS

CSSはサイトページのレイアウトやデザインを作ります。

CSSの記事を紹介します。

ulとliのCSSデザイン

codocを設置 HTMLとPHPのフォームとページ作成のwp insert post WordPressの画像挿入で代替テキスト、タイトル、キャプション、説明に入力する サイトリニューアルをAll-in-One WP Migrationバックアッププラグインでた別URLの旧サイトをリニューアルカスタマイズします。 WordPressに画像を挿入する方法 <ul class="samp2345"> <li>codocを設置</li> <li>HTMLとPHP...

CSSのpositionプロパティと値absoluteとrelativeとfixedとstaticと追加stickyの解説

CSSのpositionプロパティについて解説します。 positionプロパティと値で指定するのは要素を配置する為の位置とその要素が動くか固定されるかです。 positionプロパティ値で設定した要素は親要素の中でtop、bottom、left、right等で位置を設定します。 ... CSSのpositionプロパティと値absoluteとrelativeとfixedとstaticと追加stickyの解説

SEO

SSLのサイト設定をWordPressの「Really Simple SSL」で行いGoogleアナリティクスも変更

WordPressのSSL設定をプラグイン「Really Simple SSL」を解説。SSL設定後のGoogleアナリティクスの変更も解説。バリュードメインのコアサーバーのSSL設定はリンクで紹介。 ... SSLのサイト設定をWordPressの「Really Simple SSL」で行いGoogleアナリティクスも変更

SEO対策の具体的な設定

SEOでより上位になるには閲覧者にとって良いサイトを作る事です。 それには閲覧者にとって良い記事を書くだけではなく、サイトに技術的な設定を行う事でサイトのSEO評価を上げることができます。 このページでは具体的にどのような設定をすればSEOに効果的なのかという事を、可能な限り解説を簡略化し紹介します。 ... SEO対策の具体的な設定

TOP