css 見出し h1 h2 h3 h4 h5 h6

見出しのデザインの一覧を作って考えようと思ったが見出しだけだと以外に使いにくかったので、ページ風に作ることにする。

デフォルトの見出し

h1の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

h2の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

h3の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

h4の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

h5の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

h6の見出し

徳義心に信じと駈けてこれらかわるくのを命じように安んずるのみしでですで、そうして他愛もないのを呼びつけて、そこを晩をなりならから二円に一円は一年は何しろなっと来なりた事た。

[動画背景 15個の動画]WordPressに動画を背景に埋め込み、上にテキストを表示させる。映像を背景に!

Main

This video is sample.

Top1

This video is sample.

Top2

This video is sample.


Title1

This video is sample.

Title2

This video is sample.

Title3

This video is sample.

Title4

This video is sample.

Title5

This video is sample.

Title6

This video is sample.


Title7

This video is sample.

Title8

This video is sample.

Title9

This video is sample.


Title10

This video is sample.

Title11

This video is sample.

Title12

This video is sample.

[動画背景]Wordpressに動画を背景に埋め込み、上にテキストを表示させる。映像を背景に!
動画背景て重いけどかっこいいからサンプルで作ってみよう!

BMWのサイトで背景に動画をたくさん使ったトップページがあってカッコ良かったのでためしてみました。

[海外のブログ]ホームページを拡散、WEB集客するために色々なSNS拡散などを検証してみる。

■追記[2019/04/04]
facebookの共有ができたりできなかったりで、4月から全く共有(自動投稿)ができなくなった。
jetpackではtwitterとTumblrの連携のみにしました。

■追記[facebookとtwitterの運用1日目]
FacebookはHPへのアクセスが見込まれる。
twitterはlike,retweetで反応がある。

感想:twitterのが拡散してもらいやすそう。軽い感じでリツイートなどできるからでしょうか?

■ここからメインのコンテンツ

WordPressプラグインでSNSの種類を調べてみました。
Social Networks Auto-Poster 複数のSNSに自動投稿が可能です。

Social Networks

Facebook(自動投稿中止:2019/04/04 アクセスがあったものを後からボタンで共有することにする)
Google+
Instagram
LinkedIn
ok.ru
Plurk
Pinterest
Twitter (2018/03/18 自動投稿実施中)
VK.Com
Weibo
XING

Blogs/Publishing Platforms

Blogger
Flipboard
Google My Business
Instapaper
LiveJournal
Medium
Scoop.It
SETT
Tumblr (2019/04/04 連携開始 Jetpack)
WP Based Blog

Link Sharing/Boormarks

Diigo
Reddit

Email Marketing

MailChimp

Messengers

Line
Telegram
Yo

Image Sharing

500Px
deviantART (!)
Flickr

Forums

vBulletin

Other

YouTube

ここまでがSocial Networks Auto-Posterで自動投稿可能なサービスのようです。
Facebookとtwitterは他のプラグイン Jetpackで連携済みなのでそれ以外のサービスを調べていきます。

今回これを調べているのは英語のサイトを運営しているのでその集客効果を高めるのに使えるか?の検証をします。

お名前.comのネームサーバー変更(Xserverに変更)で切り替わる時間の例

■1日目
はじめ お名前.comで登録されていますの画面
12:08 切り替えの設定
12:20 XserverにてWordPressのインストール
12:40 以下のテキストのみ

無効なURLです。
プログラム設定の反映待ちである可能性があります。
しばらく時間をおいて再度アクセスをお試しください。

12:41 whoisではXserverに変わっている

13:03 お名前.comの画面に戻る

14:06 WordPress 5.0.3 へ自動更新しました。とのメールが来るが表示はまだお名前.com

14:53 切り替え確認 スマホで

2時間45分で別サーバーの確認ができました。

WP-ユーザー登録で固定ページを自動で作りたい。

ポータルサイトを作っています。

不特定多数が編集出来るように、
投稿、singleは解決しましたが、メインのページは固定ページにしたいと考えています。

参考にしている記事
WordPressでユーザー登録(追加)時に紐づいたページを作成

WordPressでユーザー登録(追加)時に紐づいたページを作成

css animation背景で使えるおしゃれなヘッダー背景アニメーション – ANIMATED BACKGROUND HEADERS –


DEMO1のイメージです。

ダウンロードはこちらから

Animated Background Headers

DEMO1-4までありどれもおしゃれな背景になります。

DEMO1 https://tympanus.net/Development/AnimatedHeaderBackgrounds/
DEMO2 https://tympanus.net/Development/AnimatedHeaderBackgrounds/index2.html
DEMO3 https://tympanus.net/Development/AnimatedHeaderBackgrounds/index3.html
DEMO4 https://tympanus.net/Development/AnimatedHeaderBackgrounds/index4.html

無料で作れるホームページ: Zoho Sitesを使ってみる

無料で作れるホームページ: Zoho Sitesを使ってみる

作成したサンプル:
http://atomon9.zohosites.com/

一言感想;どっかのサービスと似ている操作感です。日本でもバランスなど見た目も良さげです。
編集画面は英語のみ?どこかには言語変更があると思います。
footerのzohoロゴが画像でなくテキストだと最高です。他の無料ホームページの広告よりは控えめでオススメです。

■無料プランでできること


5ページ
500MBのストレージ
3GBの帯域幅/月
2つのフォーム
10MBの最大ファイルサイズ
ファビコン
モバイル最適化=レスポンシブ
自動サイトマップ

■レイアウト見本

■編集画面

■5ページまでは無料

6ページ目を追加しようとするとこのようになります。

その他の無料で作れるサービス一覧:https://atomon9.com/design/homepage-muryo-list-tada-free/

フッターのZohoロゴ

無料で作れるホームページ: crayonの使い方をまとめてみる

無料で作れるホームページ: crayonを使ってみる

作成したサンプル:https://atomon9.crayonsite.net/

一言感想;スマホで更新ができるようですがパソコンで作業しました。スマホは後ほど
パソコンでの使用感は左サイドにあるメニューがわかりづらいですがプレビュー画面を見ながらの編集なので簡単に更新作成ができます。
プレビューしながらだともっさりとした、重い動きが気になると思われますが、以外に早い動作で簡単に作れました。
テンプレートのまま作ると若干古臭い印象ですが、情報を伝えることが重要なので見た目にそれほど気にしないのであれば簡単なのでオススメです。

■レイアウト見本

■編集画面

■ページは3ページまで無料

その他の無料で作れるサービス一覧:https://atomon9.com/design/homepage-muryo-list-tada-free/