CATEGORY

Webサイト作成

WordPress で有名で便利な機能やプラグインを探す方法

  ここでは、WordPressで有名で便利な機能やプラグインを探す方法を紹介します。   セミナーやレッスンをしていて「WordPressに『〇〇』な機能をつけたいんだけど、なにかありますかー??」 的なことをよく質問されます。    そういう場合は「WordPress プラグイン 〇〇」でGoogle検索するとだいたい有名なのがヒットします。    「W […]

PCからアプリなしでインスタグラムの写真をアップロードする方法

  今回は、PCからツールやアプリ無しでインスタグラムの写真をアップロードする方法を紹介します。   PCメインで写真を加工したり保存したりしている人にとっては、PCから直接アップロードすることで手間が軽減できるようになります。   (※)Instagramは、基本的にスマートフォンしか写真をアップロードすることができません。   Instagramでは、「 […]

【 Instagram 連携 】インスタ写真をWordPressに表示する

  インスタグラム WordPress 連携の手順を紹介します。   InstagramとWordPressを連携することで、Instagramのフォロワーアップ・集客アップを図れる可能性があります。今回は下記のようにWordPress(プラグインなし)で実施する方法を紹介します。     ※2017年3月31日時点の手順になります。   もくじ […]

【 Twitter アメブロ連携 】ツイートをアメブロに表示する

  Twitter アメブロ連携 の方法をここでは紹介します。   Twitterとアメブロを連携することで、フォロワーアップ・集客アップを図れる可能性があります。今回は、下記のように、アメブロの記事に任意のツイートを埋め込み・表示させる方法を紹介します。     (補足)アメブロの標準機能で特定のツイートを表示させる機能が追加されました。本機能を利用すると […]

【 Twitter WordPress連携 】ツイートをWordPressに表示する

  twitterのツイートをホームページに表示してみましょう。   twitterとホームページを連携することで、Twitterのフォロワーアップ・集客アップを図れる可能性があります。今回は下記のようにWordPress(プラグインなし)で実施する方法を紹介します。     ※2017年3月31日時点の手順になります。   もくじ 以下は本記事の […]

【 HTML CSS 入門 】Atom エディタ のインストール手順

  ここでは、HTMLやCSSを編集するのに便利なツール「 Atom エディタ」の紹介とインストール手順などを説明していきます。       もくじ 1. Atomとは 2. Atomのインストール 2-1. 設定手順(Mac) 2-2. 設定手順(Windows) 3. まとめ   1. Atomとは Atom エディタ とは、htmlやcssフ […]

【 CSS 入門 】CSSの基本とよく使うプロパティ

  1. CSSとは 2. CSSの基本構造 3. 主なCSSプロパティ 4. まとめ   CSSとは 前回の記事(【HTML CSS 入門】HTMLの基本とよく使うタグ)では、HTMLを使って「これは見出し」、「これは文章」、「これは画像」、「これはリンク」など定義していきました。   しかし、普段見ているWebページはもっと色や配置が整っていて、綺麗な見た目になっ […]

【HTML CSS 入門】HTMLの基本とよく使うタグ

  ここでは、HTML 入門 として、HTMLの基本の説明と、よく使うタグについて説明していきます。   もくじ 以下は本記事のもくじです。 1. HTMLとは 2. HTMLの基本構造 3. 主なHTMLタグ 4. まとめ   では、説明に移っていきます。     1. HTMLとは まずはじめに、HTMLとは何かを説明します。 HTMLとはHy […]

WordPress AMP対応の際に禁止タグ plusone でSearchConsoleがエラー警告

WordPressをAMP対応した際、Google Search Consoleから plusone という禁止タグがあるので修正しなさいとエラー警告ができたので、その時対応した対処法を記載します。     結論としては、WP Social Bookmarking Lightというプラグインで生成したGoogle+のシェアボタンを出力しない設定にしたら改善しました。   […]

投稿 ネタ に困った時に考える方法【 SNS・ブログ ネタ探し】

今回は、SNSやブログで、 投稿 ネタ に困った時のために、過去ネタの再利用についてご紹介します。   ブログやSNSで何かを投稿したいけども、投稿ネタがなかなか思い浮かばなくて書けないという経験が一度はあるのではないでしょうか。投稿ネタが思い浮かばないという人は結構多いです。     今回は、そんな時に使える過去ネタの再利用について幾つかご紹介します。   […]

【 アメブロ カスタマイズ 記事一覧】オリジナルブログの作り方

  アメブロのブログデザインをカスタマイズしたい方向けに アメブロ カスタマイズ 関連の記事を書いています。ここでは、アメブロカスタマイズ関連の記事を一覧で紹介していきます。   目当ての記事がありましたら是非ご参照ください。   ※2016年3月から利用できるようになった新しいタイプのCSS編集用デザインを対象としています。   記事の実績   […]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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