bb_line_koushiki

bb_line_koushiki

登録してくれたお友達に 特典 があるよ!

プレゼント1、完全無料でブログができる方法

プレゼント2,期間工情報や生活にかかせないお得が、、、

bb_info_line

bb_info_line

QRコード恐竜が可愛い

カメラで読み込んで見てね!

恐竜QRを表示させる方法

動画の中に新しい機能が!

2021年東京オリンピック開会式予定まであと何日?

New video marketing

 

WordPressテーマDiverで、地図、地域別ランキングを作成するサンプル

エリア別おすすめ

今現在、作成している途中ですが作業工程が多すぎ、マップを作って都道府県を入力www 大変、そこで思いついた。

作成している工程を説明しながら記事を書いていく、WordPressの記事も書いている事ですし、ちょうど良いでしょう。

WordPressテーマ:Diver

Diverの機能でサクサク作成して行く、途中で色を変えたり、機能の中にさらに機能を入れて行くとサンプル見たくできます。

※使用するWordPressテーマによってレイアウトが崩れることもあります、ご注意ください。

おすすめ期間工 都道府県別 ランキング

それでは、はじめに、日本地図と都道府県別とメーカー一覧をみる、サンプルです。

 

 

 

 

 

 

 

 

北海道・1
北海道
トヨタ自動車北海道
東北・2
青森県
岩手県
秋田県
宮城県・1
トヨタ自動車東日本
山形県
福島県・1
日産いわき
関東・11
茨城県・1
日野自動車
栃木県・3
いすゞ、日産栃木、ホンダ
群馬県・2
日野自動車、スバル
埼玉県・1
ホンダ
千葉県
東京都・1
日野自動車
神奈川県・3
いすゞ、日産、三菱ふそう
中部・12
新潟県
富山県
石川県
福井県
山梨県
長野県
岐阜県・1
パジェロ
静岡県・5
スズキ、デンソー、トヨタ自動車東日本、ホンダ、ヤマハ
愛知県・6
アイシン、スズキ、デンソー、トヨタ、トヨタ車体、三菱
近畿・9
三重県・3
ホンダ、デンソー、トヨタ車体
滋賀県・2
ダイハツ、三菱
奈良県
和歌山県
京都府・2
ダイハツ、三菱
大阪府・1
ダイハツ
兵庫県・1
カワサキ
中国・4
岡山県・1
三菱、
広島県・2
マツダ、デンソー
鳥取県
島根県
山口県・1
マツダ
四国
香川県
徳島県
愛媛県
高知県
九州・5
福岡県・3
ダイハツ、トヨタ、日産、
佐賀県
長崎県
大分県・1
ダイハツ
熊本県・1
ホンダ
宮崎県
鹿児島県
沖縄
沖縄

 

 

メーカー一覧をみる

 

サンプルを見て頂けたでしょうか。

日本地図、都道府県、メーカー一覧をみる。

 

 

 

1:日本地図作成,Google 図形描画を使う

WordPressテーマで地図を作成できないんです。

図形を作るプラグインがありますが、今回は、無題の図形描画 - Google 図形描画、を使います、Googleアカウントを持っていない方は作成してください。

 

Google、chrome拡張機能もあります。Google 図形描画 - Chrome ウェブストア

 

Google 図形描画使い方

ログインして

画面がGoogle図形描画に変わります、矢印先端タイル状の所に図形描画していきます。

 

 

1、1をクリック図形を選択

2、マウス左クリックしながら、図形を描画

3、2図形作成後、図形をクリックすると3メニューバーが表示されます。

4、図形を好きなところに移動して、1つ目の図を設置

5、図形作成を繰り返し日本地図の形を作って行きます。

四角い形は後で成形します。

 

 

 

1、画像をクリック
2、塗りつぶしアイコン
3、好きな色を選択

4、全部塗りつぶしが終わったら

5、形を整えます。

6,左クリックしながら、離さないで図形を移動したり、拡大、縮小できます。

 

文字入力をして完成です

 

Google 図形描画アイコン説明

 

1、元に戻す
2、やり直し
3、印刷
4、書式貼り付け
5、ズーム
6、選択 
7、線
8、図形
9、テキストボック
10、画像
11、色の塗りつぶし
12、枠線の色 
13、枠線の太線
14、破線の枠線
15、フォント
16、フォントサイズ
17、太文字
18、斜体 
19、下線
20、テキストの色
21、ハイライトの色
22、リンク挿入
23、コメントを追加

 

 

トグルの作成と使い方

トグルは、ボタンを押すと文字が出てくるスイッチボタンの事、2の図はトグルを使って北海道から沖縄までの9個のトグルを連続で使用している。トグルの中にトグルを使ってさらに追加で都道府県を記載しています。2は画像なので機能していません。

トグル見本
テキスト、テキスト

トグル作成

WordPressテーマDiverで説明して行きます

ダッシュボードから投稿画面、入力補助を押して
入力補助画面が出るので、トグルボタンを押す
タイトル:タイトル名
テキスト:テキスト入力

ここまでで、トグル完成です。

 

参考にしたサイト

 

検索している途中で画像の横に吹き出しがあり説明されている記事を見て、とても分かりやすく見やすい。

やってみたいと思い挑戦。

Diverでグリッドを使うとこんな感じになる。
画像と吹き出しの間にすきまが気になる!

知識不足でイロイロ試したができないので、

また検索して見つけた答え。

サルワカさん
画像の上に吹き出しの左側が重なっている、美しい

 


ワードプレステーマが違いますがとても参考になります。

特にCSSはサルワカさんが分かりやすく種類が多く紹介されています。

 

Diverでは表示がうまくいかない時があるので、今回は使っていませんが次回は使ってみようと思います。

 

まとめ

今回は、記事を作成しながら、Google図形描画を使って日本地図作成しトグルの使い方説明まで行いました。

Google図形描画は無料で簡単に図形描画ができ自動でGoogleドライブに保存してくれます、保存忘れがないので便利でなので使いこなしましょう。

トグルは使い方によりますが、単純なサイトページにアクセントを付けてくれて見た目もシンプルでスッキリさせてくれますね。

次回は、色の変更、テーブル、ランキング表示の使い方をやって見たいと思います。

 

BB公式登録キャンペーン

3つのプレゼント

限定特典

お得がもらえる

だけもれなく全員

BB公式LINE 限定

期間工募集中!
激アツ 情報
期間工最新情報、激アツ
トヨタ期間工 入社
 祝い金が 
          UP 

 

入社祝い金 40
※ メーカーより特別手当 20  + 初回更新手当 20

 

経験者手当:最高10

 

年収例445以上可能 ※1年目

 

詳細は別記事で紹介している

 

募集、予約面接会場マップ、
他メーカー情報:
当サイトオリジナル

 

期間工、募集企業名 特典
トヨタ自動車 入社祝い金 40 【特別手当 20 + 20 初回更新
  • ◇満了慰労金+報奨金
    • 3ヶ月満了 122,000円(満了慰労金30,500円+満了報奨金91,500円)
    • 6ヶ月満了 390,400円(満了慰労金207,400円+満了報奨金183,000円)
    • 12ヶ月満了 488,000円(満了慰労金305,000円+満了報奨金183,000円)
    • 18ヶ月満了 512,400円(満了慰労金329,400円+満了報奨金183,000円)
    • 24ヶ月満了 536,800円(満了慰労金353,800円+満了報奨金183,000円)
    • 30ヶ月満了 561,200円(満了慰労金378,200円+満了報奨金183,000円)
    • 35ヶ月満了 576,000円(満了慰労金396,000円+満了報奨金180,000円)
豊田自動織機 ★★メーカーより入社特典総額55万円支給★★ 【内訳】 ■入社祝い金50万円 ■赴任手当3万円 ■食事手当2万円 ※支給規定あり
トヨタ自動車九州 メーカーより入社祝い金 総額 40万円 ※規定あり
スバル、群馬製作所 入社特典最大55 メーカーからの支給
※入社祝い金や特典には規定があります。
応募や面接時に確認しましょう。
おすすめの記事