メインカテゴリーを選択しなおす
【アレンジいろいろ】SWELLの投稿リストを使った記事一覧デザイン5選
WordPressテーマSWELLの高機能な「投稿リスト」ブロック。独自のカスタマイズで、記事一覧デザインのアレンジアイデアをたくさん紹介します。
WordPressテーマSWELLの高機能なブロックで、自分好みのHTMLサイトマップを自作しました。プラグインを使わず自作することによって、ユーザーの利便性を上げることができます。
SWELLでメディアとテキストの使い方!画像に文字を重ねておしゃれにする
WordPress「メディアとテキスト」は画像と文章をおしゃれなレイアウトで配置することができます。テーマSWELLでは独自レイアウトのカード型とブロークングリッド型が追加されており、さらに表現を広がります。ブロックの使い方と、透過や画像の上に文字を重ねる方法を紹介します。
SWELLブログパーツの使い方6選!便利すぎる利用例も全部見せます
WordPressテーマSWELLではブログパーツがとっても便利。使い回しもできるし、ウィジェットや記事内にも呼ぶことができます。6つの使い方を詳しく解説します。
簡単でおしゃれ!Canvaを使ったブログのアイキャッチの作り方を解説
ブログのアイキャッチ画像をCanvaで簡単・おしゃれに作る方法を紹介。当ブログのアイキャッチもすべてCanvaで作成しています。テンプレートを使ったアレンジが1番簡単でおしゃれに仕上がりますよ。
簡単おしゃれに!ブログのヘッダー画像をCanvaで作る方法を解説
Canvaでブログのヘッダー画像を作る方法を解説。ブログの雰囲気にあったおしゃれなヘッダーロゴを作ってみよう。WordPressテーマSWELLでのヘッダー設定方法を紹介しています。
はてなブログのテーマUnderShirtでおこなったカスタマイズ一覧です。この記事ではトップページと記事内に関するカスタマイズをまとめています。
はてなブログのデザインテーマ「Minimalism」のカスタマイズのまとめ。フォント関連、ヘッダー画像、フッターなど。
今回はillustratorに続き、photoshopについてご紹介していきたいと思います。photoshopは主に写真や画像の加工や調整、合成などに使用され、バナーなど写真を使用する場合にはなくてはならないスキルになります。
リモートワークやフリーランスが当たり前になっている昨今では業務委託で働いているWEBデザイナーの方も多いのではないでしょうか?今回は業務委託で注意する点やデメリットやメリットなどをご紹介していきます。
ブログ記事のデザインをおしゃれにする10のコツと参考サイト8選
この記事で分かること おしゃれなブログデザインの共通点 おしゃれなブログデザイン8選 おしゃれデザインを作るWordPressテーマ ブログ&記事をおしゃれにするコツ13選 こんな疑問にお答えします。
早いもんではてなブログ2年。収益は1年分のはてなプロ、ドメイン代も回収できた。バズリ記事も書けたけど雑記ブログって難しいなぁ~
当記事ではブログ運営について記載していきます。 本記事はプロモーションを含みます。 以前から、スマホで当サイトを見たときにとても見づらくどうにかできないかと考えていました。 無料版はてなぶろぐでは制限が多くあきらめていましたが、レスポンシブデザインモードにすればいいとわかりました。 これは、スマホでもパソコンと同じデザインにできるというものらしく、以前使っていた公式テーマAeroでは対応していないみたいなので、別のテーマを探すことにしました。 その結果、UnderShirtというテーマが、以前のデザインに似ているので実装してみることにしました。 blog.hatena.ne.jp テーマを実装…
【Canva】イラストのサンプルテキストなど不要な部分を消す方法
フリーのイラストの中には「サンプルテキスト」や「テキスト」の入ったものも多々あります。それらのイラストを使うためにはまず不要な部分を消さないといけません。ここでは Canva を使って不要な部分を背景と同じ色で埋めて消す方法をご紹介します。
ブログに最適な画像サイズは?【今すぐできる!圧縮方法も解説】
この記事で分かること ブログに最適な画像サイズは? ブログ画像サイズを整える方法 ブログ画像ファイルを圧縮する方法 こんな疑問にお答えします。 ブログに上げる画像を、何も考えずに掲載している人もいるの
この記事はブログ初心者がネットを検索して、自分のブログで試行錯誤したことをまとめたものです。 正しくない情報が含まれている可能性もありますのでご了承ください。 ここで紹介する方法はアメブロを利用し、パソコンでブログを書いていることを前提にしています。 Step1、並べたい画像を記事本文に貼る Step2、HTML表示の画面に移動 Step3、htmlの画面での作業 1、画像のコードの下に画像を並べるコードをコピーして貼り付ける。 2、画像を並べるコードに画像urlを貼り付ける Step4、画像サイズを調整 Step5、並べた画像を真ん中にしたい おまけ 画像を3個、4個並べた場合の見え方 画像…
この記事はブログデザイン初心者がネットを検索して、自分のブログで試行錯誤したことをまとめたものです。 正しくない情報が含まれている可能性もありますのでご了承ください。 ここで紹介する方法はアメブロを利用し、パソコンでブログを書いていることを前提にしています。 Step1:画像を貼る Step2:画像サイズの調整 Step3:スマホで見るときも並べて表示したい場合 Step4:その他 左に寄っている画像を真ん中にずらしたい場合 画像と画像の間に隙間を開けたい場合 画像一覧で画像を見る 終わりに (adsbygoogle = window.adsbygoogle []).push({}); …
アイキャッチなどの画像を作る時に画像同士を組み合わせたいと思うことはありませんか。そんな方にデザインACで簡単にできる【アップロードした画像の中に別の画像を挿入する方法】をご紹介します。
初心者の個人ブログならロリポップのスタンダードプランでも容量は十分な気がしますが、おすすめはロリポップハイスピードプランです。ハイスピードプランにはドメイン永久無料サービスが付いています。ドメイン永久無料サービスはかなりお得です。
ブログをはじめて最初に何をすればいいのか迷っている方に向けて、実際にブログを始めて一ヶ月以内にしたことをリスト化しました。サーバー契約・ドメイン取得、ワードプレス・Cocoonテーマの初期設定、プラグインの追加など。
ブログ初心者の頃は、せっかく貼った写真のサイズが重すぎて貼りなおしたり、位置情報が含まれていることに気がつかなかったりと失敗も多いです。そんな方に向けて、ブログ用写真の位置情報削除や画像圧縮方法がわかる記事を書きました。
【Cocoon】Google Fontsを使って文字をおしゃれにする方法
当ブログでは、Google Fontsを使って一部の文字のフォントを変更しています。Google Fonts とは、無料で使えるオープンソースのフォントです。ダウンロードの必要がなく、コードを書きこむだけで使用することができます。
WordPressのCocoonテーマで、ヘッダーにメニューを追加する方法を紹介します。ヘッダーメニューとは、ブログのヘッダー部分にあるメニューのことです。ヘッダーメニューがあることで、サイト内の回遊率をあげるメリットがあります。
【Cocoon】サイドバーにアイコン付きボックスメニューを追加する方法
WordPressのCocoonテーマで、サイドバーにボックスメニューを追加する方法を紹介します。サイドバーだけでなく、投稿記事の上部やフッターなど、ボックスメニューは様々な場所に配置することもできます。
【WordPress】Font Awesomeアイコンが表示されない|使い方と使えない理由
WordPressのCocoonテーマでは、簡単にFont Awesomeアイコンを使用できます。手順通りに作業してもアイコンが表示されない場合もあるので、Font Awesomeアイコンの使い方と表示されないときの対処法の記事を書きました。
ブログのデザイン「テーマ」を変更しました。トップ画面で記事の写真を大きく表示しつつ、すっきりとまとまっている、 ”Color Book" を選択
スウェットプルオーバーを長ーく伸ばしただけの シンプルな魔女服(ズタ袋風🤣)が生協から届いた 濃紺 夜色 裏起毛あった...
こんなお悩みにお答えします。 ブログは有料画像がなくても作れますが、有料画像を使うことで、時間短縮に繋がったりブログ全体の質が上がったりと、メリットが多くあります。 以下ではブログに有料画像を使うべき
WordPressおすすめ有料テーマ10選・無料テーマ5選をご紹介【ブログ初心者必見】
この記事では、ブロガーが使うテーマを全部で15種類まとめました。 有料テーマ・無料テーマ別になっているので、ぜひ参考にされてください。 収益化・デザイン性・費用など、自分に合ったテーマを見つけ .
● パソコン表示は、アメブロをカスタマイズしていますこんにちは、片岡すずみです。このブログは、スマホで読んでくださっている方が、多いみたいなんですね。何度も読…
たにログ365 お洒落な告知や案内を作りたいタニラーさんにCanvaをオススメしたい!
皆さんこんにちは、やもまるです😊今日は多肉では無いのですが、デザインアプリの話です。先月からブログのリニューアルを進めていて、目標どおりお盆中のダイソー多肉図鑑のデザイン一新も達成しました😂👏✨️実はこのブログは私やもまるのiPhoneのみで作成更新してます!今はとても便利なアプリも多数あり、特に画像デザインに関してはCanvaとの出会いで激的に作業が捗りました。すでに使っている方も多いと思いますが…本日はタニラーさんにオススメしたい!お洒落な案内や画像を作成できるCanvaがすごい!です✨️ Canvaって何がすごいの? Canvaでデザインをしてみた Canvaで写真の形を変える方法 まと…
【illustrator】文字が溶ける!?ワープツールの使い方
今回はillustrator初心者の方でも簡単にできる「ワープツール」の使用方法です。まるで文字が溶けたような加工をすることができます。図形などにも使用できるので是非試してみてくださいね!
【WEBデザイン未経験者でも作れる】おすすめポートフォリオ作成ツール
今回はWEBデザイン未経験者でも作れるおすすめポートフォリオ作成ツールをご紹介します。無料で簡単に作成できて、更新できるので初心者の方にもおすすめです。
【illustrator】簡単なのにおしゃれ!図形に文字を入れ込む方法
今回はillustratorを使って図形におしゃれにテキストを入れ込む方法をご紹介したいと思います。色々な図形を使って試してみるのもいいですね!初心者でも簡単にできるので是非試してみてください!
【Canva ブランドキットカラー編】好みの色をリピートする
「白って200色あんねん」byアンミカネットで少し話題になった言葉ですね。 好きな色は誰でも無意識に持って
【ブログカスタマイズ】サイドバーの各項目にアイコンを設定してみる
数日前から適用しているのですが、サイドバーの各項目にアイコンを設定しています。これはCSSを追加適用することで実現しています。サイドバーの項目の中でも特に「関連記事」「注目記事」「最新記事」の3つは表示内容が似通っています。これをパッと見で、どれがどれか分かるようにするためにはアイコンを設定するのが良いかなと思った次第です。それでは、どんな対応をしたか書いていきます。
シニアやロービジョンの方にも読み易いデザインを心がけて、文字を大きく、太く、行間を広く設定してます。javascript:pcview_on();フォントも視認性の良いメイリオにしてたが、最近「游ゴジック」が主流になって、Win11はプリイ
自分のブログやサイトにツイートやYoutubeを入れると 情報の質が圧倒的に向上します。 どんなに文章力があっても文字だけで伝える記事は飽きられます… ヒトリ娯楽ではWordPressにSNSやGoogleMap、Canvaを埋め込む方法とメリットを紹介します。
WordPressの人気テーマCocoon・カスタマイズしたCSS群を自作スキンにする手順をご紹介します【備忘録】
WordPressの人気テーマCocoonでカスタマイズをどんどんしていったらすっかり元のスキンのCSSをほとんど全部キャンセルしていたなんて事になったらいっその事そのカスタマイズCSS群を自作スキンにしてしまった方が管理もさらなるカスタマ
ふとしたきっかけで、WordpressのテーマであるSWELLとAFFINGERの比較記事を読む機会がありました。 わたしはAFFINGERを使っていますし好きですけど、SWELLもとても優れたテーマだと思っています。 ところで、その比較記事なんですが・・・ SWELL推しなのはいいんですが、比較するAFFINGERの画像の方。 「AFFINGERはクラシックエディタなので、初心者には使いにくい」 と、わざわざクラシックエディタの画像を載せてました。 いやAFFINGER、現在はブロックエディタに完全対応してますし。。 SWELLの方の画像を見ても、AFFINGERとそう変わらないように見えま…
マッキーの日記 このままでいいのか!? 本気で悩み考える アクセス数はどうすれば増えるのか
こんばんは、マッキーです。 散歩途中で撮った桜の写真 はじめに アクセス数を増やすには SNSやサイトを活用する 他の方の書いたブログをたくさん見る 方向性について デザインについて 収益性について 最後に 散歩途中で撮った桜の写真 本題に入る前に少し余談 先日、お仕事がお休みでしたので 桜を見に家の近くを散歩してきました。 とってもキレイで癒されました。 たまには、何も考えないで散歩したりキレイな景色をボーっと見ることも大事だと思います。 まあボーっとしてる時間はありません(笑) 現実に戻り、本気でブログについて考えなければいけません、、、、 はじめに 正直どんな記事を書こうか迷っています。…
ブログ【はぴるっく!×サクラ咲く道】のTOPページ ブログデザインリニューアル、最終調整が完了しました! 新しいTOP画像が、横幅100%で表示されていなかった問題が解決。 ググったら対処が載っていました。 同じようなところで困る人が多いのね(;^ω^) まさか「背景色」の設定が関与してるとは思わないよ・・・ この背景色の設定をなくしたら、ずっと悩んでたスマホでのフォント設定が反映されない問題も、同時に解決しました。 良かった~(≧▽≦) 他にもあちこち、気になってた部分も細かく修正してました。 もちろん記事の方も、少しずつ進めています。 「下書き」においてある3記事、今月中に公開できるようが…
ブログ【はぴるっく!×サクラ咲く道】のTOPページ 【はぴるっく!×サクラ咲く道】の、トップページのリニューアル、とりあえず終了! ・・・かな?(^^;) 途中でヘッダー画像がちゃんと表示されてなかったり。 トップのカテゴリメニュー画像が、やたら大きく表示されてしまっていたり。 お見苦しい状態が続いてましたが(;^ω^) なんとか、見られる状態にはなりました。 Affingerの各設定も、少しずつ慣れてきました(#^^#) まだ細かい修正はありますが、それは追々。 次は記事の方をがんばろう~!
ブログ【はぴるっく!×サクラ咲く道】のロゴ 今日はずっと、ブログのロゴを作ってました。 最初に作ったのは、このロゴです。 Canvaで作りました。 これを使って、トップページのデザインも変えようとしてたんですが・・・ ちょっとすぐは無理そう(+_+) 今、ヘッダーに表示しているのは、横長バージョンのこちらです↓ ロゴ(横長バージョン) スマホもこちらが表示されるようにしました。 BlogMap用 BlogMapのヘッダーも変更しました。 あとは、ブログのトップページを変更するだけかな! ってそれが難しいんですが・・・( ;∀;) Affingerは何でもできるけど。 何でもできすぎて、自分がや…
【2023年 最新】スキル・知識不問 CanvaのAI機能4選
AI技術はスキルや知識に関係なく利用できることが最大の強み。 副業ブロガーは時間を有効活用するためにAI生成ツールを最大限利用するべき。 CanvaのAIツールで作業効率をアップさせよう。
ブログのデザインを春らしくしました。 「にゃんこのこたつでホッコリ!」から 「さくら舞う」に ブログにも桜が咲くと、嬉しいですね。 残念ながら、スマホでブロ…
今日は滞っていたbloggerのブログ見直し作業をしようと思いました。 それでbloggerのページを開いたんですが、記事の見直しよりもブログデザインを…