アメブロ 枠 (メッセージボード)を記事内に作る方法【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ 枠 (メッセージボード)を記事内に作る方法を紹介します。   ここでは、下記のように枠を作り、外部の参照先に飛ばせるように設定する方法をご紹介します。今回のやり方は、記事にHTML,CSSを直接書くためスマホも対応しています。     ※2017年1月13日のアメブロ仕 […]

有名な SNS 一覧 特徴と利用者数を比較【ソーシャルメディア 日本と世界】

  今回は、国内のSNS利用のトレンドと、世界と日本で人気のあるSNS一覧とその特徴・利用者数を説明します。   前半では、国内におけるSNSの利用数の推移や国内で人気SNSの利用動向について説明しています。   後半では国内および世界で有名なSNSの特徴や利用者数について説明しています。     もくじ 以下は本記事のもくじです。 1. 日本にお […]

アメブロ メニューバーの作り方2 標準タイプ【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。   今回は、アメブロのPC用トップページに下記のようなメニューバーを表示する作り方をご紹介します。       ※もう一つのタイプ、透明でスクロールしてもついてくるメニューバーの作り方も紹介しています。下記タイプのメニューバーを作成したい方は「アメブロ メニューバーの作り方 […]

【 2016年 振り返り 】今年は分岐点!? 退職&独立 【大晦日 12月31日】

2016年は8年勤めた会社を退職して独立しました。今回は、 2016年 振り返り を書いてみたいと思います。   今年は2016年は人生の分岐点!?   2016年は、31歳になり、ついにサラリーマンをやめて独立しました。「いつかやるぞやるぞ」と思いつつ、そのまま数年間以上経過して、いつの間にやら30歳を過ぎてしまいましたが、ついに実行に移してしまった年です。     […]

アメブロ プロフィール 画面のカスタマイズ 設定方法 【ameblo デザイン カスタマイズ 】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ プロフィール 画面をカスタマイズする方法を紹介します。   アメブロのトップページをオリジナルにカスタマイズされている方は多いと思いますが、プロフィール画面をカスタマイズしている方は少ないのではないでしょうか。   せっかく、トップページが綺麗に装飾されていても、プロフィールに移 […]

アメブロ 背景 画像 を設定する方法【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ 背景 画像を設定する方法を紹介します。   ここでは、アメブロのPC用トップページの背景画面に任意の画像を入れる方法をご紹介します。   ※2016年12月28日のアメブロ仕様での設定手順になります。   ※そもそもカスタマイズってどうやるの?という方はこちら「アメブロ […]

アメブロ Facebook 連携 アメブロにFacebookページを追加する【フェイスブック 埋め込み】

アメブロ Facebook ページの連携に関する記事です。   お使いのFacebookページをアメブロのトップページに追加することで、アメブロからFacebookページに流入、いいねをもらえる可能性があります。     アメブロとFacebookページがあれば簡単に設置できますので、今回はその設定手順を記載します。   ※2016年12月27日時点の手順に […]

アメブロ ヘッダー 下部のメニューバーを消す方法【ameblo デザインカスタマイズ】

  アメブロでオリジナルのデザインを自作してみましょう。今回は、 アメブロ ヘッダー 下部のメニューバーを消す方法を紹介します。   ここでは下記のように、アメブロトップページのヘッダー下部にある、標準のメニューバーを消す(非表示にする)方法をご紹介します。     ※2016年12月25日のアメブロ仕様での設定手順になります。   ※そもそもカス […]

クリエイター 200人祭り イベントレポート【大阪 セミナー・交流会 感想】

2016年12月18日(日)晴天のなか、あべのハルカスで クリエイター 200人祭り を開催しました!!   3年後のあなたを変える!爆発スタート クリエイター200人祭り!!     イベント当日は、 たくさんの参加者様で会場が埋まっている様子 コミュニケーションスペースが人で賑わっている様子 交流会で笑顔でしゃべっている様子を見て 「こんな大きなイベントを自分たち […]

WordPress メニューバー 作成とフロントページ 設定【ワードプレス 使い方】

WordPress メニューバー の作成方法を説明していきます。ここでは、テンプレートキングというWordPressのテンプレートを無償配布しているサイトのテーマをサンプルとして、メニューバーの作成を説明していきます。   既成テーマ(テンプレート)を利用することで、自分で1からデザインしなくても綺麗なデザインのホームページを作ることができます。   (※)WordPressと […]

WordPress 使い方 管理画面(ダッシュボード)の解説【ワードプレス 基本】

ここでは、 WordPress 使い方 を理解するために、基本操作画面と各項目の意味を説明します。   (※)WordPressとは、個人ブログから企業のWebサイトまで、いろいろなところで使われているシステムです。簡単な操作で本格的なWebサイトを作れたり、ページを追加・更新できることが特徴です。このようなシステムをCMS(コンテンツ・マネジメント・システム)といい、WordPress […]

WordPress テーマの適用方法【ワードプレス 無料 テンプレートキング】

WordPress テーマ の適用方法を説明していきます。ここでは、テンプレートキングというWordPressのテンプレートを無償配布しているサイトのテーマで説明していきます。   既成テーマ(テンプレート)を利用することで、自分で1からデザインしなくても綺麗なデザインのホームページを作ることができます。   (※)WordPressとは、個人ブログから企業のWebサイトまで、 […]

無料 レンタルサーバー Xドメインで WordPressをインストールする手順

今回は、 無料 レンタルサーバー を提供しているXドメインでWordPressをインストールする設定する手順を記載します。   (※)そもそもWebサイト(ホームページ)の仕組みがイマイチわからないというかたは合わせて「初めての ホームページ 作成 手順 と 知っておきたい基礎知識」をご参照いただければと思います。   ※2016年10月24日時点での手順になります。 &nbs […]

初めての ホームページ 作成 手順 と 知っておきたい基礎知識【ドメイン サーバー】

初めての ホームページ 作成 手順 と 知っておきたい基礎知識をここでは説明します。   もくじ 以下は本記事のもくじです。 1. 初めての ホームページ 作成手順と概要 1-1. 概要 Webサイトの基本の仕組み 1-2. ドメインを取得する 1-3. レンタルサーバーを借りる 1-4. (補)FTPソフトのインストールする 1-5. HTMLファイルなどをアップロードする 2. まと […]

【告知】 ホームページ勉強会 – Jimdoを始めよう編【大阪 初心者向け】

「超初心者だけど自力でホームページ作成とかしてみたい」「ホームページを使って趣味や副業など何かしらの活動に活かしたい」「同じような立場の人と交流したい」という方を対象に ホームページ勉強会 を大阪でやります。   今回はHTMLやCSSを使わずにJimdoでホームページを作成する実習をやってみます。     もくじ 1. 9/24初心者向けホームページ作成・活用の勉強 […]

HTML CSS 擬似要素 と 擬似クラス を併用する【::before ::after :hover 】

HTMLやCSSでよく見かける 擬似要素(例. ::before ::after) と 擬似クラス(例. :hover ) が併用可能か調べてみました。   結論 :擬似クラス::擬似要素は動作する 例. :hover::afterは動作する   ::擬似要素:擬似クラスは動作しない 例. ::after:hoverは動作しない   もくじ 以下は本記事のもくじです。 […]

CSSによる 角丸 の枠や背景 の作り方【HTML CSS3 border-radius 円 】

今回は、CSSのプロパティ「border-radius」を使った、角丸の枠や背景(四角形の4角を丸くする)の作り方について紹介します。   border-radiusは、CSS3という規格で登場し、pxや%を使って四角形の4つの角を丸くする事ができ、円も作る事もできます。   もくじ 以下は本記事のもくじです。 1. border-radius 1-1. 概要 1-2. 基本的 […]

WordPress ログインやコメント時に 画像認証 を作成する【セキュリティ・スパム対策 プラグイン】

今回紹介するのは、「SI CAPTCHA Anti-Spam」というWordPressのプラグインで、ログイン画面やコメント投稿画面で「 画像認証 」を設置することができます。   画像認証という技術により、業者の悪意あるプログラムによるスパム攻撃を防ぐことができ、セキュリティを向上に貢献できます。     もくじ 以下は本記事のもくじです。 1. 画像認証とは 2. […]

初開催 ホームページ ブログ 勉強会 振り返り【大阪 Web イベント】

  「2016年8月13日(土) 【初心者向け】ホームページやブログ作成・運営に関する 勉強会 」の開催レポートを記載します。   開催概要については以下のページをご参照ください。 2016年8月13日(土) 【初心者向け】ホームページやブログに関する 勉強会 開催概要   もくじ 1.開催レポート 1-1. 勉強会の流れ 1-2. 会場の雰囲気 1-3. 総括 &n […]

【開催概要】2016.8.13 初心者向け ホームページやブログに関する 勉強会

この度は「2016年8月13日(土) 【初心者向け】ホームページやブログ作成・運営に関する 勉強会 」にご参加いただきありがとうございます。 以下、開催概要です。 もくじ 1.開催内容の説明 1-1. 日時 1-2. 場所 1-3. 流れ 1-4. お願い事項   1. 開催内容の説明 1-1. 日時 2016年8月13日(土) 10:00〜12:00 当日9:50分に京阪天満橋駅のスタ […]