My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

Webマーケティングが学べる講座まとめ

f:id:sntkk3:20170814173317j:plain

Webマーケティングとは

Web(サイトやツールなど)を活用して儲けを生む仕組みを作る集客・販売戦略活動


SEOリスティング広告など、
Web制作に関わる以上、
日々、Webマーケティングスキルアップの必要性を感じます。

今日は、仕事に活かせそうなWebマーケティング学習講座について、まとめてみました。

仕事に活かせそうなWebマーケティング学習講座紹介

Schoo(スクー)Webマーケティングに必要な考え方と企画【nanapiのWebマーケティング特訓】 :

schoo.jp

Schooの有料会員(※)になると過去の録画授業として視聴できます(全3回授業)
この講座では、
・Webマーケティングとは? 
・企画の考え方
・リサーチについて
SEOとは?
・データ解析・アクセス解析について
などが学べます。
※プレミアムプラン会員 月額980円~

Schooのプレミアム会員について
この講座以外も幅広く受講できて講座はかなり充実しているので、Schooのプレミアム会員になるのはとってもおすすめです。

TechAcademyオンラインブートキャンプ マーケティングコース

TechAcademyオンラインブートキャンプ マーケティングコース

youtu.be


8/20(日)まで、先割(受講料8%オフ)キャンペーン実施中

Webマーケティングの基礎が一通りオンラインで学べる講座
分割払い利用可 社会人なら月々約4,125円~
学生の方なら月々約2,458円~可能です。

IMA検定 | 次世代型のネットマーケティング検定制度 :

IMA検定 | 次世代型のネットマーケティング検定制度

f:id:sntkk3:20170814174701p:plain

こちらは、資格認定のための検定と講座がセットになっています。
受講・受験料 18,000円(税別)
営団体:クラウドマネージメント協会

第27期生募集期間は2017年8月17日まで

「即実践できるネットマーケティングスキルを」を謳うIMA検定

Standardコース認定ホルダーの学習内容としては、
「サイト分析とリスティング広告の実践運用スキルを身につける!」
ことをターゲットとしています。
e-learningで受験に必要な知識を学び、受験もインターネットで可能。
実務に結び付くWebマーケティング知識が身につくとともに、就職サポートも受けられるようです。

スマホだけでも使えるFacebookで無限にお客さまを集める方法『Facebookスピード集客説明会』

Facebook集客4.0説明会
f:id:sntkk3:20170814174759p:plain

こちらはWebマーケティング全般というわけではなく、Facebookに特化したセミナーです。

Facebookを活用し、集客を加速させる方法を紹介するセミナーだそうです。
このセミナー自体は無料で参加できるので、一聴の価値ありだと思います。

WordPress 海外テーマ適用時に表示される ??????? の解消方法

f:id:sntkk3:20170405161011j:plain

WordPress 海外テーマ適用時に表示される ??????? の解消方法について

WordPressの海外テーマを適用している時、マルチバイトテキストが ??????? となってしまう現象が発生。

今日は、この現象の解決方法に関する備忘録です。

原因・解消方法

原因:

 原因は、function.phpファイル の文字コードが「SJIS」形式になっていたことでした。

解消方法(手順):

1. 文字コードを確認するため、sakuraエディタでファイルのプロパティを確認しました。
プロパティの確認方法は、エクスプローラで該当ファイルを右クリックし、「プロパティ」をクリック
※私自身はsakuraエディタを使用しましたが、確認できるエディタなら何でも可です。
 f:id:sntkk3:20170812155414j:plain


2. 対象ファイルをsakuraエディタで開き、「名前を付けて保存」

 f:id:sntkk3:20170812155523j:plain


3. 「文字コード」を「UTF-8」に変更し、保存を実行
 f:id:sntkk3:20170812155417j:plain


まとめ

 このような場合の原因を調べた結果、
 該当のPHPファイルで文字コードが「UTF-8」ではなくなっている時にこのような現象が起こりうるようでした。
 そのため、今回もまずファイルのプロパティで文字コードを確認したところ、条件が一致、文字コードを「UTF-8」に変更・保存することで問題が解決することを確認しました。


【参考記事】

WordPressのテーマで日本語が文字化けしてしまう場合の対処方法 :
http://webseikatu.info/wordpress_jp_character_corruption


???????と表示されるテキスト - WPML :
https://wpml.org/ja/faq/%E3%81%A8%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/ 

数字型リストマーカー (箇条書き)

f:id:sntkk3:20170805142747p:plain

<目次>

数字型リストマーカー

今日は以下のような数字型の箇条書きをマークアップする際の備忘録です。

●見出し
   1. テキストテキストテキスト

●見出し
   2. テキストテキストテキスト
   3. テキストテキストテキスト

上記のように、

  • 数字型リストマーカーによる箇条書き、連番
  • 連番、途中番号の開始あり

を実現するには、以下のようにマークアップします。

標準的な数字タイプ (decimal)

[html]

<p>●見出し</p>
<ol class="decimal">
	<li>テキストテキストテキスト</li>
</ol>
<p>●見出し</p>
<ol class="decimal">
	<li value="2">テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
</ol>

※ value="途中開始する任意の数字を設定"

[css]

.decimal {
	 list-style-type:  decimal;
	 }


Demo


ちなみに、他にも、以下のような表現ができますでの併せてご紹介しておきます。
※list-style-typeのパラメータ次第で、いろいろなバリエーションが可能ですね。

2桁数字タイプ(decimal-leading-zero)

[html]

<p>●見出し</p>
<ol class="decimal-leading-zero">
	<li>テキストテキストテキスト</li>
</ol>
<p>●見出し</p>
<ol class="decimal-leading-zero">
	<li value="2">テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
</ol>

[css]

.decimal-leading-zero {
	list-style-type:  decimal-leading-zero;
	}

Demo (2桁数字型)

ローマ数字[小文字] タイプ(lower-roman)

[html]

<p>●見出し</p>
<ol class="lower-roman">
	<li>テキストテキストテキスト</li>
</ol>
<p>●見出し</p>
<ol class="lower-roman">
	<li value="2">テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
</ol>

[css]

.lower-roman{
	list-style-type:  lower-roman;
	}

Demo(ローマ数字(小文字))

漢数字タイプ (cjk-ideographic)

[html]

<p>●見出し</p>
<ol class="cjk-ideographic">
	<li>テキストテキストテキスト</li>
</ol>
<p>●見出し</p>
<ol class="cjk-ideographic">
	<li value="2">テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
</ol>

[css]

.cjk-ideographic {
	list-style-type:  cjk-ideographic;
	}

Demo(漢数字)


【参考サイト】
スタイルシートCSS]/リスト/マーカーの種類を指定する - TAG index :
http://www.tagindex.com/stylesheet/list/list_style_type.html