【jQuery】スクロールに追従するフロートパネルを簡単に設置する方法 « JavaScript « 技術ブログ « 株式会社プロネット | WEBシステム開発20年以上の実績
サイドメニューなどスクロールに追従する要素を実装する方法を紹介します。 jQueryプラグインPortamento.jsを使用します。 ダウンロード、デモはこちら。 環境 jQuery：1.8.3 Portamento：1.1.1 準備 head内で必要なJSを読み込みます。 パスは環境に合わせて変更してください。 <!-- jQuery --> <script type="text/javascript" src="js/lib/jquery-1.8.3.min.js"</script> <!-- Portamento --> <script type="text/javascript" src="js/lib/portamento.js"</script> 実装 フロートパネルにする要素を準備します。 <div class="floatPanel"> <ul> <li>メニュー1</l
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
CSSでページごとに別のスタイルを設定したいときはbodyタグをチェック！ - 西沢直木のIT講座
WordPressで作成中のサイトで「トップページだけタイトルを消したい」とか、「固定ページのサイドバーを消したい」など、ページごとにデザインやレイアウトを変えたいことはありませんか？ そんなときはページのbodyタグを見てみましょう。 bodyタグを見ればページが特定できる 次のように長いclass名が付いているはずです。 <body class="home page page-id-132 page-template-default…略…"> 「home」がトップページだということを示しています。「page」は固定ページ、「page-id-132」はページ番号（post id）が132番のページだという意味です。 このように、各ページのbodyタグには、そのページを識別するさまざまなclass名が付加されています。その規則性を活かして「トップページだけ」や「アーカイブページだけ」などの
【2021年最新版】Elementorの使い方：完全ガイド | KCLUB MARKETING
WordPressを使っているけど、デザイン性の高いページを作りたいページビルダープラグインを使ってみたいけど、どれがオススメなのか教えて欲しい と思ったことはありませんか？今日は、そんなあなたにElementor（エレメンター）という、無料で使えるWordPressの専用のページビルダープラグインをご紹介します。ちなみに、普段僕も、実際に使っていて、結構なヘビーユーザーなので、その実体験を元にご紹介していきます。 Elementor（エレメンター）とは？ Elementorは、無料で使えるWordPressのページビルダープラグインです。海外では有名で、たくさんの人が使用しています。通常、WordPressのサイトは、テーマごとに書式やレイアウト等が決まっています。でも、Elementorを使うことによって、テーマのデザインに依存しない綺麗なデザインのページを作成することができます。ただ
固定ページのテンプレートはpage.phpだけではありません - 西沢直木のIT講座
WordPressで作成する固定ページを表示するときのデザインを決めるテンプレートファイルはpage.phpです。ただし、「固定ページの表示＝page.phpだけが使われる」わけではありません。以下、事例を紹介しながら固定ページの表示に使われるテンプレートを整理していきます。 固定ページの基本テンプレートはpage.phpですが… まず、基本的には固定ページを表示するときに使われるのはpage.phpです。 ただし、page.phpを開いても固定ページのタイトルを表示するthe_titleや本文を表示するthe_contentなどのお約束のコードが書いてない場合があります。 たとえば、Twenty Twelveのpage.phpは次のようになっています。 <?php get_header(); ?> <div id="primary" class="site-content"> <div
WordPressでページごとにヘッダー、フッター、サイドバーを切り替える方法 | WordPressはプロに外注！ワードプレス制作の代行、外注【サイトマネージ】東京都新宿区のWeb制作会社
WordPressではヘッダー、フッター、サイドバーは複数作ることができ、 ページごとに切り替えをすることもできます。 単一記事ページではこのフッターを表示させたい 固定ページではサイドバーを変えたい カテゴリ一覧ページではヘッダーを変えたい こんな使い分けも可能です。 今回は複数のヘッダー、フッター、サイドバーを作成し切り替える方法を紹介します。 固定ページで異なるヘッダー、フッター、サイドバーを表示する場合を例とします。 ヘッダー、フッター、サイドバーを新たに作成する デフォルトではそれぞれ header.php、footer.php、sidebar.php というファイル名ですが、 header-（好きな文字列）.php footer-（好きな文字列）.php sidebar-（好きな文字列）.php 例）header-page.php footer-page.php sidebar
実装あるある。YOUTUBEの初期状態を自作の画像にしたい。
同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなのでyoutubeのAPIを使ってとかではないですよ。 だけど正確にいうと 画像がある→クリックする→画像を消してyoutubeをHTMLに書き出す→と、同時に再生する という流れになります。IE9でも動きました。 (() => { function init01() { const video01 = document.getElementById("video01"); const playButton01 = document.getElementById("play_button01"); playButton01.onclick = function () { vid
Wordpress ワードプレスの文字化け対策 – ワードプレスの移行・修正・カスタマイズ・復旧のご依頼はWordpress Doctorへ | Blog
この記事のショートリンクを取得 <a href='https://wp-doctor.jp/blog/?p=227' target='_blank'>WordPress ワードプレスの文字化け対策</a> ワードプレスが文字化けする要因は多数有り、なかなか切り分けするのは難しいのですがここでは、原因別の文字化け対処方法を書きたいと思います。 テーマファイルの文字コードがUTF8でない よくある原因の一つに、テーマに含まれているファイルを編集して保存した際に文字コードがワードプレスの標準の物(UTF-8)と変わってしまっているというのがあげられます。 最後に編集したファイルをNotepad++等のエディタで開き、UTF8という文字コードで保存し直してアップロードしてください 下図はNotepad++で文字コードを変更する画面です。 WP Multibyte Patchをあてる 管理画面のプラ
WordPressサイトをWixに引っ越し！そのメリット・デメリットと注意点とは。 | ホームページ改善アドバイザー 日向 凛
大阪を拠点にホームページ制作およびSEOの改善指導を行なっているWixの専門家です。「ホームページ作成」「ホームページ制作」でWixサイト検索1位の実績。 かねてから制作を依頼していた私のWixホームページが、一昨日完成しました。 ⇒ https://www.web-aqua.jp 2011年から6年間WordPressで運用していたのですが、だんだんメンテナンスの手間が負担になってきたことと、この6月からWix公式のアンバサダー（ブランド大使）として、広告塔としての活動が始まったことから、ドメインはそのままで、WordPressからWixに移行をしたのです。 ⇒ ホームページにSSLを導入 WordPressからWixに移行しました | ホームページ制作 Web Aqua（ウェブ・アクア） WordPressからWixに移行するメリット httpsのURLを使うことができる 移行して即、
【2019年版】デザインも使いやすさも抜群！本気でオススメしたいWordpressテーマ16選 - にーとのかがみ。
どうも、沖縄在住ニートブロガーのケンヂ（@neetblogman）です。 最近はてなブログからWordpressへと鞍替えしている人が増えているけど、もしかして最近のトレンドか何かかな？ （SSL対応の問題もあるからみんなもちょっとシビアになっているよね。） とか思いつつはてなブログを続けている僕ですが、ぶっちゃけWordpressの良さもわかっているから気持ちはわかる…。良いよね、Wordpress そういうわけで、今回ははてなブロガーにもそうでない人にも本気でおすすめできるテーマをいくつか選んだので紹介していこうと思うよ！ ちなみに、今回紹介しているテーマは全て使ったことのあるテーマの中から厳選して紹介していますので、わりとガッツリ書いてます。 はじめに無料テーマと有料テーマの違いを知ろう Wordpressでブログやサイトを作ろうと思ってテーマを探していると、無料でもめちゃくちゃ凄い
ORION(tcd037)
ラグジュアリーリゾート界の最高ブランドと称され世界を魅了しつづけるオリオンリゾート。 その特徴は、卓越したホスピタリティ、地域の歴史と文化を体現したホテルコンセプト、そしてそのコンセプトを生かすのにベストな場所が選ばれていること。 真のリラクゼーションを感じられるスピリチュアル空間に一歩足を踏み入れれば、全身でオリオン哲学を感じるはず。 選び抜かれた絶好のロケーション。非日常を追求した極上の隠れ家へようこそ。 生きている内に一度は訪れてみたい憧れのスポット「オリオンリゾート」。 従来型の大型リゾート施設よりも、3歩先を行くスモールラグジュアリーな空間をご提供しております。 開放的でプライバシーが守られた環境では、最高の癒し、最高の感動を五感で感じて頂けます。
WordPressテーマ「AMORE (tcd028)」 – ワードプレステーマTCD
新しい、そして あなたのマーケティングに最大限貢献するためのWordPressテーマ WordPressテーマ「AMORE (tcd028)」 国内最高水準のパララックスデザインのWordPressテーマ「AMORE」 見る人を一発でアッと驚かせるデザイン。そして、あなたのビジネスの商品やサービス、店舗をより魅力あるものへと印象付けることができるのが、WordPressテーマ「AMORE」です。「AMORE」は、複数のレイヤーから成り立っており、スクロールすると異なるスピードで動作するパララックスデザインを採用しております。これによって、立体感や奥行き、そして視覚的な美しさを表現することができます。 通常、パララックスデザインを一から構築するとなると多大な開発費用がかかります。かと言って、テンプレート化するには、様々な人が利用することを考慮し、汎用性を高めなくてはなりません。当テンプレート
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
平素はテンプレートモンスター ジャパンをご利用頂きましてありがとうございます。 2020年7月31日をもって、同サービスを終了させて頂くこととなりました。 システム障害により、2020年6月下旬より同サービスサイトを停止しておりますが、復旧の目途が立たないこと、及び昨今の新型コロナウィルスの影響により、当社全体としての事業の選択と集中が必要であること等を総合的に検討した結果、同サービスの終了を判断したものです。 従前より、テンプレートモンスタージャパンをご愛顧頂きましたお客様には、厚く御礼申し上げます。 また、同サービスのアフィリエイトプログラムにご参加いただいておりますアフィリエイター様のアフィリエイト報酬のご請求は2021年1月31日まで受付けさせて頂きます。 改めまして、同サービスをご愛顧いただき、御礼申し上げます。
シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
Wordpressのローカル環境（テスト環境）を 構築する | nakoのITノート
WordPressのテーマをカスタマイズしたいなと思ったり、新しいプラグインを使ってみたいなと思ったとき、いきなり本番環境でそれをするのはちょっと危険。特に初心者の場合は、functions.phpの編集失敗や、キャッシュ系プラグインの導入で「画面真っ白現象」を引き起こしちゃったりします（私はどちらも昔やらかしたことがあります……）。 そうならないためにも、WordPressでサイトを構築しようと思ったら、同時にローカル環境も構築しておきましょう。やり方はとても簡単なので、WordPress初心者の方でも大丈夫。今回はその手順について解説していきます。 使用するソフト WordPressのローカル環境を構築するのによく使われているのは、「XAMPP」「BitNami」「MAMP」などです。ですが、今回使用するのは、「Instant WordPress」というソフトになります。 Instan
Windows Movie Maker
Softonic のレビュー Windows Essentials 2012で大きく変化を遂げた王道ムービー作成ソフト Windows ムービーメーカー 2012(Windows Movie Maker 2012／ウィンドウズ ムービーメーカー 2012)は、直感的な操作で本格的な動画を作成できる動画編集ソフトです。Windows Essentials 2012の中でも際立ったアプリケーションであり、ベーシックでありながらいくつかの新しい機能が追加され、とても便利な映像編集ツールに進化しました。 [PR]期間限定でタイプ カバーが無料 Windows ムービーメーカー 2012のインターフェースは以前とほぼ変わりはありません。左右2分割のペインによるインターフェースで構成されており、プレビューで結果を確かめながら編集を行うことができます。さらに、今回のアップデートでサムネイルサイズを5段階
『Facebookカバー画像をスマホに対応させる！！』
Enjoy Surfer Keisuke の徒然日記Facebookでサーフィンネタを書きすぎて仕事に差し支える勢いなので、別途でブログを開設します。 ブログはプライベート全開なので、サーフィンのこと、デザインのこと、仕事のこと、、、いろいろ書いていければと思っています。 FACEBOOKページを作る際に上部にトップ画像を設定することになるんだけど、仕様がコロコロ変わってしまい、現在の仕様がどうなってるのか確認してみたので、皆さんにお知らせ。 ネットでググっても古い情報ばかりだったからさ。。。 サイズ的には幅を今まで通りに851ピクセルで設定。 そして高さを638ピクセルに。 パソコンの画面だけを想定して最適化すると、今まで高さ315ピクセルでつくるのが当たり前だったんだけど、今それをやると、スマホで表示した際に左右の画像が消えてしまい、画像の中央部分だけが見える事になるのです。 この消え
<a name="ラベル"> 他ページ中の特定の場所にジャンプさせる -HTMLタグ辞典-
（リンク元） <a href="URL#ラベル"> ～ </a> （リンク先） <a name="ラベル"> ～ </a> ページ内の特定部分にジャンプできます。URLを記述しなければ同一ページ内、URLを記述すれば、特定ページ内の特定部分にジャンプさせることができます。 ジャンプさせたい場所に、<a>タグにname属性を指定し、ラベル（適当な名前）を付ける必要があります。 ページが縦するコールできない場合や、ページが重すぎる場合は、正確な場所にジャンプさせられない場合があります。 ページを立てスクロールさせるのに必要な幅は、改行タグをページ最下部におくなどして、増やすことでことができます。 （例）<a href="index.html#abc"> ～ </a> <a name="abc"> ～ </a>
Javascriptサンプル集 - 全一覧 | Saetl.net
メニュー系 JavaScript（jqueryライブラリなどを含む）のサンプル集です。 Javascriptサンプル集について ※使い方ではjqueryライブラリなどもjsと表現している場合があります。 Flat jQuery Responsive Menu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3media.biz
