-
【アメブロ】メッセージボードをおしゃれにカスタマイズ!
今日は、アメブロのメッセージボードの設定についてです。 足を立ち上げたばかりの状態ではヘッダー画像、メニューの下に何も表示されません。 初期ではメッセージボードなし メッセージボードを設定することで、パソコンでブログを開いたときに、一番上に... -
ブログで使えるタイトル付き囲み枠のCSS
この記事では、タイトル付きの囲み枠のデザインをご紹介しています。 ぜひ、サービス紹介やお知らせに使ってみてください♪ 各ブログでの囲み枠の使い方 掲載されているコードをHTMLタグ編集モードで貼り付けると囲み枠を使うことができます! 詳しい使い方... -
【アメブロ】スマホのデザインを変更するには?
今回は、アメブロのスマホデザインを変更する方法を解説しています。 パソコンとスマホのデザインは別々に設定 動画でも設定方法を解説しています。 https://youtu.be/yBMVNsbO764 アメブロのブログデザインは、・パソコン・スマートフォンブラウザのそれ... -
【アメブロ】サイドバーにバナーやお知らせを設定しよう!
今回は、アメブロのサイドバーのカスタマイズ方法についてご紹介をします。 サイドバーを使うことで、ぱっと見でどんなブログかわかりやすくしたり、記事を読んだあと次に見てほしい情報をお知らせしたりできます。 仕事でアメブロを使っている方は、右側... -
【アメブロ】サイドバーの色を変更してみよう!
今回は、アメブロのサイドバーの色や背景色を変える方法をご紹介します。 これまでのアメブロカスタマイズで設定したヘッダー画像やメニューバーと合わせて競っていただくとより統一感のあるデザインを作っていくことができます。 動画で解説 https://yout... -
【アメブロ】背景色・画像を変えてみよう!
今回は、アメブロに背景の画像や色を設定する方法をご紹介します。 背景に色が入ると、ヘッダー画像と合わせてブログ全体のデザインに統一感を出すことができます。 この記事でわかること 1.ページ全体に背景色を設定する2.ページ全体に背景画像を設定する... -
【アメブロ】好きな色でメニューバーを設定しよう
この記事ではアメブロにメニューバー(グローバルナビゲーション)を設定する方法を解説します。 メニューバーがあると、読者に見てほしいページを案内することができます。 【動画解説】アメブロでのメニューバー設定方法 https://youtu.be/BMhADRgcHXE ... -
【動画で解説】アメブロヘッダー画像をカスタマイズ
この記事では、オリジナルのヘッダー画像をアメブロに設定していく方法を解説しています。 before after 簡単に設定できますので、ぜひやってみてくださいね。 https://youtu.be/10nNq2pBi14 Step1. ヘッダー画像を用意する アメブロの画像サイズは横幅112... -
自分でできる。アメブロのおしゃれなカスタマイズまとめ
アメブロを、おしゃれにカスタマイズしたい! この記事では、アメブロのデザインをおしゃれにカスタマイズする方法を解説しています。 テンプレートそのままではなく、おしゃれでテンションのあがるブログにカスタマイズしちゃいましょう。 パーツごとに紹... -
コピペするだけアメブロのフォントを可愛くする方法
この記事ではフォントを変更する方法をご紹介します。 before after フォント(文字の字体)が変わると、ブログの雰囲気もがらっとかわります。 特にWindowsだと、ギザギザに見えてしまうこともあるようです。フォントを調整して、読みやすさアップしてい... -
【図解】WordPressのテーブル構造はどうなっているの?
WordPressは記事などデータをデータベースに保存しています。 普段は意識しませんが、プラグインを作っていると、「WordPressデータベースには、どのようにデータが保存されているのか?」テーブル構成を気になってきました。 今回は、データベースの中身... -
Snow Monkey Formsでお問合せフォームを作成する
WordPressにSnow Monekey Formsでお問合せフォームを設置しました。 Snow Monkey Formsは、有料テーマSnow Monkeyに合わせて作られたプラグインですが、シンプルな機能、デザインで他のテーマでも使えます。 当HPで使用中の「SWELL」でも問題なく設定でき...

