初心者でも出来るホームページの作り方ガイド

記事の内容は動作や機能を100%保障するものではございません。悪しからずご了承下さいませ。※カスタマイズは必ずバックアップの上、自己責任にて行って下さい。

メモ

このサイトは「micata2」「AFFINGER4」の総合マニュアルサイトになっています

ウィジェットの設定

2016-08-17_112613

ウィジェットは様々なコンテンツを任意の箇所に挿入できる仕組みです。

当テーマでは豊富な挿入箇所(ウィジェット挿入エリア)に加えて「問合せボタン」「オリジナルボタン」など様々なオリジナルウィジェットも用意しています。

micata(ミカタ)とSTINGER及びAFFINGERではウィジェットが一部異なります。(micataには広告ウィジェットがありません)

ウィジェットの説明

各ウィジェットの反映箇所になります。図は「投稿・固定ページ」のものです

stinger_widgets

ウィジェットの使い方

2016-01-11_143759

好きな文字を表示したい場合は「テキスト」をドラッグ&ドロップして内容を記載します。

①にはコンテンツのタイトルを記載しますがほとんどのウィジェットで表示されません。②に記載した内容が表示されます。記述したら③「保存」をして下さい。

以上で完了です。

オリジナルボタンについて(Pro版のみ)

2016-08-17_163601

オリジナルボタンでは「①Webアイコン」「②タイトル」「③リンク先URL」を指定できます。

2016-08-17_163702

ボタンのカラーは「カスタマイザー」で変更可能です。

フリーボックス

2016-08-18_174027

タイトルとコンテンツが挿入できてカラーがデザインできるボックスです。

2016-08-18_174306

カラーはカスタマイザーで変更できます。

htmlが使用できるのでメディアから画像URLを取得して記載すれば画像も表示できます。後述する「オリジナルショートコード作成ウィジェット」と併用しても便利です。

メモ

2016-08-18_174804

タイトルには文字制限(15文字程度)があり超えると表示されません。但し、入力できる文字数に制限をかけていないのでfontawesomeの好きなアイコンを使用する事も可能です。

http://fontawesome.io/

広告用ウィジェット※STINGER及びAFFINGERのみ

2016-08-17_112613b

STINGER及びAFFINGERではアドセンス等の広告用のウィジェットエリアを設けております。

広告・Googleアドセンス用

「広告・Googleアドセンス用336px」のアドセンスウィジェットではPC時の記事下に2つ挿入します。また「広告・Googleアドセンス用300px」はスマホ時の記事下及び記事にショートコードで挿入する「adsense」に使用されます。詳細はアドセンスの設置にて確認してください。

2016-08-18_173613

「300pxのアドセンス広告」は投稿画面のショートコードボタンで簡単に呼び出せます。

広告・スマホ用記事下のみ

「広告・スマホ用記事下のみ」はスマホではアドセンスが2つ並べられないことより別の広告を挿入できるようにしてあります。

スマートフォンのフッターに固定するウィジェット

「スマートフォンのフッターに固定するウィジェット」はスマホ・タブレットで最下部に固定する形の広告を挿入できるウィジェットです。但し、アドセンスの「アンカー広告」はここではなくテーマの「a-header-code.php」に直接記入して下さい※head出力の為

オリジナルショートコード作成ウィジェット

2016-08-17_112613c

「オリジナルショートコード作成ウィジェット」で登録した内容は投稿画面のショートコードボタンで簡単に呼び出せます。

2016-08-18_173248

人気記事

kawaii 1

以前にWordPressテーマ「STINGER PLUS+」を公開した際に作成したサンプルサイトが「可愛い!」と特に女性の方から非常に好評をいただきました。 今回の参考サンプルサイト ただ現在「STI ...

2

ホームページを今まで沢山作ってきましたが、リニューアル案件以外の方はやはり「予算重視」である場合が多く、こちらの言う「大切」な事とか「重要な事」なんていう意見は「わかっているけど・・・」とはいうものの ...

tonkotu 3

今回はまず、ベースとなる「ホームページのタイトル」の考え方と下層ページコンテンツに何を作るべきかを考えていきます。 「タイトル設定」はまず最初に行うべき事であり、またホームページの命運を分ける最重要項 ...

投稿日:2016年1月11日 更新日:

Copyright© ホームページ作成なら無料テンプレートのmicata(ミカタ) , 2016 AllRights Reserved Powered by AFFINGER4.