コンピュータプログラミング

スポイラーを作る方法。 オプション

ウェブサイトを作りたい人がたくさんいます。 ほとんどのユーザーは、さまざまなソースを使用して、これを自分で学習します。 そして、もちろん、将来のオーナーが聞いたこともない概念があります。 しかし、あなたが始まったら、それを徹底的に勉強する必要があります。 したがって、この記事では、リソース上でスポイラーを作成する方法の問題について詳細に検討します。

もちろん、それが何であるかという概念と、なぜこのオブジェクトが必要とされるのかという概念から始めます。 だから、サイト上には、さまざまな理由から当初訪問者から隠されていなければならない、異なる種類の情報があります。 つまり、それはまったく表示されているわけではなく、意思で提供するだけです。 ここにhtmlのスポイラーがあり、これが使われています。 元のサイトの隠しコンテンツを保存します。 しかし、これは検索エンジンによるリソースの順位付けに反映されていません。なぜなら、このデザインはオープンであり、悪影響がないからです。 リンクをクリックすると、隠された情報が公開されます。

さらに、スポイラーを作る方法は、それは多くの人にとって非常に面白く、どのような目的のために行われていますか? ほとんどの場合、リソースの外部の美しさのために。 例えば、大きなページのデザインが大きなテキストの配置を提供しないウェブサイトを考えてみましょう。 所有者はリソースを促進するために検索エンジンを必要とするため、コンテンツは膨大になります(記事のサイズは重要な役割を果たすことができます)。 だからスポイラーの作成が救助に来る。 それでも、補助情報を隠すために使用するか、または必ずしも読むのが望ましいとは限りません。

誰もがそれらを読むことを望んでいるわけではありませんが、彼らはそれらから逃れることはできません。 この小説から訪問者を保護するのに役立つ方法があります。 これは、フォーラムや記事などであらゆる種類のスポイラーを隠すボタンの作成です 異なる方法で作成することができます。 最も簡単な方法は、htmlコードinput class = "button"を使用することです。 まず、情報を追加するときにコードの挿入がサポートされていることを確認する必要があります。コードが挿入されている場合は、テキストを適切な場所に挿入した直後にボタンが機能し始めます。

このバージョンは、Ucozで作成されたサイトに適しています。 しかし、インストール後でさえ、追加の設定が必要なため、ボタンが機能しないことがあります。 まず第一に、これはその外観です。 次に、一意でなければならない識別子。 最後に、マテリアルを配置するページコードで、タグの前にスクリプトが追加されます。タグは、ボタンの正しい操作を担当します。 スポイラーを作る方法を知るだけでなく、正しく配置することが重要です。

そして今、私たちはこの機能を分析しますが、WordPress用に作られたサイトについてのみ分析します。 最も簡単な方法は、多くのリソースから簡単にダウンロードできるAdvanced Spoilerプラグインを使用することです。 インストールは標準です:

- あなたのコンピュータにアーカイブを解凍する。

- FTPクライアントの助けを借りてサイトへの接続(最も一般的なのは総司令官です);

- ホスティングにファイルをアップロードする。

- サイト管理エリアで、「プラグイン - 非アクティブ」セクションを検索し、新しくインストールされたセクションを有効にします。 実行されたアクションの後、動作を開始します。 さて、ビジュアルとHTMLの両方のエディタで素材を追加すると、「Spoiler」ボタンが表示されます。 [Spoiler] [/ Spoiler]タグの間に必要な情報を追加して、スポイラーを作成します。 所有者に十分な知識があれば、プラグインをわずかに再構成することができます。

もう一つの方法は、サイト上でスポイラーを作る方法です。 まず、jQueryライブラリと、スポイラーが多かれ少なかれスムーズに折りたたまれて展開するために必要ないわゆる "pribluda" JSを接続する必要があります。 サイトの目的のページで、管理パネルで、必要なコードがタグの間に配置されます。 さらに、デフォルトで関数が閉じられるようにするには、.splCont {display:none; パディング:3px 5px; そのような文書がなければ、それほど恐ろしいことではありません。 碑文はテキストのどこにでも置くことができます。最も重要なのはスポイラー自体を置く前です。 最後に、情報隠蔽のコードが置かれます。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ja.atomiyme.com. Theme powered by WordPress.