メインカテゴリーを選択しなおす
SWELLでコーポレートサイトを自作 作り方【下層ページ(お問い合わせページ)作成】
下層ページ(お問い合わせページ)作成 STEPお問い合わせページ(完成形) 今回作成したお問い合わせページはこのようなものです。 参考になる部分だけ使ってみてくださいね。 STEPお問い合わせ用プラグイン「WPForms」を入れて有効化する
SWELLでコーポレートサイトを自作 作り方【ヘッダー・フッター作成】
ヘッダー・フッター作成 それではサイトに必要なヘッダー・フッターを作っていきましょう。 STEPヘッダーメニュー作成(完成形) このようにサイト上部にメニューを表示させる方法です。 STEPヘッダーメニュー作成(手順) 管理画面>外観>メニ
SWELLでコーポレートサイトを自作 作り方【ブログ型からサイト型に整える】
ブログ型からサイト型に整える まずワードプレスにSWELLを入れた時はブログに適した構成になっています。 コーポレートサイトとして使用するには以下のカスタマイズの手順が必要になりますので見ていきましょう。 STEP固定ページを作る トップペ
SWELLでコーポレートサイトを自作 作り方【トップページ作成】
トップページ作成 それではトップページを作成していきましょう。 メインビジュアル設定 STEPメインビジュアルの高さ・オーバーレイカラー設定 カスタマイズ>トップページ>■表示設定>メインビジュアルの高さを設定(100vhとすると画面いっぱ
SWELLを使用してコーポレートサイトを制作しましたので、今回はその手順を紹介します。また以下は私がSWELLで制作したコーポレートサイトです。このようなサイトを作ることできます。制作手順を紹介していきますので、参考になる部分はぜひ取り入れ
SWELLでコーポレートサイトを自作 作り方【下層ページ(会社概要ページ)作成】
下層ページ(会社概要ページ)作成 STEP会社概要用のテーブルを作る 【+】テーブルを挿入します。 2カラム、◯行(必要な行数)でを挿入して以下のような項目を入れます。 会社名株式会社●●代表者名●● ●●設立●●●●年●月資本金●●●●万
コーポレートサイトを費用の関係で自作したいなと思っていませんか?ワードプレスとテーマ「SWELL」を使えば以下のようなサイトが制作できます。 NPO法人 Creative Adventure SWELLでコーポレートサイトを自作 作り方【導
SWELLでサイト作成をしているとき、このブロック(一部)だけ装飾したいけど、標準機能になくて困ったことはありませんか?そんな時は追加CSSクラスと追加CSSによって解決できます。 追加CSSクラス・追加CSSの使い方 想定ケース 例えばこ
【Figma】フォントの追加方法とフォントの変更・置き換え方法
Figmaのフォントの追加方法(Google Fonts と Adobe Fonts)と「欠落しているフォント」の解決方法について初心者向けに解説しています。また、追加したフォントを既存のフォントに一括変更(置き換え)する方法についても解説しています。
SWELL WPFormsでプライバシーポリシーのリンクを貼りたい時
SWELLでコーポレートサイトを制作しています。WPForomsでお問い合わせにプライバシーポリシーのリンクを貼りたいときの手順をまとめました。 お問い合わせにプライバシーポリシーのリンクを貼りたい 下記はWPForomsを使用してお問い合
JavaScriptさわってみる13回目(´・ω・) 再帰関数
こんにちは。 順列・組み合わせリスト化ページを作成しようと思っていましたが調べているうちに新しいことが出てきたのでまたメモ書きをしておきます。 JavaScriptの再帰関数というものです。 再帰関数は関数の処理の中で自分自身を呼び出す関数のことを指します。自分を呼び出すということは呼び出した自分もまた自分を呼び出すので無限ループになりそうですが停止条件を設定することで特殊な動きをするループを作ることができます。 サンプルとして総和を求める再帰関数↓ function sum(n) { if (n <= 1) { return 1; } return n + sum(n - 1); } この関…
【Figma】テキストを縦書きにする方法とプラグイン「Vertja」の使い方
Figmaのテキストを縦書きにする方法について、プラグインを使わない方法とプラグイン「Vertjya」を使用する方法について初心者向けに解説しています。また縦書きにした際に、句読点や伸ばし棒を縦書きに修正する方法やテキストの詳細設定で、「vertical alternates」がない場合の対処法についても解説しています。
【Figma】画像やfig・pdfファイルの書き出し(エクスポート)方法
FigmaのJPG、PNG、SVGなどの画像や、PDFの書き出し(エクスポート)方法について初心者向けに解説しています。書き出しサイズや解像度についての解説や、まとめて書き出す方法、figファイルのローカルへの保存方法についても解説しています。
[WordPress]Event Organiser が表示されず 読み込み中 が出てしまう
Wordpressのプラグイン 「Event Organiser」をクライアント用にオリジナル制作したTemp
【photoshop】光沢のあるゴールド文字とぷるぷる文字の作り方
photoshopの光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
SWELLでコーポレートサイトを制作しています。トップページに固定ページを設定したときメインビジュアル下に余白ができました。これを今回は消す手順についてまとめます。 メインビジュアル下の余白の場所について まずメインビジュアル下の余白の場所
SWELLでコーポレートサイトを制作しています。今回はデフォルトで設定されているヘッダーバーを消したい(非表示)と思ったのでまとめていきます。 ヘッダーバーとは SWELLのデフォルト設定だと表示されている、ヘッダー上のバーです。 左側にブ
AFINGER6からSWELLへ移行時のサイドバー崩れについて
AFINGER6からSWELLへ乗り換えを行いました。表示崩れはもちろんあると思っていたのですが、投稿記事の何記事かだけ明らかに崩れがひどいものがありました。サイドバーが下に移動されて、関連記事もフルサイズに、、、ちょっと焦ったのですが解決
ワードプレスのローカル環境はこんな時に役立つ 現在サイトがすでにある状態で、サイトに影響を与えることなくローカル環境でコーポレートサイトを制作したい時 現在サイトはないが、いきなり公開しながらサイト制
コーポレートサイトを自作するならワードプレスのテーマSWELLで!
コーポレートサイトを自作しようと思ったきっかけ 私は現在子供向けプログラミング教室のお手伝いをさせてもらっており、そのコーポレートサイトの加筆・修正を担当しています。 現在のサイトが作成当初から年月が
Udemyとは Udemyとは世界最大級のオンライン学習プラットフォームです。 動画教材を購入することで追加料金なしの買い切りで学習することができるサービスです。 Udemyの特徴 それでは実際に講座
【photoshop】トーンカーブの使い方を初心者向けにわかりやすく徹底解説!
photoshopの「トーンカーブ」について、出し方やショートカット、できない場合の対処法などの基本的な使い方から、スポイトやマスクや色補正、反転を使った応用の使い方、レベル補正との違いを初心者向けに徹底解説しています。
web制作の学習や作業にあたり、必要になるものは何でしょうか? 答えは人により様々ですが、「必要最小限のものしか買わない」人が多いのではないかと思います。出費は少ないほうがいいので、すごく賢明な考え方ですね。 しかし、とりあえず形から入るタ
【福島県発!】ハタフルアカデミーの評判•口コミを現役Webデザイナーが調査!
福島県のデザイン会社直営のWebデザインスクール「ハタフルアカデミー」について、Webデザイナーの目線で調査しました。「無料体験レッスン」や「説明会」「各コースの詳細」「カリキュラム」や「学習後(卒業後)の受講生インタビュー」を掲載しています。ぜひご覧ください。
Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査
女性向けのWebデザインスクール「Find me!(ファインドミー)」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後(卒業後)の受講生インタビュー」を掲載しています。ぜひご覧ください。
【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
【Figma】バリアントの基本とブーリアン(真偽値)型の作り方
Figmaのバリアントの基本やブーリアン(真偽値)型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
Ultimate Category Excluderとか言うワードプレスで特定のカテゴリーをトップページから非表示にするプラグイン
ってなわけでもっと簡単な感じでブログを更新していけたらと思ってメモというカテゴリー作りました。で、トップページからメモっていうカテゴリー除外したくてプラグイン探してたら発見しました。 Ultimate Category Excluder h
NotionとWraptasでホームページを作成する方法を徹底解説
本記事では、Notionを編集するだけで初心者でも簡単にWebサイトを作成できるWraptasについて解説しています。Wraptasの特徴からアカウントの登録方法、決済情報やサイトIDの設定方法、独自ドメインの割り当て方まで解説しています。
【Figma】コンポーネントの使い方|初心者向けガイド(作成・解除・管理)
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
こんにちは。 今回の記事ネタはHTML。HTMLっていうのはWEBページ上の文書の構造を書いたものでページの元になっているもの。ブラウザにchromeを使っている人ならページの上で右クリック→ページのソースを表示と選ぶと表示されるやつです。はてなブログで記事を書くときはHTML編集という項目から編集ができますね。それからブラウザゲームもHTMLだったりします。 今回このHTMLを編集することでブログの文章を2列にしてみます。 ※一応の注意書き。HTML・CSSはプログラミングではありませんがJavaScriptに関係するので当サイトでのカテゴリーはプログラミングに分類しています。 ブログサイト…
【Figma】オートレイアウトの使い方完全ガイド(Auto Layout)
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
これからWEB制作にチャレンジしたい人に紹介したいサイト9選
私が、40代でWEB制作を学ぶきっかけとなったのは、一冊の本のタイトルを鵜呑みにしたからなのですが、決して道は楽ではありませんでした。 「文系でもプログラミング副業で月10万円稼ぐ!」おおー!って感じですよね。 リンク 本気で、派遣の仕事を
こんにちは。 ここ数日はオンラインイベント(クリエイターズ文化祭)に向けて専用ページを作成してます。って言っても大したもんじゃなくて出展するものの説明だったり挿し絵を載せてるだけのフツーのページなんですけどね。 その作成ページでやってみたことをネタにします。 やってみたことは背景の変更です。ブログに慣れた人にとっては当たり前のことかもですが、まぁ知らない人は知らないだろうし一応メモ的な感じで(´・ω・)b ※一応の注意書き。HTML・CSSはプログラミングではありませんがJavaScriptに関係するので当サイトでのカテゴリーはプログラミングに分類しています。 まず はてなブログの場合、背景画…
40代はまだまだ若い。人はいつからでも、何者にでもなれる。ホントにそんな気がします。 人生は一度きりなので、後悔するくらいなら失敗を恐れず挑戦してみることですね。 今日のデジタル化された世界では、プログラミングを学ぶことは非常に重要であり、将来にわたって有用な資産となると言われてます。
プログラミングを学ぼうと思った時に、何から進めていけばいいのか迷うと思います。 今は、スクールやオンラインスクールがたくさんあります。 そして独学で学ぶことも可能です。 WEB制作を学ぶ「プログラミング初心者」におすすめの書籍のご紹介です。
【WordPress】カスタムフィールドの使い方|取得•表示•追加
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
【CSS】マウスオーバーアクションをつけてプロのデザインを目指す
Matoiです。カーロソルをあてた時に色が変わったり、形を変化させるWEBデザイン術を解説していきます。 初心者でも簡単にできるようにお願いします カーソルをあてたときだけ変化をさせるようなCSSコードがあります。 マウスポインターを要素に
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言・初期化・取得・代入・追加・削除・結合)や、ループ処理、連想配列、多次元配列(二次元配列)について初心者向けに解説しています。
● パソコン表示は、アメブロをカスタマイズしていますこんにちは、片岡すずみです。このブログは、スマホで読んでくださっている方が、多いみたいなんですね。何度も読…
こんにちは。 クリエイターズ文化祭 準公式宣伝部です(嘘)。 今年も開催されるようですよ! クリエイターズ文化祭とは、オンライン即売会サービスを利用したweb上でのイベントで、多様なクリエイターがコンテンツを披露したり販売したりするお祭りで今回が3回目。 創作の分野に制限は無く、一次創作であれば漫画・小説・音楽・映像・イラスト・ゲーム・アプリ・ハンドメイドなどなど、デジタル/アナログ問わず出展できます。 会場はオンラインゲームのようになっており、アバターを動かして出展物を鑑賞したり、買い物をしたりできるんです。またチャット機能もあるため他のクリエイターや来場者と交流もできるわけですね! クリエ…
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点(青山・銀座・名古屋・梅田)、受講生のインタビューについてまとめたのでご覧ください。
【WordPress】カスタムメニューとカスタムリンクの設定方法|初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
影で表現力UP!CSSシャドウのデザインテクニックまとめ【box-shadow】
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説!
adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。