サイト(ホームページ)制作
HaradaWeb(ハラダウェブ)はサイト制作を行うフロントエンドエンジニアです。
WordPressをカスタマイズしてサイトの制作管理運営を行っています。
サイト制作管理運営に必要な、ドメイン・サーバーからWordPressカスタマイズの技術的な内容をこのサイトで紹介しています。
WordPress
HaradaWebではWordPressを使ってサイト制作を行います。
WordPressはPHPで開発されデータベースMySQLを利用しているCMSです。
「W3Techs」によると世界の全サイトの30%以上のシェアになっています。
このページはコメント入力してSNSのように使用します。 .日々のサイト制作の備忘録等をWordPressのコメントに入力します。
codocを設置することにしました。 「codoc」はWordPressのプラグインで、noteの様に記事に対して閲覧者から課金していただけます。 記事を読んでいただいた料金ではなく、サポート(寄付)していただく形にもできます。 このサイトHaradaWebをサポート(寄付)ていただける方は「記事を購入する」をクリックしてください。 サポート(寄付)していただきありがとうございます。
WordPresで固定ページや投稿ページの作成をするフォームを作ります。 このフォームは私が自身で運営するサイトで使用するためのものです。ログイン設定して使用します。基本的なセキュリティ対策は施しますが、ページ制作フォームをフロントエンドに出してしまうと問題が生じる可能性があります。 セキュリティ問題もご理解いただいた上で本記事をご覧ください。 デモ 試合日: 第何試合: 第1試合 第2試合 第3試合 第4試合 第5試合 第6試合 試合時間: 備考(10文字以下で): 戻る [wpphp file='co...
WordPressで画像を追加する場合は WordPressに画像を挿入する方法 | HaradaWeb(ハラダウェブ) をご覧ください。上記記事ではクラシックエディタでの記事になりますので、この記事ではブロックエディタ(Gutenberg)での記事になります。 画像の挿入 ブロックエディタの「ブロックの追加」をクリックしてください。下記画像が現れますので画像をクリックてください。 「画像」をクリックすると下記画像が現れます。 「アップロード」はご自身の端末から画像をアップロードしてください。PCの場合、...
リニューアル 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の旧サイトをリニューアルカスタマイズします。 ...
jQuery
サイト制作の中でのjQueryの役割は主にデザインです。
サーバーにアクセスするPHPとは違ってjQueryはブラウザでサイトを動かします。
jQueryはJavaScriptコードをより簡単に利用できるように開発されたライブラリです。
JQueryのライブラリ「jquery.cookie.js」を利用して閲覧者のブラウザのcookie(クッキー)に閲覧者の入力したデータを保存する方法を解説します。 サイトから閲覧者の入力データ保存 サイトでデータ保存する方法にはサイトサーバーに保存する方法と閲覧者のブラウザに保存する方法があります。 一般的にサイトサーバーに保存する時はPHPを使いますが、ブラウザに保存する場合jQueryを使います。 サーバー保存とブラウザ保存の比較 セキュリティーの問題はサイトサーバに保存しているとハッキングされた時...
JavaScriptでブラウザを自動更新させます。
トマト キャベツ もやし もっと見る りんご なし みかん もっと見る さんま さば あじ もっと見る うし とり ぶた
ドメイン・サーバー
サイト運営を行うにはレンタルサーバーの契約が必要です。
また独自ドメインを取得した場合、ドメインとサーバーの紐づけが必要になります。
色々なサーバー会社があり、会社によってサイトのフォルダ設定も違います。
HaradaWebではドメインとザーバーの紐づけ設定もお手伝いします。
CSS
CSSはサイトページのレイアウトやデザインを作ります。
CSSの記事を紹介します。
CSSのpositionプロパティについて解説します。 positionプロパティと値で指定するのは要素を配置...
SEO
WordPressのSSL設定をプラグイン「Really Simple SSL」を解説。SSL設定後のGoog...
SEOでより上位になるには閲覧者にとって良いサイトを作る事です。 それには閲覧者にとって良い記事を書くだけでは...