サイト制作 記事一覧

全32件中 1~32件を表示

  • Webページの見た目をわかりやすく!アフィリエイトに今日から役立つCSS基礎講座<初心者編>

    サイト制作

    2022/10/20

    Webページの見た目をわかりやすく!アフィリエイトに今日から役立つCSS基礎講座<初心者編>

    Webページの見た目を整え、ユーザビリティを高めるためにはCSSの理解が不可欠。とはいえ、なかなか詳しく勉強する時間はとれず、やむを得ずCSSを触っているかたや、独学でなんとなく触っているけれど「使いかたは合っているのかな?」というアフィリエイターのみなさんに向けて、CSSの基礎をご紹介します!

  • SEO効果もあり!?アフィリエイトに今日から役立つHTML基礎講座

    サイト制作

    2022/09/15

    SEO効果もあり!?アフィリエイトに今日から役立つHTML基礎講座

    アフィリエイトサイトの運営で触れることも多いHTML。きちんと理解して使用すれば、サイトの見栄えが良くなるだけではなく、SEOにプラスの効果を得られることも。HTMLはエディタを利用しているから関係ない!なんて思わずに、アフィリエイトサイト運営に役立つタグの使いかたをぜひ学んでみてください。

  • アフィリエイトサイトをワンランクアップさせるjQuery講座

    サイト制作

    2022/07/28

    アフィリエイトサイトをワンランクアップさせるjQuery講座

    アフィリエイトサイトの運用を続けていくと、ユーザーにより多くの情報を伝えたい・導線をわかりやすくしたいなどより多くの「欲」がでてきませんか? そんな時に便利なのがjQuery!今よりちょっぴりプロっぽく機能的に、ユーザーがより使いやすく快適なサイトにしましょう!

  • WordPressを使用してアフィリエイトサイトを運営する方法(3)Gutenbergエディタでの記事の書きかた

    サイト制作

    2021/01/28

    WordPressを使用してアフィリエイトサイトを運営する方法(3)Gutenbergエディタでの記事の書きかた

    「無料ブログでの運営は問題なくできたけれど、そろそろステップアップしてWordPressにチャレンジしたい!」という段階のアフィリエイターの皆さんに向けたWordPress講座。第三回はGutenberg(グーテンベルク)エディタを使った記事の書きかたを解説!講師はアフィ歴15年以上のあやぴさん♪

  • WordPressを使用してアフィリエイトサイトを運営する方法(2)これだけはやっておきたい初期設定

    サイト制作

    2021/01/26

    WordPressを使用してアフィリエイトサイトを運営する方法(2)これだけはやっておきたい初期設定

    「無料ブログでの運営は問題なくできたけれど、そろそろステップアップしてWordPressにチャレンジしたい!」という段階のアフィリエイターの皆さんに向けたWordPress講座。第二回はWordPressインストール後にやっておきたい初期設定について解説!講師はアフィ歴15年以上のあやぴさん♪

  • WordPressを使用してアフィリエイトサイトを運営する方法(1)

    サイト制作

    2021/01/21

    WordPressを使用してアフィリエイトサイトを運営する方法(1)

    「無料ブログでの運営は問題なくできたけれど、そろそろステップアップしてWordPressにチャレンジしたい!」という段階のアフィリエイターの皆さんに、WordPressでアフィリエイトサイトを運営する方法を初心者にも分かりやすく解説します!講師はアフィ歴15年以上のあやぴさん♪

  • 【初心者必見】サーバーをレンタルしてサイトを運営する方法

    サイト制作

    2020/09/25

    【初心者必見】サーバーをレンタルしてサイトを運営する方法

    自分のサイトを運営してみたいけれど、サーバーってどうやってレンタルしたらいいの?とお悩みのかた、多いのではないでしょうか。今回はサーバーやドメインの基礎からレンタルサーバーの選びかた、サイト開設までの流れをやさしくお話していきます!

  • 文字を画像の上に重ねて表示させる方法

    サイト制作

    2016/09/29

    文字を画像の上に重ねて表示させる方法

    画像内に文字を書き込みたい場合、その都度ソフトウェアを使って加工するのは面倒!それに、画像を直接加工してしまうと、「修正したくなったときに再加工する作業が面倒」「文字部分が検索にはヒットしなくなる」といったデメリットもあります。そこで、スタイルシートを使い、画像の上に文字を重ねる方法をご紹介します。

  • サイト訪問者が、機能に対応しているかどうかの識別方法

    サイト制作

    2016/09/26

    サイト訪問者が、機能に対応しているかどうかの識別方法

    サイト訪問者は、全員が最新バージョンのブラウザを使っているとは限りません。OSもブラウザも様々でしょう。HTML5やCSS3で追加された「比較的新しい機能」を使いたい場合に、どのようにして古いブラウザで閲覧された場合の対策をするかを解説します。

  • レスポンシブデザインの作りかた

    サイト制作

    2016/09/26

    レスポンシブデザインの作りかた

    レスポンシブデザインとは、閲覧者の画面サイズに応じて、適用するスタイルシートを変化させる仕組みのこと。閲覧者の端末の種類は問わず、画面サイズだけを基準にしてデザイン(適用するスタイルシート)を選択します。今回は、この「レスポンシブデザイン」の作りかたについて解説いたします。

  • ブラウザ上でスマホ用サイトを簡単に作成できるサービス

    サイト制作

    2016/09/20

    ブラウザ上でスマホ用サイトを簡単に作成できるサービス

    直接HTMLやスタイルシートを書くことなく、ソフトウェアのインストールすらも必要なく、ブラウザ上だけで簡単にスマホ用サイトを作れるサービスをご紹介いたします。

  • 複数のサムネイル画像から拡大画像をスライド表示させる方法

    サイト制作

    2016/09/20

    複数のサムネイル画像から拡大画像をスライド表示させる方法

    複数の商品画像を「使いやすく」かつ「おもしろく」見せる効果が出せる、「FlexSlider2」というスクリプトの使用方法をご紹介します。

  • 「表」の体裁を整える装飾で「見やすい表」を作る方法

    サイト制作

    2016/09/20

    「表」の体裁を整える装飾で「見やすい表」を作る方法

    ウェブサイトでは、table要素を使って「表」を作ることが多々ありますね。特にアフィリエイトサイトでは、紹介する商品・サービスの仕様を掲載する際などにも「表」をよく活用されるのではないでしょうか。今回は、表を見やすく掲載するために、表の体裁を整える(装飾する)方法をご紹介いたします。

  • SNSボタンを一括して掲載するスクリプトの使いかた

    サイト制作

    2016/09/20

    SNSボタンを一括して掲載するスクリプトの使いかた

    最近では、FacebookやTwitterなどのSNSと連携できるボタンをウェブページ上に設置しているサイトをよく見かけます。しかし、個々のソースを1つ1つ調べて掲載するのは面倒・・・そんなときには、これらのSNSボタンを一括して掲載できるスクリプトを利用するのがお勧めです。

  • BootstrapでレスポンシブWebデザインを簡単に作る方法

    サイト制作

    2015/05/25

    BootstrapでレスポンシブWebデザインを簡単に作る方法

    スタイルシートを工夫することで、どんな環境でも単一のHTMLで閲覧できる「レスポンシブWebデザイン」はご存じですか?端末別に専用サイトを用意する必要がなくなるため、労力を大きく減らせるデザインです。今回はその「レスポンシブ」なサイトを簡単に作れる「Bootstrap」をご紹介します。

  • ゼロから始めるサイト作りの体験談

    サイト制作

    2015/04/22

    ゼロから始めるサイト作りの体験談

    先輩アフィリエイターによる、ゼロから始めるサイト作りの体験談。どのような手順でサイトを制作しているの?ワードの攻めかたは?どうやったら稼げるの?アフィリエイトサイトづくりの参考になる、リアルな体験談がぎっしり詰まったコラムです。

  • 意外とカンタン!冬休みはホームページを作ろう

    サイト制作

    2015/04/20

    意外とカンタン!冬休みはホームページを作ろう

    皆さんはホームページをご自分で作ったことがありますか?専門知識やさまざまなPCソフトが必要だと思われがちなHPを、「無料」で「簡単」に、しかも「HTMLの知識不要」で作成する方法があるんです!

  • 「jQueryMobile」を使って様々なページ切替効果を出す

    サイト制作

    2015/04/13

    「jQueryMobile」を使って様々なページ切替効果を出す

    今回は、スマートフォンらしいデザインを簡単に作れる「jQuery Mobile」を使って、ダイアログを表示する際に、さまざまな表示効果(切替効果)を加える方法を10種類ご紹介します。

  • 「jQueryMobile」を使って別ページをダイアログとして表示させる

    サイト制作

    2015/04/13

    「jQueryMobile」を使って別ページをダイアログとして表示させる

    スマートフォン用の狭いウェブサイトの画面に補足情報を表示したいときなど、短い文章や少量の画像を表示させる際に便利な「ダイアログ」の作成方法を、スマートフォンらしいデザインが簡単に作れるフレームワーク「jQuery Mobile」を使って解説します。

  • タップしやすいインセットリストを作る

    サイト制作

    2015/04/13

    タップしやすいインセットリストを作る

    スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を使えば、様々な形態のリストを作ることができます。今回は、リスト全体(外枠)の見栄えを変える方法をサンプルページを参照しながらご紹介いたします。

  • 検索フィルタ付きリストを作る

    サイト制作

    2015/04/13

    検索フィルタ付きリストを作る

    スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、見やすくてタップしやすい様々な形のリストを簡単に作る方法やリスト項目内を検索できるようにする方法など、サンプルページを参照しながら解説します。

  • タップしやすい画像付きリストを作る

    サイト制作

    2015/04/13

    タップしやすい画像付きリストを作る

    スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、サムネイル画像やアイコン画像を付加したリンクリストを作る方法をサンプルソースを参照しながらご紹介します。アフィリエイト商品一覧ページを作る際にも役立ちますので、ぜひご活用ください。

  • スマホらしいリンクリストを簡単に作る

    サイト制作

    2015/04/13

    スマホらしいリンクリストを簡単に作る

    スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、メニューやサイトマップを作る用途で特に役に立つ、見やすくてタップしやすい形の「リンクリスト」を簡単に作る方法をご紹介します。今回は、実際にサンプルページを参照しながら説明していきます。

  • スマホ用に様々なスタイルのボタン型リンクを作る

    サイト制作

    2015/04/13

    スマホ用に様々なスタイルのボタン型リンクを作る

    フレームワーク「jQuery Mobile」を使って、スマートフォンらしいデザインのボタン(リンク)を作成する方法をご紹介します。 サンプルHTMLソースを使って「複数のボタンが合体したグループ型ボタン」の作り方などを解説します。

  • 「jQueryMobile」を使ってアコーディオン式コンテンツを作る

    サイト制作

    2015/04/13

    「jQueryMobile」を使ってアコーディオン式コンテンツを作る

    スマートフォンらしいデザインを簡単に作れる「jQuery Mobile」を使って、今回は1ページ内にたくさんの情報を並べて掲載する際に便利な「アコーディオン式コンテンツ」の作成方法を、実際に「jQuery Mobile」を使って作成したHTMLのソースを参照しながら解説します。

  • 「jQueryMobile」でスマホらしいページデザインを簡単に作る3

    サイト制作

    2015/04/13

    「jQueryMobile」でスマホらしいページデザインを簡単に作る3

    複数ページに分割するほどでもない情報や、複数ページに分割してしまうと逆に分かりにくくなる情報がある場合、ヘッダ(見出し)部分をタップすることでコンテンツ(中身)が表示される「開閉式コンテンツ」を利用すると便利です。今回は実際にサンプルHTMLを使ってご紹介します。

  • 「jQueryMobile」でスマホらしいページデザインを簡単に作る2

    サイト制作

    2015/04/13

    「jQueryMobile」でスマホらしいページデザインを簡単に作る2

    スマートフォンでのページ移動の際に、読み込みに時間がかかり、操作がもたついてしまうデメリットを解消するために、便利なHTMLファイル内に複数ページのデータを収録できる「jQuery Mobile」の機能を紹介します。今回は具体的にHTMLのソースとサンプルを使って解説します。

  • PC版とスマートフォン版サイトを自動振り分けする方法

    サイト制作

    2015/04/13

    PC版とスマートフォン版サイトを自動振り分けする方法

    PC用サイトに加えてスマートフォン用サイトを開設した際には、スマートフォン利用者へ向けて存在を知らせる必要があります。今回は、アクセス者の利用端末を判別して、PC版サイトとスマートフォン版サイトを自動で振り分けする方法をご紹介します。

  • 「jQueryMobile」でスマホらしいページデザインを簡単に作る

    サイト制作

    2015/04/13

    「jQueryMobile」でスマホらしいページデザインを簡単に作る

    「jQuery Mobile」というJavaScriptで作られたフレームワークをご紹介します。手間のかかる背景がグラデーションになっているヘッダやフッタ、指で押しやすいように面積を広くしたボタン型リンクなど、よくある『スマホらしいデザイン』が、ウェブページ内で簡単に実現できます。

  • PC上でスマートフォン表示を確認できるツールの紹介

    サイト制作

    2015/04/13

    PC上でスマートフォン表示を確認できるツールの紹介

    パソコン上で仮想的なスマートフォンを動作させ表示確認できる便利なソフトウェア「Android スマートフォン・エミュレータ」をご紹介します。

  • スマホ対応サイト『リンクを指で押しやすく装飾する方法』

    サイト制作

    2015/04/13

    スマホ対応サイト『リンクを指で押しやすく装飾する方法』

    スマートフォン用ウェブページのために「押しやすいリンク」を作りたいかた向けに、 押しやすい1行まるまる占有する「大きなボタン」に装飾するHTMLソース例をご紹介します。

  • スマートフォン対応サイトの作りかたの基礎

    サイト制作

    2015/04/13

    スマートフォン対応サイトの作りかたの基礎

    これからスマートフォン用サイトを作成する人にむけて、スマートフォン用サイトを作るには何が必要か、作成する際に注意しなければいけない問題点や、スマートフォン用ブラウザが勝手に縮小表示するのを回避するための方法をご紹介します。

全32件中 1~32件を表示

カテゴリーから探す

タグから探す

ピックアップ記事

  • CROCO社の中原氏登壇!ライターの探しかた&育てかたセミナーレポート

    セミナーレポート

    2023/09/28

    CROCO社の中原氏登壇!ライターの探しかた&育てかたセミナーレポート

    CROCO株式会社中原卓馬さん登壇のセミナーレポート第二弾!今回は、オファーする前に確認することやフィードバック方法など語っていただきました♪ライターに依頼してみたいというかたはぜひご覧ください!

  • 【2022年9月最新】Instagramのアルゴリズムを理解してフォロワーを増やす方法

    SNS

    2022/10/27

    【2022年9月最新】Instagramのアルゴリズムを理解してフォロワーを増やす方法

    Instagramを使ってアフィリエイトをしたいかた必見!2ヶ月弱でフォロワー1000人を突破した筆者が実際に取り組んだことを紹介していきます!

  •  売上累計4億円のクニトミ氏登壇!サイト設計からSEOコンテンツの作りかた

    セミナーレポート

    2022/09/29

    売上累計4億円のクニトミ氏登壇!サイト設計からSEOコンテンツの作りかた

    2022年8月31日に実施したアフィリエイタークニトミ氏によるアフィリエイトセミナーの様子をレポート!記事作成のヒントが盛りだくさんの内容となっていますよ♪

  • 正直体験レポート!日比谷花壇の運営するお花のサブスク「ハナノヒ365days」って?

    体験レポート

    2022/02/17

    正直体験レポート!日比谷花壇の運営するお花のサブスク「ハナノヒ365days」って?

    「ハナノヒ365days」を実際に体験し、正直レポートをしてみました!記事にするときのポイント、訴求方法も紹介しています!ぜひご覧ください!

  • Instagramのアフィリエイト活用方法@アクセストレード

    SNS

    2021/06/10

    Instagramのアフィリエイト活用方法@アクセストレード

    Instagramをアフィリエイトでも活用してみたい!フォロワーを増やしたい!というかたはぜひ参考にしてみてください♪

アフィリエイトをはじめよう!
無料新規パートナー登録
広告出稿を希望のかたはこちら
無料資料請求はこちら