サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
やる気の出し方
tokushiyo.net
当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ 以前にも ・www有無 ・常時SSL化の際にhttpからhttpsへのリダイレクト に関する記事を書いています。 しかしこの度、エックスサーバーにて新しいサブドメイン(www以外)を設定した時に.htaccessの記述内容が原因で、サブドメインの設定がうまくいかなかったので修正しました。 エックスサーバーでのサブドメイン設定まず、エックスサーバーでサブドメインのディレクトリ構造について。 例えばtest.example.comというexample.comのサブドメインtestを設定するとディレクトリは以下のようになります。 /public_html/example.com/test/example.comのディレクトリの
当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく タブレイアウトで、別のページから特定のタブへリンクしたい時に。 BootstrapやFoundationを導入して入れば実現するのは優しいですね。こういう時はCSSフレームワークはとても助かります。 Bootstrap4で特定のタブに直接リンクするhttps://getbootstrap.com/ BootstrapのTabは .nav-tabs というclassで実現します。tab用javascriptプラグインが必須です。(コンパイル済みのbootstrap.jsでOK) Bootstrapのタブドキュメントは以下のページ https://getbootstr
当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく 前回Illustrator、PhotoshopでGoogleフォントを使う方法をまとめましたが、今回はHelveticaやFutura、DINなど有名フォントの代用になりそうなおすすめGoogleフォントを紹介します。 有名なフォントをWebサイトで利用したい場合、ライセンスやコストの問題から、代替フォントを検討されることが多いと思います。 そこで、HelveticaやFutura、DINなどの有名フォントの代用として、Googleフォントの中から似たデザインのフォントをいくつかピックアップしてみました。こちらのフォントなら、無料で自由に使うことができます。 似た
イメージマップ(クリッカブルマップ)の構成イメージマップ(クリッカブルマップ)の構成はimg、map、areaの3つ要素で構成されます。 img要素img要素は、通常の画像を表示するのと同様で <img src="images/imagemap.png"> これに、イメージマップ属性を追加します。 <img src="images/imagemap.png" usemap="#Map">usemapusemap属性は、イメージマップの名前を指定します。 イメージマップは複数作成できますが、重複しない名前をつける必要があります。 イメージマップを指定する時は、ID属性のように「#」をつけて指定します。 map要素map要素にはイメージマップの名前を指定、画像のどの部分にイメージマップ(リンク)を付けるかを指定します。 <map name="Map"> <area shape="rect" c
CPIの共有レンタルサーバー「ACE01 2011」(ACE01 2015というプランもあります)での301リダイレクトしたい場合、.htaccessには以下のように記述します。 CPIシェアードプランの最新プランは「ビジネススタンダード」です。(2022年9月29日リリース) 実体験中・法人向けレンタルサーバー、CPIシェアードプランの機能を解説 old.htmlからnew.htmlにリダイレクトしたいOptions +FollowSymLinks RewriteEngine On RewriteRule old.html$ new.html$1 [R=301,L]または Options +SymLinksIfOwnerMatch RewriteEngine on RewriteRule old.html$ new.html$1 [R=301,L]ウェブサーバーがaa***.secure
ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく WordPressの不正アクセス・不正ログインなどの対策やっていますか? WordPressは世界中で最も利用されているオープンソースのCMSです。 そのオープンソース性ゆえ、ディレクトリ構造やソースコードが完全に公開さ
ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく Windows10にPhotoshopCS2,illustrator CS2をインストールした時にでたエラーの対処法です。 illustratorCS2は問題なく起動できたのですが、Photoshop CS2は起動しよう
.htaccess で自動的に振り分ける方法一番よく使います。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC] RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^$ /sp/ [R,L] </IfModule>4行目のRewriteCond %{QUERY_STRING} !mode=pcは ?mode=pcというパラメーターがURLに付与されていないときだけリダイレクトする 付与されている場合はリダイレクトしないという意味です。 スマホ用ページからPC用ページにリダイレクトする場合使う機会はあまりないと思うが、検索結果でスマホ専用ページがPC用のページよ
ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく レスポンシブウェブサイトを制作で必要になる機会が多いデバイスによって表示を切り替えたり、処理を変更したりする時に。 デバイス(スマホ・タブレット・PC)ごとにJavaScriptやjQueryの実行させたいときの処理まと
カテゴリー内の記事リストを表示することは、トップページの新着記事とかサイドバーとか、使う機会がが多いです。 特定のカテゴリーの記事一覧を表示する例カテゴリーID:5の記事を10件表示するget_postsで特定のカテゴリーに属する記事を取得します。 $args = array( 'posts_per_page'=> 10, 'category'=> 5 ); $myposts = get_posts( $args ); if( ! empty( $myposts ) ){ $html = '<ul>'; foreach ( $myposts as $post ){ $html .= '<li><a href="' . get_permalink( $post->ID ) . '">' . $post->post_title . '</a></li>'; } $html .= '<ul>';
jQuery不要、CSSとHTMLだけでも軽快でおしゃれなドロップダウンメニューが作れます。 この記事ではシンプル、簡単なCSSとHTMLだけで作るドロップダウンメニューを例を挙げて説明します。 ドロップダウンメニューとはドロップダウンメニューは一行または一列に並んだメニューをホバー(マウスオーバー)するとサブメニューが表示されるUI要素です。プルダウンメニューと言ったりもします。 サイトのナビゲーションによく使われているので目にする機会は多いですし、サイト制作でもかなりの頻度で使う要素ではないでしょうか。
ホームページを制作するときに悩むことが多いのがフォントファミリーの指定方法。ウェブフォントが使われる機会も多くなって、ウェブサイトのフォント表現の幅も広がりました。 使われるフォントも時代によってトレンドがあったり、OSやブラウザのバージョンアップによって使われるフォントも変わったりします。 この記事ではサイトのfont-familyについて最新状況を改めて調べてみてまとめました。 画像や写真、広告で使われているフォントを調べる方法 街で使われているフォントをスマホで撮影して、または画像をアップロードして使われているフォントを検索できるサービス。英語・日本語対応もまとめています。 >> 画像・写真から使われているフォントを調べる方法5つ
このページを最初にブックマークしてみませんか?
『とくしよネット- レンタルサーバーレビューとWeb制作とWordPressのヒント』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く