サイト刷新（Wordpress：はじめに)

新しい時代を迎えるに辺り、サイトもそろそろ新しくしようかと思っていた所に「クールでかっこいい」社からVer16の案内があった

全般的に刷新のイメージはないが、ブログに「吹き出し」が使えるというので早速導入

が、思っていたとおり旧版からうまくウェジェットなどが引き継げてない

サイト再構築のノウハウをここにメモ

１．ロゴの作成

　（１）EXCELに”DoCoMa工房”と入力し、文字フォントを[４８ポイント]、フォントに[DFP流隷体W7]を選択すると

　　

　（２）[Shift]＋[Windows]+[S]で文字の部分だけ方形でコピー、windowsアクセサリのペイントに貼り付け、

　　　サイズを２００×６０ピクセルに変更し、png形式でファイルに落とす

　（３）文字以外を透過処理するが、その道のサイト（https://www.peko-step.com/tool/alphachannel.htmlなど）で

　　　透過にする

　（４）[ダッシュボード]-[外観]-[カスタマイズ]-[ロゴのアップロード]すればサイトTOP左上に繁栄される

２．ヘッダー・メニュー作成

　（１）情報自体は引き継がれているので、[ダッシュボード]-[外観]-[メニュー]で[メニューを保存]で設定を繁栄させればOK

　と思いきや繁栄されないので、マニュアルを見る

　（２）[外観]-｢メニュー｣で[新しいメニューを作成]を実行し、メニュー名をheader-navigationとして一から作成する

　（３）メニュー項目欄の[カテゴリー]より必要な項目にチェックを入れて[メニューに追加]とすると、メニュー構造欄に繁栄される

　（４）これで、メニューが作成されるが、[2-2.家やさい]だけに説明文が一緒に表示されるので、削除する

　　　[ダッシュボード]-[投稿]-[カテゴリー]で「2-2.家やさい」だけが”説明”が記載されていたので、この説明を削除する

　（５）なお、触っている内に「ホーム」が消えたり、メニューが表示されなかったりするので、

　　　①最下部の「メニュー設定」欄の[メニューの位置　 ヘッダーナビゲーション]に✔

　　　②[ホーム]を[カスタムリンク]で作成（現在shinagawa.loveに設定中）

３．早速ふきだし投稿に挑戦

　（１）吹き出し人物の登録

　　　[ダッシュボード]-[外観]-[カスタマイズ]-[吹き出し用イメージ設定]で、人物画像を登録

　　　現在、100×100ピクセルを2枚登録中

　（２）吹き出しショートコード設定

　　　とりあえずは、

　　　＜左からの吹き出し＞
　　　　　［bln_left color=”色指定用コード” img=”画像No” name=”名前”］
　　　　　　ここに吹き出しの文章
　　　　　［/bln_left］

　　　＜右からの吹き出し＞
　　　　　［bln_right color=”色指定用コード” img=”画像No” name=”名前”］
　　　　　　ここに吹き出しの文章
　　　　　［/bln_right］

　　　また色指定は、

　　　　　青　　：ｂｌｕｅ－ｗａｋｕ

　　　　　ピンク：ｐｉｎｋ－ｗａｋｕ

　　　で実際に、投稿・テキスト画面で記述してみると

　（１）[ダッシュボード]-[外観]-[テーマ]で小テーマを選択すると[テーマの詳細]が表示されるので、

　　　ここで[カスタマイズ]-[ウィジェット]と進む

　　　更に左メニューから[フッターパーツ]に「コンテンツ用投稿一覧」があるので、これを削除する

　本テーマに移行した直後はこの特集ページ表示が小さくみにくくアンバランス

　なので正常な大きさに変更する

　そもそも、コンテンツ用[投稿一覧]がコンテンツとして引き継がれたり、

　特集ページがフッターメニューに入れ込まれたりしているのがアンバランスの要因

　特集ページは、フッターメニューから最下段のコンテンツに移設する

　（１）[ダッシュボード]-[外観]-[カスタマイズ]-[ウィジェット]-[トップページコンテンツ]から

　　　[ウィジェット]を追加

　　　追加するのはティストウィジェットで、タイトルを「RaspberryPiの特集ページ」とし

　　　テキスト内容に「［ｃｏｏｌ－ｐｏｓｔｓ－ｃａｒｏｕｓｅｌ］」を記述する

　（２）フッター01に表示されているテキストウィジェットは削除する

　（３）さて、「RaspberryPiの特集ページ」は画像が小さいし、トップページとしてバランスが悪い

　　　ので、まず大きくする

　　　[ダッシュボード]-[設定]の中の[Coolweb Carousel]を開く

　　　「スライドの個数 980px以上」欄を6から2に変更する

　（１）[ダッシュボード]-[外観]-[カスタマイズ]-[ウィジェット]-[フッター０１]に

　　　ウィジェットを追加　追加するのは「カテゴリー」

　　　詳細設定でタイトル名を＜カテゴリー＞と記述し、併せて「投稿数」と「階層」を表示させる

　（２）同じく[フッター02]にパン屑リストを表示させる

　　　ウィジェット「タグクラウド」を追加する

　　　タイトル：タグ一覧、分類：タグを設定

　（３）また同様に[フッター０３]にウィジェット「メタ情報」を追加表示させたいが、もっかウィジェットが

　　　見当たらないので、調査中（代わりにメタ画像を挿入中）

　（１）[ダッシュボード]-[外観]-[カスタマイズ]-[テーマの追加機能設定]で、

　　　 「SNSシェアボタンを表示する」に✔

　（２）同様に、「ヘッダーにSNSリンクを表示する」に✔

　（３）リンクURLに次のURLを記述

　　　Facebook リンクURL:　https://www.facebook.com/shinagawa.f

　　　Twitter リンクURL：　https://twitter.com/shinagawa7

　　　Instagram リンクURL：　https://www.instagram.com/mutsuoshinagawa/?hl=ja