ワードプレスとココログとブロガーをワードプレスに移行する

公開日: 更新日:

これまでブログをニフティーのココログとグーグルのブロガーとワードプレスで書いてましたがココログとブロガーの記事とワードブレスの一部をこちらに移行することにしました。
うまく移行ができるのか心配でしたが移行ツールでやったところスムーズに移行ができました。
簡単に移行方法を書いておこうかと思います。

マジシャンの今年1年を振り返る

公開日: 更新日:

今年も色々ありました。歳のせいでしょうか?毎年一瞬で1年が過ぎていきます。
今年一年お世話になりました。来年もよろしくお願いいたします。
簡単にマジシャンの1年を振り返ってみたいと思います。

ウェブサイトをBloggerからWordPressに移行

公開日: 更新日:

マジシャンひろしつちやのウェブサイトは長らくGoogleのBloggerと言う無料のブログサービスを利用してきましたが14日早朝にWordPressに移行しました。

BloggerのテーマをContempoに変更など

公開日: 更新日:

※2019/02/19 14日にwordpressのRaindropsに移行しました。(現在はTwenty Nineteen)

私のこのサイトはGoogleのBloggerを使っていますが去年あたりに新しいテーマ(テンプレート)が数種類加わったのでその中の「Contempo」に変更してみました。

ホームページを固定ページに変更

公開日: 更新日:

ホームページ(トップページ)を固定ページにしてみました。

どうでしょう?

私のブログはgoogleのbloggerという無料のブログサービスを使っていて基本的には普通のウェブサイトの様にトップページには固定のページを持つことは出来ないのですが「リダイレクト」機能を使って実現させてみました。

どうなっているかといいますと

「https://hiroshitsuchiya.com」に接続するとリダイレクト機能で「https://hiroshitsuchiya.com/index」へ飛ばしています。
「p」はbloggerのページと呼ばれる固定URLのページディレクトリです。

接続する方は恐らく気づかないのではないでしょうか?

これでホームページ風にすることが出来ました。

ホームの「index」には一番重要な事柄を記載しようと思います。
ブログの方は表からは一応見えなくなったので今までよりも適当に更新していこうかなと思っています。

P.S.
今年初のスイカを買いました!

▽マジシャン出張マジックのお問い合せ、お仕事の依頼、お申込みはこちらからどうぞ。

マジシャンひろしつちや / Magician H
Mail : i@hiroshitsuchiya.com

ブログとウェブサイトを一つにまとめる

公開日: 更新日:

9月に”.tokyo”のドメインを取得したのをきっかけにウェブサイトとブログのサイトを2つに分けていたんですが1つにまとめちゃいました。

Bloggerをウェブサイト風に変更する方法

公開日: 更新日:

最近このブログをウェブサイトとブログという風に2つに分けたんですがその時にウェブサイトの方でHTML編集をしてBloggerをウェブサイト風に変更しました。

備忘録を兼ねて変更方法を記載しておきます。

■フッターを削除する

下にあるこいつを消せます。
「Awesome Inc. テンプレート. Powered by Blogger.」

設定のテンプレートのHTML編集から以下を検索して見つけます。

<b:section class=’foot’ id=’footer-3′ showaddelement=’no’>
<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>

そして
「locked=’true’」を「locked=’false’」に、「showaddelement=’no’」を「showaddelement=’yes’」に修正し保存すると、ガジェット編集に「削除」ボタンが出現するので、それで削除します。

■投稿の下に表示される「Feed登録」を削除する

こいつです。
「登録: 投稿 (Atom)」

HTML編集で「feed links」を検索します。

<!– feed links –>
<b:include name=’feedLinks’/>

これをコメントアウトします。

変更後
    <!– feed links –>
    <!– <b:include name=’feedLinks’/> –>

■「前の投稿」「ホーム」に移動するナビゲーションを削除する。

HTML編集で「navigation」を検索します。

    <!– navigation –>
    <b:include name=’nextprev’/>

これをコメントアウトします。

    <!– navigation –>
    <!– <b:include name=’nextprev’/> –>

以下のサイトを参考にさせて頂きました。
BloggerでブログじゃないWebサイトを作る方法【サンプルあり】

もう一つHTML編集をしたところがあるのでついでに記載しておきます。
Googleで検索された時にBloggerのデフォルトでは「ブログタイトル|投稿タイトル」の順に表示されるのですがこれを「投稿タイトル | ブログタイトル」の順に表示されるように変更しています。

前にもしたことがあるのですが前の時はページ(静的ページ)と呼ばれるところは変更ができませんでした。
今回はこの「ページ」と呼ばれるところも「投稿タイトル | ブログタイトル」の順に表示できます。

次のコードを見つけます。
<title><data:blog.pageTitle/></title>

これを以下に変更します。

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <title><data:blog.pageName/> | <data:blog.title/></title>
  <b:else/>
    <title><data:blog.pageTitle/></title>
  </b:if>
</b:if>

以上です。
何日か後にGoogleで検索すると順番が変更されているはずです。

以下のサイトを参考にさせて頂きました。
Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法

ブラウザで表示されるアイコン(Favicon)を変更

公開日: 更新日:

ブラウザでウェブページを見た時にタブやURLのところに表示されるアイコン(Faviconと呼ぶそうです)があるんですがそれを変更しました。

ここのブログはGoogleのBloggerを使っているんですがデフォルトではオレンジの中にBの白い文字が書いてあるものです。

Bloggerのファビコン
Bloggerのファビコン

これを自分のものに変更です。
まずはアイコンを作らないといけないので無料で使えるWebサービスがあったのでそれを使いました。

X-Icon Editor

ここでえっちらおっちらアイコンを作成。
最初はトランプのマークなんかにしようかなとも思いましたが難しいのでシンプルに「H」に。
最初はもう少しおしゃれな筆記体のHにしようとしましたが曲線が難しいのでこちらも諦めて直線のゴシック体としました。

表示されるサイズによって4種類ほど作れるんですがそれぞれを作成してみました。

バックの色は

WEB用カラー見本 ソート機能付き

で探しました。

X-Icon Editorの画面
X-Icon Editorで作成している画面。
とてもシンプルな操作で簡単でした。

これを「Export」して.icoをダウンロードします。

ここからはBloggerの設定で

ダッシュボード→レイアウト→左上のファビコンの編集をクリック。

ポップアップで「お気に入りアイコン(ファビコン)を設定」という画面が出るので「ファイルを選択」ボタンをクリックして先ほどダウンロードした.icoファイルを選択して「保存」ボタンをクリック。
以上で完了です。
キャッシュのせいですぐには変わらないかもしれませんがしばらくすると変わります。
以下のようになりました。
いかがでしょうか?
マジシャンひろしつちやの新しいファビコン
新しいファビコンになったブラウザ(Chrome)のタブです。

お名前.コムとGoogleAppsとBloggerの設定方法

公開日: 更新日:

前の投稿でドット東京のドメインを取得した話を書きましたがその時の設定方法を備忘録として記載しておきます。

前回の投稿
ドット東京(.tokyo)ドメインを取得

マジシャン出張/派遣マジックショーの案内はこちら