サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
おみそ汁
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のディレクトリの
本記事ではWordPressで関連記事を表示する方法として、プラグイン無しで自作する方法とプラグインを使って表示する方法、それぞれ解説します。 関連記事を表示することで読者の滞在時間を延ばしたり、サイト内のリンクを増やしたりすることができます。ブログだけでなくECサイトでも、今閲覧している記事や商品に関連する記事(ECサイトの場合は商品)を表示するのは、サイトの回遊率をあげる有効な手段です。 また過去の記事へのアクセスも期待できることからSEO的にも有効と言われています。WordPressで関連記事を自作する方法とプラグインを使って実装する方法のそれぞれのメリットとデメリット、実際の手順を紹介します。 プラグイン無し、自作で関連記事を表示する手っ取り早く簡単に関連記事を表示させたいならプラグインを利用するのがおすすめですが、アップデートがわずらわしかったり自作スクリプトとの競合などが心配な
タブレイアウトで、別のページから特定のタブへリンクしたい時に。 BootstrapやFoundationを導入して入れば実現するのは優しいですね。こういう時はCSSフレームワークはとても助かります。 Bootstrap4で特定のタブに直接リンクするhttps://getbootstrap.com/ BootstrapのTabは .nav-tabs というclassで実現します。tab用javascriptプラグインが必須です。(コンパイル済みのbootstrap.jsでOK) Bootstrapのタブドキュメントは以下のページ https://getbootstrap.com/docs/4.3/components/navs/#tabs HTML <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"
前回に引き続きGoogleフォントについてです。 HelveticaやFutura、DINなどの有名フォントをWebフォントとして使いたい時、有料だったりするのでなかなか手が出しずらいですよね。 そんな時にはGoogleフォントで似てるフォントで代用することがたまにあります。有名フォントの代用にもなるおすすめのGoogleフォントのまとめです。 Adobe Fontsも2万種類以上のフォントが自由に使えます。下記の記事も参考にどうぞ。
イメージマップ(クリッカブルマップ)の構成イメージマップ(クリッカブルマップ)の構成はimg要素、map要素,area要素 の三つだけです。 img要素は、通常の画像を表示するのと同様で <img src="images/imagemap.png"> これに、イメージマップ属性を追加します。 <img src="images/imagemap.png" usemap="#Map"> usemap="" イメージマップの名前を指定, 複数イメージマップがある場合は重複しない名前、 アンカーのように「#」をつけます。 この後、画像のどの部分にイメージマップ(リンク)を付けるかを指定します。 <map name="Map"> <area shape="rect" coords="101,234,147,277" href="#" target="_blank" alt="" /> <area s
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
WordPressの不正アクセス・不正ログインなどの対策やっていますか? WordPressは世界中で最も利用されているオープンソースのCMSです。 そのオープンソース性ゆえ、ディレクトリ構造やソースコードが完全に公開されており、悪意のある攻撃者にとっては容易に目的のファイルにアクセスすることが可能です。 特に、WordPress管理画面ログインする重要ファイルwp-login.phpへの攻撃からの保護や、不正アクセス、不正ログイン対策が非常に重要です。 この記事ではWordPressの不正アクセス・不正ログインの攻撃から保護する方法をまとめています。 wp-login.phpの重要性 wp-login.phpはWordPressサイトへのアクセスを制御する要所であり、サイトの管理権限を持つユーザーにのみアクセスを許可します。したがって、このログインページが安全で保護されていることは非常に
Windows10にPhotoshopCS2,illustrator CS2をインストールした時にでたエラーの対処法です。 illustratorCS2は問題なく起動できたのですが、Photoshop CS2は起動しようとすると、「Adoebe Photoshop CS2は動作を停止しました」と 表示され、起動できない状態に。 再インストールしても結果は変わらず。。。 いつものようにググってみると解決策ありました! どうやら、IMEと相性が良くないということのようです。 その解決策とは・・ Windows10のコントロールパネルから「言語」を選択し、左サイドバーにある「詳細設定」をクリック。 「入力方式の切り替え」のところにある、「アプリウィンドウごとに異なる入力方式を選択する」にチェックを入れて保存します。 これで、再度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というパラメーターが付与されていないときだけリダイレクトする 付与されている場合はリダイレクトしないという意味です。 スマホ用ページからPC用ページにリダイレクトする場合使う機会はあまりないと思うが、検索結果でスマホ専用ページがPC用のページより上位に
レスポンシブウェブサイトを制作で必要になる機会が多いデバイスによって表示を切り替えたり、処理を変更したりする時に。 デバイス(スマホ・タブレット・PC)ごとにjQueryやJavaScriptの実行させたいときなど ウィンドウサイズで判断するjQueryでウィンドウのサイズを判別して処理を実行する例です。 $(document).ready(function(){ if ($(window).width() < 768) { //768px未満の時 $('#id').click(function() { //実行する処理 } });width()メソッドで取得したサイズはスクロールバーを含まない値であることに注意します。CSSのメディアクエリーと取得するサイズが異なります。 またこの場合はページが読み込まれた時に処理を実行して終了となるので、ウィンドウをリサイズしたりスマホを横にしたりした
カテゴリー内の記事リストを表示することは、トップページの新着記事とかサイドバーとか、使う機会がが多いです。 特定のカテゴリーの記事一覧を表示する例カテゴリー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ページを開く