はてなブックマーク

ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営｜2008年からGmail使用中｜WordPress制作10年以上｜15社以上のレンタルサーバー利用経験｜100件以上のドメイン取得運用｜サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分！ カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく 本記事ではWordPressで関連記事をプラグイン無しで自作する方法と設置方法について解説しています。 関連記事を表示すると以下のようなメリットがあります。 サイトの回遊率の向上 ユーザーエンゲージメントの向上 内部リンク

当サイトのアイキャッチは主に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

ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営｜2008年からGmail使用中｜WordPress制作10年以上｜15社以上のレンタルサーバー利用経験｜100件以上のドメイン取得運用｜サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分！ カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく 前回Illustrator、PhotoshopでGoogleフォントを使う方法をまとめましたが、今回は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

ソラミ♪ 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要素です。プルダウンメニューと言ったりもします。 サイトのナビゲーションによく使われているので目にする機会は多いですし、サイト制作でもかなりの頻度で使う要素ではないでしょうか。

ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営｜2008年からGmail使用中｜WordPress制作10年以上｜15社以上のレンタルサーバー利用経験｜100件以上のドメイン取得運用｜サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分！ カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく ホームページを制作するときに悩むことが多いのがフォントファミリーの指定方法。ウェブフォントが使われる機会も多くなって、ウェブサイトのフォント表現の幅も広がりました。 使われるフォントも時代によってトレンドがあったり、OSや